.full-search .search-layer {
  z-index: 84; }

.full-search .chat-full-search {
  z-index: 85; }

.meeting-index {
  z-index: 99; }

.app-content-side .layer {
  z-index: 100; }

.app-content-side .side-content {
  z-index: 101; }

.app-content-side .trackY {
  z-index: 101; }

.call-board-container {
  z-index: 999; }

.notification-bar {
  z-index: 999; }

.app-status-bar {
  z-index: 1000; }

.moji-viewer-index .center {
  z-index: 1001; }

.qt-dialog-index {
  z-index: 1300; }

.image-viewer-index {
  z-index: 1301; }

.forward-modal-parent {
  z-index: 1400 !important; }

.ant-message {
  z-index: 1500 !important; }

.note-index,
.logout-index {
  z-index: 300; }

.batch-msg-index {
  z-index: 99; }

/*! 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 */
  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 */
  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"], /* 1 */
[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, /* 1 */
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;
}


    .emoji1 {
      background-image: url(../../static/media/emoji1.dd08e0a3.png);
    }

    @media screen and (-webkit-min-device-pixel-ratio: 2.0), screen and (min--moz-device-pixel-ratio: 2.0), screen and (-o-min-device-pixel-ratio: 200/100), screen and (min-device-pixel-ratio: 2.0), screen and (-o-min-device-pixel-ratio: 2/1), screen and (min-resolution: 2.0dppx) {
    .emoji1 {
      background-image: url(../../static/media/emoji1@2x.636b99d5.png);
      background-size: 580px 560px;
    }
    }

  .sprite-emoji-0023-20e3 {
    background-position: -20px -0px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-002a-20e3 {
    background-position: -400px -120px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-0030-20e3 {
    background-position: -0px -20px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-0031-20e3 {
    background-position: -20px -20px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-0032-20e3 {
    background-position: -40px -0px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-0033-20e3 {
    background-position: -40px -20px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-0034-20e3 {
    background-position: -0px -40px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-0035-20e3 {
    background-position: -20px -40px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-0036-20e3 {
    background-position: -40px -40px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-0037-20e3 {
    background-position: -60px -0px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-0038-20e3 {
    background-position: -60px -20px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-0039-20e3 {
    background-position: -60px -40px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-00a9 {
    background-position: -0px -60px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-00ae {
    background-position: -20px -60px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f004 {
    background-position: -40px -60px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f0cf {
    background-position: -60px -60px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f170 {
    background-position: -80px -0px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f171 {
    background-position: -80px -20px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f17e {
    background-position: -80px -40px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f17f {
    background-position: -80px -60px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f18e {
    background-position: -0px -80px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f191 {
    background-position: -20px -80px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f192 {
    background-position: -40px -80px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f193 {
    background-position: -60px -80px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f194 {
    background-position: -80px -80px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f195 {
    background-position: -100px -0px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f196 {
    background-position: -100px -20px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f197 {
    background-position: -100px -40px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f198 {
    background-position: -100px -60px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f199 {
    background-position: -100px -80px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f19a {
    background-position: -0px -100px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f1e6-1f1e8 {
    background-position: -20px -100px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f1e6-1f1e9 {
    background-position: -40px -100px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f1e6-1f1ea {
    background-position: -60px -100px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f1e6-1f1eb {
    background-position: -80px -100px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f1e6-1f1ec {
    background-position: -100px -100px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f1e6-1f1ee {
    background-position: -120px -0px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f1e6-1f1f1 {
    background-position: -120px -20px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f1e6-1f1f2 {
    background-position: -120px -40px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f1e6-1f1f4 {
    background-position: -120px -60px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f1e6-1f1f6 {
    background-position: -120px -80px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f1e6-1f1f7 {
    background-position: -120px -100px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f1e6-1f1f8 {
    background-position: -0px -120px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f1e6-1f1f9 {
    background-position: -20px -120px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f1e6-1f1fa {
    background-position: -40px -120px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f1e6-1f1fc {
    background-position: -60px -120px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f1e6-1f1fd {
    background-position: -80px -120px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f1e6-1f1ff {
    background-position: -100px -120px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f1e7-1f1e6 {
    background-position: -120px -120px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f1e7-1f1e7 {
    background-position: -140px -0px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f1e7-1f1e9 {
    background-position: -140px -20px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f1e7-1f1ea {
    background-position: -140px -40px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f1e7-1f1eb {
    background-position: -140px -60px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f1e7-1f1ec {
    background-position: -140px -80px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f1e7-1f1ed {
    background-position: -140px -100px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f1e7-1f1ee {
    background-position: -140px -120px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f1e7-1f1ef {
    background-position: -0px -140px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f1e7-1f1f1 {
    background-position: -20px -140px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f1e7-1f1f2 {
    background-position: -40px -140px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f1e7-1f1f3 {
    background-position: -60px -140px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f1e7-1f1f4 {
    background-position: -80px -140px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f1e7-1f1f6 {
    background-position: -100px -140px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f1e7-1f1f7 {
    background-position: -120px -140px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f1e7-1f1f8 {
    background-position: -140px -140px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f1e7-1f1f9 {
    background-position: -160px -0px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f1e7-1f1fb {
    background-position: -160px -20px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f1e7-1f1fc {
    background-position: -160px -40px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f1e7-1f1fe {
    background-position: -160px -60px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f1e7-1f1ff {
    background-position: -160px -80px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f1e8-1f1e6 {
    background-position: -160px -100px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f1e8-1f1e8 {
    background-position: -160px -120px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f1e8-1f1e9 {
    background-position: -160px -140px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f1e8-1f1eb {
    background-position: -0px -160px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f1e8-1f1ec {
    background-position: -20px -160px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f1e8-1f1ed {
    background-position: -40px -160px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f1e8-1f1ee {
    background-position: -60px -160px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f1e8-1f1f0 {
    background-position: -80px -160px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f1e8-1f1f1 {
    background-position: -100px -160px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f1e8-1f1f2 {
    background-position: -120px -160px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f1e8-1f1f3 {
    background-position: -140px -160px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f1e8-1f1f4 {
    background-position: -160px -160px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f1e8-1f1f5 {
    background-position: -180px -0px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f1e8-1f1f7 {
    background-position: -180px -20px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f1e8-1f1fa {
    background-position: -180px -40px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f1e8-1f1fb {
    background-position: -180px -60px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f1e8-1f1fc {
    background-position: -180px -80px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f1e8-1f1fd {
    background-position: -180px -100px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f1e8-1f1fe {
    background-position: -180px -120px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f1e8-1f1ff {
    background-position: -180px -140px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f1e9-1f1ea {
    background-position: -180px -160px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f1e9-1f1ec {
    background-position: -0px -180px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f1e9-1f1ef {
    background-position: -20px -180px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f1e9-1f1f0 {
    background-position: -40px -180px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f1e9-1f1f2 {
    background-position: -60px -180px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f1e9-1f1f4 {
    background-position: -80px -180px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f1e9-1f1ff {
    background-position: -100px -180px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f1ea-1f1e6 {
    background-position: -120px -180px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f1ea-1f1e8 {
    background-position: -140px -180px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f1ea-1f1ea {
    background-position: -160px -180px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f1ea-1f1ec {
    background-position: -180px -180px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f1ea-1f1ed {
    background-position: -200px -0px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f1ea-1f1f7 {
    background-position: -200px -20px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f1ea-1f1f8 {
    background-position: -200px -40px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f1ea-1f1f9 {
    background-position: -200px -60px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f1ea-1f1fa {
    background-position: -200px -80px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f1eb-1f1ee {
    background-position: -200px -100px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f1eb-1f1ef {
    background-position: -200px -120px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f1eb-1f1f0 {
    background-position: -200px -140px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f1eb-1f1f2 {
    background-position: -200px -160px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f1eb-1f1f4 {
    background-position: -200px -180px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f1eb-1f1f7 {
    background-position: -0px -200px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f1ec-1f1e6 {
    background-position: -20px -200px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f1ec-1f1e7 {
    background-position: -40px -200px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f1ec-1f1e9 {
    background-position: -60px -200px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f1ec-1f1ea {
    background-position: -80px -200px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f1ec-1f1eb {
    background-position: -100px -200px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f1ec-1f1ec {
    background-position: -120px -200px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f1ec-1f1ed {
    background-position: -140px -200px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f1ec-1f1ee {
    background-position: -160px -200px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f1ec-1f1f1 {
    background-position: -180px -200px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f1ec-1f1f2 {
    background-position: -200px -200px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f1ec-1f1f3 {
    background-position: -220px -0px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f1ec-1f1f5 {
    background-position: -220px -20px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f1ec-1f1f6 {
    background-position: -220px -40px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f1ec-1f1f7 {
    background-position: -220px -60px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f1ec-1f1f8 {
    background-position: -220px -80px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f1ec-1f1f9 {
    background-position: -220px -100px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f1ec-1f1fa {
    background-position: -220px -120px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f1ec-1f1fc {
    background-position: -220px -140px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f1ec-1f1fe {
    background-position: -220px -160px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f1ed-1f1f0 {
    background-position: -220px -180px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f1ed-1f1f2 {
    background-position: -220px -200px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f1ed-1f1f3 {
    background-position: -0px -220px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f1ed-1f1f7 {
    background-position: -20px -220px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f1ed-1f1f9 {
    background-position: -40px -220px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f1ed-1f1fa {
    background-position: -60px -220px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f1ee-1f1e8 {
    background-position: -80px -220px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f1ee-1f1e9 {
    background-position: -100px -220px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f1ee-1f1ea {
    background-position: -120px -220px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f1ee-1f1f1 {
    background-position: -140px -220px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f1ee-1f1f2 {
    background-position: -160px -220px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f1ee-1f1f3 {
    background-position: -180px -220px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f1ee-1f1f4 {
    background-position: -200px -220px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f1ee-1f1f6 {
    background-position: -220px -220px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f1ee-1f1f7 {
    background-position: -240px -0px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f1ee-1f1f8 {
    background-position: -240px -20px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f1ee-1f1f9 {
    background-position: -240px -40px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f1ef-1f1ea {
    background-position: -240px -60px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f1ef-1f1f2 {
    background-position: -240px -80px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f1ef-1f1f4 {
    background-position: -240px -100px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f1ef-1f1f5 {
    background-position: -240px -120px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f1f0-1f1ea {
    background-position: -240px -140px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f1f0-1f1ec {
    background-position: -240px -160px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f1f0-1f1ed {
    background-position: -240px -180px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f1f0-1f1ee {
    background-position: -240px -200px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f1f0-1f1f2 {
    background-position: -240px -220px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f1f0-1f1f3 {
    background-position: -0px -240px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f1f0-1f1f5 {
    background-position: -20px -240px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f1f0-1f1f7 {
    background-position: -40px -240px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f1f0-1f1fc {
    background-position: -60px -240px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f1f0-1f1fe {
    background-position: -80px -240px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f1f0-1f1ff {
    background-position: -100px -240px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f1f1-1f1e6 {
    background-position: -120px -240px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f1f1-1f1e7 {
    background-position: -140px -240px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f1f1-1f1e8 {
    background-position: -160px -240px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f1f1-1f1ee {
    background-position: -180px -240px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f1f1-1f1f0 {
    background-position: -200px -240px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f1f1-1f1f7 {
    background-position: -220px -240px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f1f1-1f1f8 {
    background-position: -240px -240px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f1f1-1f1f9 {
    background-position: -260px -0px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f1f1-1f1fa {
    background-position: -260px -20px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f1f1-1f1fb {
    background-position: -260px -40px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f1f1-1f1fe {
    background-position: -260px -60px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f1f2-1f1e6 {
    background-position: -260px -80px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f1f2-1f1e8 {
    background-position: -260px -100px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f1f2-1f1e9 {
    background-position: -260px -120px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f1f2-1f1ea {
    background-position: -260px -140px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f1f2-1f1eb {
    background-position: -260px -160px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f1f2-1f1ec {
    background-position: -260px -180px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f1f2-1f1ed {
    background-position: -260px -200px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f1f2-1f1f0 {
    background-position: -260px -220px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f1f2-1f1f1 {
    background-position: -260px -240px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f1f2-1f1f2 {
    background-position: -0px -260px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f1f2-1f1f3 {
    background-position: -20px -260px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f1f2-1f1f4 {
    background-position: -40px -260px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f1f2-1f1f5 {
    background-position: -60px -260px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f1f2-1f1f6 {
    background-position: -80px -260px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f1f2-1f1f7 {
    background-position: -100px -260px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f1f2-1f1f8 {
    background-position: -120px -260px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f1f2-1f1f9 {
    background-position: -140px -260px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f1f2-1f1fa {
    background-position: -160px -260px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f1f2-1f1fb {
    background-position: -180px -260px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f1f2-1f1fc {
    background-position: -200px -260px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f1f2-1f1fd {
    background-position: -220px -260px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f1f2-1f1fe {
    background-position: -240px -260px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f1f2-1f1ff {
    background-position: -260px -260px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f1f3-1f1e6 {
    background-position: -280px -0px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f1f3-1f1e8 {
    background-position: -280px -20px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f1f3-1f1ea {
    background-position: -280px -40px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f1f3-1f1eb {
    background-position: -280px -60px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f1f3-1f1ec {
    background-position: -280px -80px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f1f3-1f1ee {
    background-position: -280px -100px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f1f3-1f1f1 {
    background-position: -280px -120px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f1f3-1f1f4 {
    background-position: -280px -140px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f1f3-1f1f5 {
    background-position: -280px -160px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f1f3-1f1f7 {
    background-position: -280px -180px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f1f3-1f1fa {
    background-position: -280px -200px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f1f3-1f1ff {
    background-position: -280px -220px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f1f4-1f1f2 {
    background-position: -280px -240px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f1f5-1f1e6 {
    background-position: -280px -260px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f1f5-1f1ea {
    background-position: -0px -280px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f1f5-1f1eb {
    background-position: -20px -280px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f1f5-1f1ec {
    background-position: -40px -280px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f1f5-1f1ed {
    background-position: -60px -280px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f1f5-1f1f0 {
    background-position: -80px -280px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f1f5-1f1f1 {
    background-position: -100px -280px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f1f5-1f1f2 {
    background-position: -120px -280px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f1f5-1f1f3 {
    background-position: -140px -280px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f1f5-1f1f7 {
    background-position: -160px -280px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f1f5-1f1f8 {
    background-position: -180px -280px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f1f5-1f1f9 {
    background-position: -200px -280px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f1f5-1f1fc {
    background-position: -220px -280px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f1f5-1f1fe {
    background-position: -240px -280px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f1f6-1f1e6 {
    background-position: -260px -280px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f1f7-1f1ea {
    background-position: -280px -280px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f1f7-1f1f4 {
    background-position: -300px -0px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f1f7-1f1f8 {
    background-position: -300px -20px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f1f7-1f1fa {
    background-position: -300px -40px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f1f7-1f1fc {
    background-position: -300px -60px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f1f8-1f1e6 {
    background-position: -300px -80px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f1f8-1f1e7 {
    background-position: -300px -100px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f1f8-1f1e8 {
    background-position: -300px -120px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f1f8-1f1e9 {
    background-position: -300px -140px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f1f8-1f1ea {
    background-position: -300px -160px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f1f8-1f1ec {
    background-position: -300px -180px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f1f8-1f1ed {
    background-position: -300px -200px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f1f8-1f1ee {
    background-position: -300px -220px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f1f8-1f1ef {
    background-position: -300px -240px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f1f8-1f1f0 {
    background-position: -300px -260px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f1f8-1f1f1 {
    background-position: -300px -280px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f1f8-1f1f2 {
    background-position: -0px -300px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f1f8-1f1f3 {
    background-position: -20px -300px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f1f8-1f1f4 {
    background-position: -40px -300px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f1f8-1f1f7 {
    background-position: -60px -300px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f1f8-1f1f8 {
    background-position: -80px -300px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f1f8-1f1f9 {
    background-position: -100px -300px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f1f8-1f1fb {
    background-position: -120px -300px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f1f8-1f1fd {
    background-position: -140px -300px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f1f8-1f1fe {
    background-position: -160px -300px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f1f8-1f1ff {
    background-position: -180px -300px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f1f9-1f1e6 {
    background-position: -200px -300px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f1f9-1f1e8 {
    background-position: -220px -300px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f1f9-1f1e9 {
    background-position: -240px -300px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f1f9-1f1eb {
    background-position: -260px -300px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f1f9-1f1ec {
    background-position: -280px -300px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f1f9-1f1ed {
    background-position: -300px -300px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f1f9-1f1ef {
    background-position: -320px -0px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f1f9-1f1f0 {
    background-position: -320px -20px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f1f9-1f1f1 {
    background-position: -320px -40px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f1f9-1f1f2 {
    background-position: -320px -60px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f1f9-1f1f3 {
    background-position: -320px -80px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f1f9-1f1f4 {
    background-position: -320px -100px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f1f9-1f1f7 {
    background-position: -320px -120px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f1f9-1f1f9 {
    background-position: -320px -140px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f1f9-1f1fb {
    background-position: -320px -160px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f1f9-1f1fc {
    background-position: -320px -180px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f1f9-1f1ff {
    background-position: -320px -200px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f1fa-1f1e6 {
    background-position: -320px -220px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f1fa-1f1ec {
    background-position: -320px -240px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f1fa-1f1f2 {
    background-position: -320px -260px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f1fa-1f1f8 {
    background-position: -320px -280px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f1fa-1f1fe {
    background-position: -320px -300px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f1fa-1f1ff {
    background-position: -0px -320px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f1fb-1f1e6 {
    background-position: -20px -320px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f1fb-1f1e8 {
    background-position: -40px -320px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f1fb-1f1ea {
    background-position: -60px -320px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f1fb-1f1ec {
    background-position: -80px -320px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f1fb-1f1ee {
    background-position: -100px -320px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f1fb-1f1f3 {
    background-position: -120px -320px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f1fb-1f1fa {
    background-position: -140px -320px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f1fc-1f1eb {
    background-position: -160px -320px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f1fc-1f1f8 {
    background-position: -180px -320px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f1fd-1f1f0 {
    background-position: -200px -320px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f1fe-1f1ea {
    background-position: -220px -320px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f1fe-1f1f9 {
    background-position: -240px -320px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f1ff-1f1e6 {
    background-position: -260px -320px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f1ff-1f1f2 {
    background-position: -280px -320px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f1ff-1f1fc {
    background-position: -300px -320px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f201 {
    background-position: -320px -320px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f202 {
    background-position: -340px -0px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f21a {
    background-position: -340px -20px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f22f {
    background-position: -340px -40px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f232 {
    background-position: -340px -60px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f233 {
    background-position: -340px -80px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f234 {
    background-position: -340px -100px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f235 {
    background-position: -340px -120px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f236 {
    background-position: -340px -140px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f237 {
    background-position: -340px -160px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f238 {
    background-position: -340px -180px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f239 {
    background-position: -340px -200px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f23a {
    background-position: -340px -220px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f250 {
    background-position: -340px -240px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f251 {
    background-position: -340px -260px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f300 {
    background-position: -340px -280px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f301 {
    background-position: -340px -300px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f302 {
    background-position: -340px -320px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f303 {
    background-position: -0px -340px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f304 {
    background-position: -20px -340px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f305 {
    background-position: -40px -340px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f306 {
    background-position: -60px -340px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f307 {
    background-position: -80px -340px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f308 {
    background-position: -100px -340px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f309 {
    background-position: -120px -340px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f30a {
    background-position: -140px -340px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f30b {
    background-position: -160px -340px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f30c {
    background-position: -180px -340px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f30d {
    background-position: -200px -340px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f30e {
    background-position: -220px -340px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f30f {
    background-position: -240px -340px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f310 {
    background-position: -260px -340px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f311 {
    background-position: -280px -340px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f312 {
    background-position: -300px -340px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f313 {
    background-position: -320px -340px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f314 {
    background-position: -340px -340px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f315 {
    background-position: -360px -0px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f316 {
    background-position: -360px -20px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f317 {
    background-position: -360px -40px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f318 {
    background-position: -360px -60px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f319 {
    background-position: -360px -80px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f31a {
    background-position: -360px -100px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f31b {
    background-position: -360px -120px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f31c {
    background-position: -360px -140px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f31d {
    background-position: -360px -160px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f31e {
    background-position: -360px -180px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f31f {
    background-position: -360px -200px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f320 {
    background-position: -360px -220px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f321 {
    background-position: -360px -240px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f324 {
    background-position: -360px -260px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f325 {
    background-position: -360px -280px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f326 {
    background-position: -360px -300px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f327 {
    background-position: -360px -320px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f328 {
    background-position: -360px -340px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f329 {
    background-position: -0px -360px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f32a {
    background-position: -20px -360px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f32b {
    background-position: -40px -360px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f32c {
    background-position: -60px -360px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f32d {
    background-position: -80px -360px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f32e {
    background-position: -100px -360px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f32f {
    background-position: -120px -360px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f330 {
    background-position: -140px -360px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f331 {
    background-position: -160px -360px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f332 {
    background-position: -180px -360px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f333 {
    background-position: -200px -360px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f334 {
    background-position: -220px -360px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f335 {
    background-position: -240px -360px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f336 {
    background-position: -260px -360px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f337 {
    background-position: -280px -360px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f338 {
    background-position: -300px -360px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f339 {
    background-position: -320px -360px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f33a {
    background-position: -340px -360px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f33b {
    background-position: -360px -360px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f33c {
    background-position: -380px -0px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f33d {
    background-position: -380px -20px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f33e {
    background-position: -380px -40px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f33f {
    background-position: -380px -60px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f340 {
    background-position: -380px -80px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f341 {
    background-position: -380px -100px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f342 {
    background-position: -380px -120px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f343 {
    background-position: -380px -140px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f344 {
    background-position: -380px -160px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f345 {
    background-position: -380px -180px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f346 {
    background-position: -380px -200px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f347 {
    background-position: -380px -220px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f348 {
    background-position: -380px -240px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f349 {
    background-position: -380px -260px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f34a {
    background-position: -380px -280px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f34b {
    background-position: -380px -300px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f34c {
    background-position: -380px -320px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f34d {
    background-position: -380px -340px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f34e {
    background-position: -380px -360px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f34f {
    background-position: -0px -380px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f350 {
    background-position: -20px -380px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f351 {
    background-position: -40px -380px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f352 {
    background-position: -60px -380px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f353 {
    background-position: -80px -380px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f354 {
    background-position: -100px -380px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f355 {
    background-position: -120px -380px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f356 {
    background-position: -140px -380px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f357 {
    background-position: -160px -380px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f358 {
    background-position: -180px -380px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f359 {
    background-position: -200px -380px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f35a {
    background-position: -220px -380px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f35b {
    background-position: -240px -380px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f35c {
    background-position: -260px -380px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f35d {
    background-position: -280px -380px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f35e {
    background-position: -300px -380px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f35f {
    background-position: -320px -380px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f360 {
    background-position: -340px -380px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f361 {
    background-position: -360px -380px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f362 {
    background-position: -380px -380px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f363 {
    background-position: -400px -0px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f364 {
    background-position: -400px -20px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f365 {
    background-position: -400px -40px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f366 {
    background-position: -400px -60px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f367 {
    background-position: -400px -80px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f368 {
    background-position: -400px -100px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f369 {
    background-position: -0px -0px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f36a {
    background-position: -400px -140px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f36b {
    background-position: -400px -160px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f36c {
    background-position: -400px -180px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f36d {
    background-position: -400px -200px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f36e {
    background-position: -400px -220px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f36f {
    background-position: -400px -240px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f370 {
    background-position: -400px -260px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f371 {
    background-position: -400px -280px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f372 {
    background-position: -400px -300px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f373 {
    background-position: -400px -320px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f374 {
    background-position: -400px -340px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f375 {
    background-position: -400px -360px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f376 {
    background-position: -400px -380px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f377 {
    background-position: -0px -400px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f378 {
    background-position: -20px -400px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f379 {
    background-position: -40px -400px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f37a {
    background-position: -60px -400px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f37b {
    background-position: -80px -400px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f37c {
    background-position: -100px -400px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f37d {
    background-position: -120px -400px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f37e {
    background-position: -140px -400px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f37f {
    background-position: -160px -400px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f380 {
    background-position: -180px -400px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f381 {
    background-position: -200px -400px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f382 {
    background-position: -220px -400px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f383 {
    background-position: -240px -400px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f384 {
    background-position: -260px -400px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f385-1f3fb {
    background-position: -280px -400px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f385-1f3fc {
    background-position: -300px -400px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f385-1f3fd {
    background-position: -320px -400px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f385-1f3fe {
    background-position: -340px -400px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f385-1f3ff {
    background-position: -360px -400px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f385 {
    background-position: -380px -400px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f386 {
    background-position: -400px -400px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f387 {
    background-position: -420px -0px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f388 {
    background-position: -420px -20px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f389 {
    background-position: -420px -40px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f38a {
    background-position: -420px -60px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f38b {
    background-position: -420px -80px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f38c {
    background-position: -420px -100px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f38d {
    background-position: -420px -120px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f38e {
    background-position: -420px -140px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f38f {
    background-position: -420px -160px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f390 {
    background-position: -420px -180px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f391 {
    background-position: -420px -200px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f392 {
    background-position: -420px -220px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f393 {
    background-position: -420px -240px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f396 {
    background-position: -420px -260px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f397 {
    background-position: -420px -280px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f399 {
    background-position: -420px -300px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f39a {
    background-position: -420px -320px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f39b {
    background-position: -420px -340px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f39e {
    background-position: -420px -360px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f39f {
    background-position: -420px -380px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f3a0 {
    background-position: -420px -400px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f3a1 {
    background-position: -0px -420px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f3a2 {
    background-position: -20px -420px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f3a3 {
    background-position: -40px -420px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f3a4 {
    background-position: -60px -420px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f3a5 {
    background-position: -80px -420px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f3a6 {
    background-position: -100px -420px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f3a7 {
    background-position: -120px -420px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f3a8 {
    background-position: -140px -420px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f3a9 {
    background-position: -160px -420px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f3aa {
    background-position: -180px -420px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f3ab {
    background-position: -200px -420px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f3ac {
    background-position: -220px -420px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f3ad {
    background-position: -240px -420px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f3ae {
    background-position: -260px -420px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f3af {
    background-position: -280px -420px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f3b0 {
    background-position: -300px -420px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f3b1 {
    background-position: -320px -420px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f3b2 {
    background-position: -340px -420px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f3b3 {
    background-position: -360px -420px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f3b4 {
    background-position: -380px -420px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f3b5 {
    background-position: -400px -420px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f3b6 {
    background-position: -420px -420px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f3b7 {
    background-position: -440px -0px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f3b8 {
    background-position: -440px -20px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f3b9 {
    background-position: -440px -40px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f3ba {
    background-position: -440px -60px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f3bb {
    background-position: -440px -80px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f3bc {
    background-position: -440px -100px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f3bd {
    background-position: -440px -120px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f3be {
    background-position: -440px -140px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f3bf {
    background-position: -440px -160px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f3c0 {
    background-position: -440px -180px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f3c1 {
    background-position: -440px -200px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f3c2-1f3fb {
    background-position: -440px -220px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f3c2-1f3fc {
    background-position: -440px -240px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f3c2-1f3fd {
    background-position: -440px -260px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f3c2-1f3fe {
    background-position: -440px -280px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f3c2-1f3ff {
    background-position: -440px -300px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f3c2 {
    background-position: -440px -320px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f3c3-1f3fb-200d-2640-fe0f {
    background-position: -440px -340px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f3c3-1f3fb-200d-2642-fe0f {
    background-position: -440px -360px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f3c3-1f3fb {
    background-position: -440px -380px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f3c3-1f3fc-200d-2640-fe0f {
    background-position: -440px -400px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f3c3-1f3fc-200d-2642-fe0f {
    background-position: -440px -420px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f3c3-1f3fc {
    background-position: -0px -440px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f3c3-1f3fd-200d-2640-fe0f {
    background-position: -20px -440px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f3c3-1f3fd-200d-2642-fe0f {
    background-position: -40px -440px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f3c3-1f3fd {
    background-position: -60px -440px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f3c3-1f3fe-200d-2640-fe0f {
    background-position: -80px -440px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f3c3-1f3fe-200d-2642-fe0f {
    background-position: -100px -440px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f3c3-1f3fe {
    background-position: -120px -440px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f3c3-1f3ff-200d-2640-fe0f {
    background-position: -140px -440px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f3c3-1f3ff-200d-2642-fe0f {
    background-position: -160px -440px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f3c3-1f3ff {
    background-position: -180px -440px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f3c3-200d-2640-fe0f {
    background-position: -200px -440px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f3c3-200d-2642-fe0f {
    background-position: -220px -440px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f3c3 {
    background-position: -240px -440px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f3c4-1f3fb-200d-2640-fe0f {
    background-position: -260px -440px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f3c4-1f3fb-200d-2642-fe0f {
    background-position: -280px -440px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f3c4-1f3fb {
    background-position: -300px -440px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f3c4-1f3fc-200d-2640-fe0f {
    background-position: -320px -440px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f3c4-1f3fc-200d-2642-fe0f {
    background-position: -340px -440px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f3c4-1f3fc {
    background-position: -360px -440px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f3c4-1f3fd-200d-2640-fe0f {
    background-position: -380px -440px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f3c4-1f3fd-200d-2642-fe0f {
    background-position: -400px -440px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f3c4-1f3fd {
    background-position: -420px -440px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f3c4-1f3fe-200d-2640-fe0f {
    background-position: -440px -440px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f3c4-1f3fe-200d-2642-fe0f {
    background-position: -460px -0px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f3c4-1f3fe {
    background-position: -460px -20px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f3c4-1f3ff-200d-2640-fe0f {
    background-position: -460px -40px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f3c4-1f3ff-200d-2642-fe0f {
    background-position: -460px -60px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f3c4-1f3ff {
    background-position: -460px -80px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f3c4-200d-2640-fe0f {
    background-position: -460px -100px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f3c4-200d-2642-fe0f {
    background-position: -460px -120px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f3c4 {
    background-position: -460px -140px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f3c5 {
    background-position: -460px -160px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f3c6 {
    background-position: -460px -180px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f3c7-1f3fb {
    background-position: -460px -200px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f3c7-1f3fc {
    background-position: -460px -220px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f3c7-1f3fd {
    background-position: -460px -240px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f3c7-1f3fe {
    background-position: -460px -260px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f3c7-1f3ff {
    background-position: -460px -280px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f3c7 {
    background-position: -460px -300px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f3c8 {
    background-position: -460px -320px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f3c9 {
    background-position: -460px -340px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f3ca-1f3fb-200d-2640-fe0f {
    background-position: -460px -360px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f3ca-1f3fb-200d-2642-fe0f {
    background-position: -460px -380px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f3ca-1f3fb {
    background-position: -460px -400px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f3ca-1f3fc-200d-2640-fe0f {
    background-position: -460px -420px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f3ca-1f3fc-200d-2642-fe0f {
    background-position: -460px -440px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f3ca-1f3fc {
    background-position: -0px -460px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f3ca-1f3fd-200d-2640-fe0f {
    background-position: -20px -460px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f3ca-1f3fd-200d-2642-fe0f {
    background-position: -40px -460px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f3ca-1f3fd {
    background-position: -60px -460px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f3ca-1f3fe-200d-2640-fe0f {
    background-position: -80px -460px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f3ca-1f3fe-200d-2642-fe0f {
    background-position: -100px -460px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f3ca-1f3fe {
    background-position: -120px -460px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f3ca-1f3ff-200d-2640-fe0f {
    background-position: -140px -460px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f3ca-1f3ff-200d-2642-fe0f {
    background-position: -160px -460px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f3ca-1f3ff {
    background-position: -180px -460px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f3ca-200d-2640-fe0f {
    background-position: -200px -460px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f3ca-200d-2642-fe0f {
    background-position: -220px -460px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f3ca {
    background-position: -240px -460px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f3cb-1f3fb-200d-2640-fe0f {
    background-position: -260px -460px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f3cb-1f3fb-200d-2642-fe0f {
    background-position: -280px -460px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f3cb-1f3fb {
    background-position: -300px -460px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f3cb-1f3fc-200d-2640-fe0f {
    background-position: -320px -460px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f3cb-1f3fc-200d-2642-fe0f {
    background-position: -340px -460px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f3cb-1f3fc {
    background-position: -360px -460px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f3cb-1f3fd-200d-2640-fe0f {
    background-position: -380px -460px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f3cb-1f3fd-200d-2642-fe0f {
    background-position: -400px -460px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f3cb-1f3fd {
    background-position: -420px -460px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f3cb-1f3fe-200d-2640-fe0f {
    background-position: -440px -460px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f3cb-1f3fe-200d-2642-fe0f {
    background-position: -460px -460px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f3cb-1f3fe {
    background-position: -480px -0px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f3cb-1f3ff-200d-2640-fe0f {
    background-position: -480px -20px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f3cb-1f3ff-200d-2642-fe0f {
    background-position: -480px -40px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f3cb-1f3ff {
    background-position: -480px -60px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f3cb-fe0f-200d-2640-fe0f {
    background-position: -480px -80px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f3cb-fe0f-200d-2642-fe0f {
    background-position: -480px -100px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f3cb {
    background-position: -480px -120px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f3cc-1f3fb-200d-2640-fe0f {
    background-position: -480px -140px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f3cc-1f3fb-200d-2642-fe0f {
    background-position: -480px -160px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f3cc-1f3fb {
    background-position: -480px -180px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f3cc-1f3fc-200d-2640-fe0f {
    background-position: -480px -200px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f3cc-1f3fc-200d-2642-fe0f {
    background-position: -480px -220px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f3cc-1f3fc {
    background-position: -480px -240px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f3cc-1f3fd-200d-2640-fe0f {
    background-position: -480px -260px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f3cc-1f3fd-200d-2642-fe0f {
    background-position: -480px -280px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f3cc-1f3fd {
    background-position: -480px -300px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f3cc-1f3fe-200d-2640-fe0f {
    background-position: -480px -320px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f3cc-1f3fe-200d-2642-fe0f {
    background-position: -480px -340px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f3cc-1f3fe {
    background-position: -480px -360px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f3cc-1f3ff-200d-2640-fe0f {
    background-position: -480px -380px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f3cc-1f3ff-200d-2642-fe0f {
    background-position: -480px -400px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f3cc-1f3ff {
    background-position: -480px -420px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f3cc-fe0f-200d-2640-fe0f {
    background-position: -480px -440px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f3cc-fe0f-200d-2642-fe0f {
    background-position: -480px -460px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f3cc {
    background-position: -0px -480px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f3cd {
    background-position: -20px -480px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f3ce {
    background-position: -40px -480px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f3cf {
    background-position: -60px -480px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f3d0 {
    background-position: -80px -480px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f3d1 {
    background-position: -100px -480px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f3d2 {
    background-position: -120px -480px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f3d3 {
    background-position: -140px -480px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f3d4 {
    background-position: -160px -480px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f3d5 {
    background-position: -180px -480px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f3d6 {
    background-position: -200px -480px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f3d7 {
    background-position: -220px -480px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f3d8 {
    background-position: -240px -480px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f3d9 {
    background-position: -260px -480px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f3da {
    background-position: -280px -480px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f3db {
    background-position: -300px -480px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f3dc {
    background-position: -320px -480px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f3dd {
    background-position: -340px -480px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f3de {
    background-position: -360px -480px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f3df {
    background-position: -380px -480px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f3e0 {
    background-position: -400px -480px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f3e1 {
    background-position: -420px -480px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f3e2 {
    background-position: -440px -480px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f3e3 {
    background-position: -460px -480px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f3e4 {
    background-position: -480px -480px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f3e5 {
    background-position: -500px -0px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f3e6 {
    background-position: -500px -20px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f3e7 {
    background-position: -500px -40px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f3e8 {
    background-position: -500px -60px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f3e9 {
    background-position: -500px -80px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f3ea {
    background-position: -500px -100px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f3eb {
    background-position: -500px -120px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f3ec {
    background-position: -500px -140px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f3ed {
    background-position: -500px -160px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f3ee {
    background-position: -500px -180px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f3ef {
    background-position: -500px -200px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f3f0 {
    background-position: -500px -220px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f3f3-fe0f-200d-1f308 {
    background-position: -500px -240px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f3f3 {
    background-position: -500px -260px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f3f4 {
    background-position: -500px -280px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f3f5 {
    background-position: -500px -300px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f3f7 {
    background-position: -500px -320px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f3f8 {
    background-position: -500px -340px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f3f9 {
    background-position: -500px -360px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f3fa {
    background-position: -500px -380px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f3fb {
    background-position: -500px -400px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f3fc {
    background-position: -500px -420px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f3fd {
    background-position: -500px -440px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f3fe {
    background-position: -500px -460px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f3ff {
    background-position: -500px -480px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f400 {
    background-position: -0px -500px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f401 {
    background-position: -20px -500px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f402 {
    background-position: -40px -500px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f403 {
    background-position: -60px -500px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f404 {
    background-position: -80px -500px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f405 {
    background-position: -100px -500px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f406 {
    background-position: -120px -500px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f407 {
    background-position: -140px -500px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f408 {
    background-position: -160px -500px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f409 {
    background-position: -180px -500px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f40a {
    background-position: -200px -500px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f40b {
    background-position: -220px -500px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f40c {
    background-position: -240px -500px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f40d {
    background-position: -260px -500px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f40e {
    background-position: -280px -500px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f40f {
    background-position: -300px -500px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f410 {
    background-position: -320px -500px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f411 {
    background-position: -340px -500px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f412 {
    background-position: -360px -500px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f413 {
    background-position: -380px -500px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f414 {
    background-position: -400px -500px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f415 {
    background-position: -420px -500px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f416 {
    background-position: -440px -500px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f417 {
    background-position: -460px -500px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f418 {
    background-position: -480px -500px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f419 {
    background-position: -500px -500px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f41a {
    background-position: -520px -0px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f41b {
    background-position: -520px -20px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f41c {
    background-position: -520px -40px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f41d {
    background-position: -520px -60px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f41e {
    background-position: -520px -80px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f41f {
    background-position: -520px -100px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f420 {
    background-position: -520px -120px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f421 {
    background-position: -520px -140px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f422 {
    background-position: -520px -160px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f423 {
    background-position: -520px -180px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f424 {
    background-position: -520px -200px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f425 {
    background-position: -520px -220px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f426 {
    background-position: -520px -240px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f427 {
    background-position: -520px -260px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f428 {
    background-position: -520px -280px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f429 {
    background-position: -520px -300px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f42a {
    background-position: -520px -320px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f42b {
    background-position: -520px -340px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f42c {
    background-position: -520px -360px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f42d {
    background-position: -520px -380px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f42e {
    background-position: -520px -400px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f42f {
    background-position: -520px -420px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f430 {
    background-position: -520px -440px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f431 {
    background-position: -520px -460px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f432 {
    background-position: -520px -480px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f433 {
    background-position: -520px -500px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f434 {
    background-position: -0px -520px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f435 {
    background-position: -20px -520px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f436 {
    background-position: -40px -520px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f437 {
    background-position: -60px -520px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f438 {
    background-position: -80px -520px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f439 {
    background-position: -100px -520px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f43a {
    background-position: -120px -520px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f43b {
    background-position: -140px -520px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f43c {
    background-position: -160px -520px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f43d {
    background-position: -180px -520px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f43e {
    background-position: -200px -520px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f43f {
    background-position: -220px -520px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f440 {
    background-position: -240px -520px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f441-fe0f-200d-1f5e8-fe0f {
    background-position: -260px -520px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f441 {
    background-position: -280px -520px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f442-1f3fb {
    background-position: -300px -520px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f442-1f3fc {
    background-position: -320px -520px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f442-1f3fd {
    background-position: -340px -520px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f442-1f3fe {
    background-position: -360px -520px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f442-1f3ff {
    background-position: -380px -520px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f442 {
    background-position: -400px -520px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f443-1f3fb {
    background-position: -420px -520px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f443-1f3fc {
    background-position: -440px -520px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f443-1f3fd {
    background-position: -460px -520px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f443-1f3fe {
    background-position: -480px -520px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f443-1f3ff {
    background-position: -500px -520px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f443 {
    background-position: -520px -520px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f444 {
    background-position: -540px -0px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f445 {
    background-position: -540px -20px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f446-1f3fb {
    background-position: -540px -40px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f446-1f3fc {
    background-position: -540px -60px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f446-1f3fd {
    background-position: -540px -80px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f446-1f3fe {
    background-position: -540px -100px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f446-1f3ff {
    background-position: -540px -120px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f446 {
    background-position: -540px -140px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f447-1f3fb {
    background-position: -540px -160px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f447-1f3fc {
    background-position: -540px -180px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f447-1f3fd {
    background-position: -540px -200px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f447-1f3fe {
    background-position: -540px -220px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f447-1f3ff {
    background-position: -540px -240px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f447 {
    background-position: -540px -260px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f448-1f3fb {
    background-position: -540px -280px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f448-1f3fc {
    background-position: -540px -300px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f448-1f3fd {
    background-position: -540px -320px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f448-1f3fe {
    background-position: -540px -340px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f448-1f3ff {
    background-position: -540px -360px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f448 {
    background-position: -540px -380px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f449-1f3fb {
    background-position: -540px -400px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f449-1f3fc {
    background-position: -540px -420px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f449-1f3fd {
    background-position: -540px -440px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f449-1f3fe {
    background-position: -540px -460px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f449-1f3ff {
    background-position: -540px -480px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f449 {
    background-position: -540px -500px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f44a-1f3fb {
    background-position: -540px -520px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f44a-1f3fc {
    background-position: -0px -540px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f44a-1f3fd {
    background-position: -20px -540px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f44a-1f3fe {
    background-position: -40px -540px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f44a-1f3ff {
    background-position: -60px -540px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f44a {
    background-position: -80px -540px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f44b-1f3fb {
    background-position: -100px -540px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f44b-1f3fc {
    background-position: -120px -540px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f44b-1f3fd {
    background-position: -140px -540px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f44b-1f3fe {
    background-position: -160px -540px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f44b-1f3ff {
    background-position: -180px -540px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f44b {
    background-position: -200px -540px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f44c-1f3fb {
    background-position: -220px -540px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f44c-1f3fc {
    background-position: -240px -540px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f44c-1f3fd {
    background-position: -260px -540px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f44c-1f3fe {
    background-position: -280px -540px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f44c-1f3ff {
    background-position: -300px -540px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f44c {
    background-position: -320px -540px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f44d-1f3fb {
    background-position: -340px -540px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f44d-1f3fc {
    background-position: -360px -540px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f44d-1f3fd {
    background-position: -380px -540px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f44d-1f3fe {
    background-position: -400px -540px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f44d-1f3ff {
    background-position: -420px -540px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f44d {
    background-position: -440px -540px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f44e-1f3fb {
    background-position: -460px -540px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f44e-1f3fc {
    background-position: -480px -540px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f44e-1f3fd {
    background-position: -500px -540px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f44e-1f3fe {
    background-position: -520px -540px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f44e-1f3ff {
    background-position: -540px -540px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f44e {
    background-position: -560px -0px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f44f-1f3fb {
    background-position: -560px -20px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f44f-1f3fc {
    background-position: -560px -40px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f44f-1f3fd {
    background-position: -560px -60px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f44f-1f3fe {
    background-position: -560px -80px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f44f-1f3ff {
    background-position: -560px -100px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f44f {
    background-position: -560px -120px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f450-1f3fb {
    background-position: -560px -140px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f450-1f3fc {
    background-position: -560px -160px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f450-1f3fd {
    background-position: -560px -180px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f450-1f3fe {
    background-position: -560px -200px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f450-1f3ff {
    background-position: -560px -220px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f450 {
    background-position: -560px -240px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f451 {
    background-position: -560px -260px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f452 {
    background-position: -560px -280px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f453 {
    background-position: -560px -300px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f454 {
    background-position: -560px -320px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f455 {
    background-position: -560px -340px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f456 {
    background-position: -560px -360px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f457 {
    background-position: -560px -380px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f458 {
    background-position: -560px -400px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f459 {
    background-position: -560px -420px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f45a {
    background-position: -560px -440px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f45b {
    background-position: -560px -460px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f45c {
    background-position: -560px -480px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f45d {
    background-position: -560px -500px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f45e {
    background-position: -560px -520px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f45f {
    background-position: -560px -540px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }


    .emoji2 {
      background-image: url(../../static/media/emoji2.582cc2a9.png);
    }

    @media screen and (-webkit-min-device-pixel-ratio: 2.0), screen and (min--moz-device-pixel-ratio: 2.0), screen and (-o-min-device-pixel-ratio: 200/100), screen and (min-device-pixel-ratio: 2.0), screen and (-o-min-device-pixel-ratio: 2/1), screen and (min-resolution: 2.0dppx) {
    .emoji2 {
      background-image: url(../../static/media/emoji2@2x.d1557fac.png);
      background-size: 540px 540px;
    }
    }

  .sprite-emoji-1f460 {
    background-position: -20px -0px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f461 {
    background-position: -340px -360px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f462 {
    background-position: -0px -20px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f463 {
    background-position: -20px -20px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f464 {
    background-position: -40px -0px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f465 {
    background-position: -40px -20px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f466-1f3fb {
    background-position: -0px -40px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f466-1f3fc {
    background-position: -20px -40px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f466-1f3fd {
    background-position: -40px -40px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f466-1f3fe {
    background-position: -60px -0px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f466-1f3ff {
    background-position: -60px -20px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f466 {
    background-position: -60px -40px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f467-1f3fb {
    background-position: -0px -60px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f467-1f3fc {
    background-position: -20px -60px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f467-1f3fd {
    background-position: -40px -60px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f467-1f3fe {
    background-position: -60px -60px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f467-1f3ff {
    background-position: -80px -0px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f467 {
    background-position: -80px -20px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f468-1f3fb-200d-1f33e {
    background-position: -80px -40px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f468-1f3fb-200d-1f373 {
    background-position: -80px -60px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f468-1f3fb-200d-1f393 {
    background-position: -0px -80px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f468-1f3fb-200d-1f3a4 {
    background-position: -20px -80px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f468-1f3fb-200d-1f3a8 {
    background-position: -40px -80px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f468-1f3fb-200d-1f3eb {
    background-position: -60px -80px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f468-1f3fb-200d-1f3ed {
    background-position: -80px -80px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f468-1f3fb-200d-1f4bb {
    background-position: -100px -0px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f468-1f3fb-200d-1f4bc {
    background-position: -100px -20px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f468-1f3fb-200d-1f527 {
    background-position: -100px -40px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f468-1f3fb-200d-1f52c {
    background-position: -100px -60px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f468-1f3fb-200d-1f680 {
    background-position: -100px -80px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f468-1f3fb-200d-1f692 {
    background-position: -0px -100px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f468-1f3fb-200d-2695-fe0f {
    background-position: -20px -100px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f468-1f3fb-200d-2696-fe0f {
    background-position: -40px -100px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f468-1f3fb-200d-2708-fe0f {
    background-position: -60px -100px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f468-1f3fb {
    background-position: -80px -100px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f468-1f3fc-200d-1f33e {
    background-position: -100px -100px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f468-1f3fc-200d-1f373 {
    background-position: -120px -0px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f468-1f3fc-200d-1f393 {
    background-position: -120px -20px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f468-1f3fc-200d-1f3a4 {
    background-position: -120px -40px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f468-1f3fc-200d-1f3a8 {
    background-position: -120px -60px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f468-1f3fc-200d-1f3eb {
    background-position: -120px -80px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f468-1f3fc-200d-1f3ed {
    background-position: -120px -100px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f468-1f3fc-200d-1f4bb {
    background-position: -0px -120px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f468-1f3fc-200d-1f4bc {
    background-position: -20px -120px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f468-1f3fc-200d-1f527 {
    background-position: -40px -120px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f468-1f3fc-200d-1f52c {
    background-position: -60px -120px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f468-1f3fc-200d-1f680 {
    background-position: -80px -120px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f468-1f3fc-200d-1f692 {
    background-position: -100px -120px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f468-1f3fc-200d-2695-fe0f {
    background-position: -120px -120px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f468-1f3fc-200d-2696-fe0f {
    background-position: -140px -0px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f468-1f3fc-200d-2708-fe0f {
    background-position: -140px -20px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f468-1f3fc {
    background-position: -140px -40px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f468-1f3fd-200d-1f33e {
    background-position: -140px -60px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f468-1f3fd-200d-1f373 {
    background-position: -140px -80px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f468-1f3fd-200d-1f393 {
    background-position: -140px -100px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f468-1f3fd-200d-1f3a4 {
    background-position: -140px -120px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f468-1f3fd-200d-1f3a8 {
    background-position: -0px -140px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f468-1f3fd-200d-1f3eb {
    background-position: -20px -140px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f468-1f3fd-200d-1f3ed {
    background-position: -40px -140px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f468-1f3fd-200d-1f4bb {
    background-position: -60px -140px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f468-1f3fd-200d-1f4bc {
    background-position: -80px -140px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f468-1f3fd-200d-1f527 {
    background-position: -100px -140px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f468-1f3fd-200d-1f52c {
    background-position: -120px -140px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f468-1f3fd-200d-1f680 {
    background-position: -140px -140px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f468-1f3fd-200d-1f692 {
    background-position: -160px -0px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f468-1f3fd-200d-2695-fe0f {
    background-position: -160px -20px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f468-1f3fd-200d-2696-fe0f {
    background-position: -160px -40px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f468-1f3fd-200d-2708-fe0f {
    background-position: -160px -60px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f468-1f3fd {
    background-position: -160px -80px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f468-1f3fe-200d-1f33e {
    background-position: -160px -100px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f468-1f3fe-200d-1f373 {
    background-position: -160px -120px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f468-1f3fe-200d-1f393 {
    background-position: -160px -140px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f468-1f3fe-200d-1f3a4 {
    background-position: -0px -160px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f468-1f3fe-200d-1f3a8 {
    background-position: -20px -160px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f468-1f3fe-200d-1f3eb {
    background-position: -40px -160px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f468-1f3fe-200d-1f3ed {
    background-position: -60px -160px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f468-1f3fe-200d-1f4bb {
    background-position: -80px -160px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f468-1f3fe-200d-1f4bc {
    background-position: -100px -160px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f468-1f3fe-200d-1f527 {
    background-position: -120px -160px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f468-1f3fe-200d-1f52c {
    background-position: -140px -160px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f468-1f3fe-200d-1f680 {
    background-position: -160px -160px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f468-1f3fe-200d-1f692 {
    background-position: -180px -0px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f468-1f3fe-200d-2695-fe0f {
    background-position: -180px -20px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f468-1f3fe-200d-2696-fe0f {
    background-position: -180px -40px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f468-1f3fe-200d-2708-fe0f {
    background-position: -180px -60px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f468-1f3fe {
    background-position: -180px -80px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f468-1f3ff-200d-1f33e {
    background-position: -180px -100px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f468-1f3ff-200d-1f373 {
    background-position: -180px -120px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f468-1f3ff-200d-1f393 {
    background-position: -180px -140px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f468-1f3ff-200d-1f3a4 {
    background-position: -180px -160px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f468-1f3ff-200d-1f3a8 {
    background-position: -0px -180px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f468-1f3ff-200d-1f3eb {
    background-position: -20px -180px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f468-1f3ff-200d-1f3ed {
    background-position: -40px -180px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f468-1f3ff-200d-1f4bb {
    background-position: -60px -180px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f468-1f3ff-200d-1f4bc {
    background-position: -80px -180px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f468-1f3ff-200d-1f527 {
    background-position: -100px -180px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f468-1f3ff-200d-1f52c {
    background-position: -120px -180px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f468-1f3ff-200d-1f680 {
    background-position: -140px -180px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f468-1f3ff-200d-1f692 {
    background-position: -160px -180px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f468-1f3ff-200d-2695-fe0f {
    background-position: -180px -180px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f468-1f3ff-200d-2696-fe0f {
    background-position: -200px -0px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f468-1f3ff-200d-2708-fe0f {
    background-position: -200px -20px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f468-1f3ff {
    background-position: -200px -40px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f468-200d-1f33e {
    background-position: -200px -60px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f468-200d-1f373 {
    background-position: -200px -80px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f468-200d-1f393 {
    background-position: -200px -100px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f468-200d-1f3a4 {
    background-position: -200px -120px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f468-200d-1f3a8 {
    background-position: -200px -140px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f468-200d-1f3eb {
    background-position: -200px -160px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f468-200d-1f3ed {
    background-position: -200px -180px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f468-200d-1f466-200d-1f466 {
    background-position: -0px -200px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f468-200d-1f466 {
    background-position: -20px -200px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f468-200d-1f467-200d-1f466 {
    background-position: -40px -200px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f468-200d-1f467-200d-1f467 {
    background-position: -60px -200px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f468-200d-1f467 {
    background-position: -80px -200px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f468-200d-1f468-200d-1f466-200d-1f466 {
    background-position: -100px -200px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f468-200d-1f468-200d-1f466 {
    background-position: -120px -200px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f468-200d-1f468-200d-1f467-200d-1f466 {
    background-position: -140px -200px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f468-200d-1f468-200d-1f467-200d-1f467 {
    background-position: -160px -200px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f468-200d-1f468-200d-1f467 {
    background-position: -180px -200px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f468-200d-1f469-200d-1f466-200d-1f466 {
    background-position: -200px -200px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f468-200d-1f469-200d-1f466 {
    background-position: -220px -0px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f468-200d-1f469-200d-1f467-200d-1f466 {
    background-position: -220px -20px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f468-200d-1f469-200d-1f467-200d-1f467 {
    background-position: -220px -40px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f468-200d-1f469-200d-1f467 {
    background-position: -220px -60px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f468-200d-1f4bb {
    background-position: -220px -80px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f468-200d-1f4bc {
    background-position: -220px -100px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f468-200d-1f527 {
    background-position: -220px -120px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f468-200d-1f52c {
    background-position: -220px -140px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f468-200d-1f680 {
    background-position: -220px -160px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f468-200d-1f692 {
    background-position: -220px -180px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f468-200d-2695-fe0f {
    background-position: -220px -200px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f468-200d-2696-fe0f {
    background-position: -0px -220px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f468-200d-2708-fe0f {
    background-position: -20px -220px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f468-200d-2764-fe0f-200d-1f468 {
    background-position: -40px -220px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f468-200d-2764-fe0f-200d-1f48b-200d-1f468 {
    background-position: -60px -220px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f468 {
    background-position: -80px -220px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f469-1f3fb-200d-1f33e {
    background-position: -100px -220px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f469-1f3fb-200d-1f373 {
    background-position: -120px -220px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f469-1f3fb-200d-1f393 {
    background-position: -140px -220px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f469-1f3fb-200d-1f3a4 {
    background-position: -160px -220px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f469-1f3fb-200d-1f3a8 {
    background-position: -180px -220px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f469-1f3fb-200d-1f3eb {
    background-position: -200px -220px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f469-1f3fb-200d-1f3ed {
    background-position: -220px -220px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f469-1f3fb-200d-1f4bb {
    background-position: -240px -0px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f469-1f3fb-200d-1f4bc {
    background-position: -240px -20px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f469-1f3fb-200d-1f527 {
    background-position: -240px -40px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f469-1f3fb-200d-1f52c {
    background-position: -240px -60px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f469-1f3fb-200d-1f680 {
    background-position: -240px -80px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f469-1f3fb-200d-1f692 {
    background-position: -240px -100px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f469-1f3fb-200d-2695-fe0f {
    background-position: -240px -120px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f469-1f3fb-200d-2696-fe0f {
    background-position: -240px -140px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f469-1f3fb-200d-2708-fe0f {
    background-position: -240px -160px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f469-1f3fb {
    background-position: -240px -180px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f469-1f3fc-200d-1f33e {
    background-position: -240px -200px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f469-1f3fc-200d-1f373 {
    background-position: -240px -220px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f469-1f3fc-200d-1f393 {
    background-position: -0px -240px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f469-1f3fc-200d-1f3a4 {
    background-position: -20px -240px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f469-1f3fc-200d-1f3a8 {
    background-position: -40px -240px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f469-1f3fc-200d-1f3eb {
    background-position: -60px -240px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f469-1f3fc-200d-1f3ed {
    background-position: -80px -240px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f469-1f3fc-200d-1f4bb {
    background-position: -100px -240px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f469-1f3fc-200d-1f4bc {
    background-position: -120px -240px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f469-1f3fc-200d-1f527 {
    background-position: -140px -240px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f469-1f3fc-200d-1f52c {
    background-position: -160px -240px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f469-1f3fc-200d-1f680 {
    background-position: -180px -240px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f469-1f3fc-200d-1f692 {
    background-position: -200px -240px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f469-1f3fc-200d-2695-fe0f {
    background-position: -220px -240px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f469-1f3fc-200d-2696-fe0f {
    background-position: -240px -240px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f469-1f3fc-200d-2708-fe0f {
    background-position: -260px -0px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f469-1f3fc {
    background-position: -260px -20px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f469-1f3fd-200d-1f33e {
    background-position: -260px -40px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f469-1f3fd-200d-1f373 {
    background-position: -260px -60px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f469-1f3fd-200d-1f393 {
    background-position: -260px -80px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f469-1f3fd-200d-1f3a4 {
    background-position: -260px -100px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f469-1f3fd-200d-1f3a8 {
    background-position: -260px -120px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f469-1f3fd-200d-1f3eb {
    background-position: -260px -140px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f469-1f3fd-200d-1f3ed {
    background-position: -260px -160px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f469-1f3fd-200d-1f4bb {
    background-position: -260px -180px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f469-1f3fd-200d-1f4bc {
    background-position: -260px -200px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f469-1f3fd-200d-1f527 {
    background-position: -260px -220px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f469-1f3fd-200d-1f52c {
    background-position: -260px -240px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f469-1f3fd-200d-1f680 {
    background-position: -0px -260px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f469-1f3fd-200d-1f692 {
    background-position: -20px -260px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f469-1f3fd-200d-2695-fe0f {
    background-position: -40px -260px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f469-1f3fd-200d-2696-fe0f {
    background-position: -60px -260px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f469-1f3fd-200d-2708-fe0f {
    background-position: -80px -260px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f469-1f3fd {
    background-position: -100px -260px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f469-1f3fe-200d-1f33e {
    background-position: -120px -260px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f469-1f3fe-200d-1f373 {
    background-position: -140px -260px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f469-1f3fe-200d-1f393 {
    background-position: -160px -260px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f469-1f3fe-200d-1f3a4 {
    background-position: -180px -260px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f469-1f3fe-200d-1f3a8 {
    background-position: -200px -260px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f469-1f3fe-200d-1f3eb {
    background-position: -220px -260px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f469-1f3fe-200d-1f3ed {
    background-position: -240px -260px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f469-1f3fe-200d-1f4bb {
    background-position: -260px -260px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f469-1f3fe-200d-1f4bc {
    background-position: -280px -0px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f469-1f3fe-200d-1f527 {
    background-position: -280px -20px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f469-1f3fe-200d-1f52c {
    background-position: -280px -40px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f469-1f3fe-200d-1f680 {
    background-position: -280px -60px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f469-1f3fe-200d-1f692 {
    background-position: -280px -80px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f469-1f3fe-200d-2695-fe0f {
    background-position: -280px -100px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f469-1f3fe-200d-2696-fe0f {
    background-position: -280px -120px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f469-1f3fe-200d-2708-fe0f {
    background-position: -280px -140px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f469-1f3fe {
    background-position: -280px -160px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f469-1f3ff-200d-1f33e {
    background-position: -280px -180px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f469-1f3ff-200d-1f373 {
    background-position: -280px -200px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f469-1f3ff-200d-1f393 {
    background-position: -280px -220px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f469-1f3ff-200d-1f3a4 {
    background-position: -280px -240px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f469-1f3ff-200d-1f3a8 {
    background-position: -280px -260px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f469-1f3ff-200d-1f3eb {
    background-position: -0px -280px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f469-1f3ff-200d-1f3ed {
    background-position: -20px -280px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f469-1f3ff-200d-1f4bb {
    background-position: -40px -280px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f469-1f3ff-200d-1f4bc {
    background-position: -60px -280px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f469-1f3ff-200d-1f527 {
    background-position: -80px -280px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f469-1f3ff-200d-1f52c {
    background-position: -100px -280px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f469-1f3ff-200d-1f680 {
    background-position: -120px -280px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f469-1f3ff-200d-1f692 {
    background-position: -140px -280px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f469-1f3ff-200d-2695-fe0f {
    background-position: -160px -280px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f469-1f3ff-200d-2696-fe0f {
    background-position: -180px -280px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f469-1f3ff-200d-2708-fe0f {
    background-position: -200px -280px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f469-1f3ff {
    background-position: -220px -280px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f469-200d-1f33e {
    background-position: -240px -280px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f469-200d-1f373 {
    background-position: -260px -280px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f469-200d-1f393 {
    background-position: -280px -280px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f469-200d-1f3a4 {
    background-position: -300px -0px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f469-200d-1f3a8 {
    background-position: -300px -20px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f469-200d-1f3eb {
    background-position: -300px -40px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f469-200d-1f3ed {
    background-position: -300px -60px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f469-200d-1f466-200d-1f466 {
    background-position: -300px -80px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f469-200d-1f466 {
    background-position: -300px -100px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f469-200d-1f467-200d-1f466 {
    background-position: -300px -120px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f469-200d-1f467-200d-1f467 {
    background-position: -300px -140px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f469-200d-1f467 {
    background-position: -300px -160px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f469-200d-1f469-200d-1f466-200d-1f466 {
    background-position: -300px -180px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f469-200d-1f469-200d-1f466 {
    background-position: -300px -200px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f469-200d-1f469-200d-1f467-200d-1f466 {
    background-position: -300px -220px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f469-200d-1f469-200d-1f467-200d-1f467 {
    background-position: -300px -240px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f469-200d-1f469-200d-1f467 {
    background-position: -300px -260px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f469-200d-1f4bb {
    background-position: -300px -280px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f469-200d-1f4bc {
    background-position: -0px -300px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f469-200d-1f527 {
    background-position: -20px -300px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f469-200d-1f52c {
    background-position: -40px -300px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f469-200d-1f680 {
    background-position: -60px -300px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f469-200d-1f692 {
    background-position: -80px -300px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f469-200d-2695-fe0f {
    background-position: -100px -300px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f469-200d-2696-fe0f {
    background-position: -120px -300px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f469-200d-2708-fe0f {
    background-position: -140px -300px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f469-200d-2764-fe0f-200d-1f468 {
    background-position: -160px -300px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f469-200d-2764-fe0f-200d-1f469 {
    background-position: -180px -300px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f469-200d-2764-fe0f-200d-1f48b-200d-1f468 {
    background-position: -200px -300px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f469-200d-2764-fe0f-200d-1f48b-200d-1f469 {
    background-position: -220px -300px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f469 {
    background-position: -240px -300px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f46a {
    background-position: -260px -300px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f46b {
    background-position: -280px -300px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f46c {
    background-position: -300px -300px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f46d {
    background-position: -320px -0px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f46e-1f3fb-200d-2640-fe0f {
    background-position: -320px -20px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f46e-1f3fb-200d-2642-fe0f {
    background-position: -320px -40px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f46e-1f3fb {
    background-position: -320px -60px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f46e-1f3fc-200d-2640-fe0f {
    background-position: -320px -80px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f46e-1f3fc-200d-2642-fe0f {
    background-position: -320px -100px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f46e-1f3fc {
    background-position: -320px -120px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f46e-1f3fd-200d-2640-fe0f {
    background-position: -320px -140px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f46e-1f3fd-200d-2642-fe0f {
    background-position: -320px -160px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f46e-1f3fd {
    background-position: -320px -180px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f46e-1f3fe-200d-2640-fe0f {
    background-position: -320px -200px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f46e-1f3fe-200d-2642-fe0f {
    background-position: -320px -220px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f46e-1f3fe {
    background-position: -320px -240px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f46e-1f3ff-200d-2640-fe0f {
    background-position: -320px -260px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f46e-1f3ff-200d-2642-fe0f {
    background-position: -320px -280px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f46e-1f3ff {
    background-position: -320px -300px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f46e-200d-2640-fe0f {
    background-position: -0px -320px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f46e-200d-2642-fe0f {
    background-position: -20px -320px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f46e {
    background-position: -40px -320px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f46f-200d-2640-fe0f {
    background-position: -60px -320px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f46f-200d-2642-fe0f {
    background-position: -80px -320px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f46f {
    background-position: -100px -320px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f470-1f3fb {
    background-position: -120px -320px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f470-1f3fc {
    background-position: -140px -320px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f470-1f3fd {
    background-position: -160px -320px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f470-1f3fe {
    background-position: -180px -320px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f470-1f3ff {
    background-position: -200px -320px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f470 {
    background-position: -220px -320px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f471-1f3fb-200d-2640-fe0f {
    background-position: -240px -320px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f471-1f3fb-200d-2642-fe0f {
    background-position: -260px -320px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f471-1f3fb {
    background-position: -280px -320px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f471-1f3fc-200d-2640-fe0f {
    background-position: -300px -320px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f471-1f3fc-200d-2642-fe0f {
    background-position: -320px -320px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f471-1f3fc {
    background-position: -340px -0px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f471-1f3fd-200d-2640-fe0f {
    background-position: -340px -20px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f471-1f3fd-200d-2642-fe0f {
    background-position: -340px -40px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f471-1f3fd {
    background-position: -340px -60px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f471-1f3fe-200d-2640-fe0f {
    background-position: -340px -80px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f471-1f3fe-200d-2642-fe0f {
    background-position: -340px -100px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f471-1f3fe {
    background-position: -340px -120px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f471-1f3ff-200d-2640-fe0f {
    background-position: -340px -140px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f471-1f3ff-200d-2642-fe0f {
    background-position: -340px -160px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f471-1f3ff {
    background-position: -340px -180px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f471-200d-2640-fe0f {
    background-position: -340px -200px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f471-200d-2642-fe0f {
    background-position: -340px -220px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f471 {
    background-position: -340px -240px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f472-1f3fb {
    background-position: -340px -260px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f472-1f3fc {
    background-position: -340px -280px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f472-1f3fd {
    background-position: -340px -300px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f472-1f3fe {
    background-position: -340px -320px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f472-1f3ff {
    background-position: -0px -340px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f472 {
    background-position: -20px -340px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f473-1f3fb-200d-2640-fe0f {
    background-position: -40px -340px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f473-1f3fb-200d-2642-fe0f {
    background-position: -60px -340px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f473-1f3fb {
    background-position: -80px -340px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f473-1f3fc-200d-2640-fe0f {
    background-position: -100px -340px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f473-1f3fc-200d-2642-fe0f {
    background-position: -120px -340px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f473-1f3fc {
    background-position: -140px -340px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f473-1f3fd-200d-2640-fe0f {
    background-position: -160px -340px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f473-1f3fd-200d-2642-fe0f {
    background-position: -180px -340px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f473-1f3fd {
    background-position: -200px -340px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f473-1f3fe-200d-2640-fe0f {
    background-position: -220px -340px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f473-1f3fe-200d-2642-fe0f {
    background-position: -240px -340px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f473-1f3fe {
    background-position: -260px -340px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f473-1f3ff-200d-2640-fe0f {
    background-position: -280px -340px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f473-1f3ff-200d-2642-fe0f {
    background-position: -300px -340px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f473-1f3ff {
    background-position: -320px -340px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f473-200d-2640-fe0f {
    background-position: -340px -340px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f473-200d-2642-fe0f {
    background-position: -360px -0px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f473 {
    background-position: -360px -20px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f474-1f3fb {
    background-position: -360px -40px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f474-1f3fc {
    background-position: -360px -60px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f474-1f3fd {
    background-position: -360px -80px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f474-1f3fe {
    background-position: -360px -100px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f474-1f3ff {
    background-position: -360px -120px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f474 {
    background-position: -360px -140px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f475-1f3fb {
    background-position: -360px -160px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f475-1f3fc {
    background-position: -360px -180px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f475-1f3fd {
    background-position: -360px -200px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f475-1f3fe {
    background-position: -360px -220px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f475-1f3ff {
    background-position: -360px -240px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f475 {
    background-position: -360px -260px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f476-1f3fb {
    background-position: -360px -280px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f476-1f3fc {
    background-position: -360px -300px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f476-1f3fd {
    background-position: -360px -320px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f476-1f3fe {
    background-position: -360px -340px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f476-1f3ff {
    background-position: -0px -360px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f476 {
    background-position: -20px -360px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f477-1f3fb-200d-2640-fe0f {
    background-position: -40px -360px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f477-1f3fb-200d-2642-fe0f {
    background-position: -60px -360px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f477-1f3fb {
    background-position: -80px -360px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f477-1f3fc-200d-2640-fe0f {
    background-position: -100px -360px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f477-1f3fc-200d-2642-fe0f {
    background-position: -120px -360px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f477-1f3fc {
    background-position: -140px -360px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f477-1f3fd-200d-2640-fe0f {
    background-position: -160px -360px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f477-1f3fd-200d-2642-fe0f {
    background-position: -180px -360px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f477-1f3fd {
    background-position: -200px -360px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f477-1f3fe-200d-2640-fe0f {
    background-position: -220px -360px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f477-1f3fe-200d-2642-fe0f {
    background-position: -240px -360px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f477-1f3fe {
    background-position: -260px -360px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f477-1f3ff-200d-2640-fe0f {
    background-position: -280px -360px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f477-1f3ff-200d-2642-fe0f {
    background-position: -300px -360px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f477-1f3ff {
    background-position: -320px -360px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f477-200d-2640-fe0f {
    background-position: -0px -0px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f477-200d-2642-fe0f {
    background-position: -360px -360px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f477 {
    background-position: -380px -0px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f478-1f3fb {
    background-position: -380px -20px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f478-1f3fc {
    background-position: -380px -40px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f478-1f3fd {
    background-position: -380px -60px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f478-1f3fe {
    background-position: -380px -80px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f478-1f3ff {
    background-position: -380px -100px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f478 {
    background-position: -380px -120px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f479 {
    background-position: -380px -140px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f47a {
    background-position: -380px -160px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f47b {
    background-position: -380px -180px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f47c-1f3fb {
    background-position: -380px -200px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f47c-1f3fc {
    background-position: -380px -220px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f47c-1f3fd {
    background-position: -380px -240px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f47c-1f3fe {
    background-position: -380px -260px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f47c-1f3ff {
    background-position: -380px -280px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f47c {
    background-position: -380px -300px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f47d {
    background-position: -380px -320px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f47e {
    background-position: -380px -340px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f47f {
    background-position: -380px -360px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f480 {
    background-position: -0px -380px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f481-1f3fb-200d-2640-fe0f {
    background-position: -20px -380px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f481-1f3fb-200d-2642-fe0f {
    background-position: -40px -380px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f481-1f3fb {
    background-position: -60px -380px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f481-1f3fc-200d-2640-fe0f {
    background-position: -80px -380px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f481-1f3fc-200d-2642-fe0f {
    background-position: -100px -380px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f481-1f3fc {
    background-position: -120px -380px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f481-1f3fd-200d-2640-fe0f {
    background-position: -140px -380px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f481-1f3fd-200d-2642-fe0f {
    background-position: -160px -380px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f481-1f3fd {
    background-position: -180px -380px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f481-1f3fe-200d-2640-fe0f {
    background-position: -200px -380px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f481-1f3fe-200d-2642-fe0f {
    background-position: -220px -380px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f481-1f3fe {
    background-position: -240px -380px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f481-1f3ff-200d-2640-fe0f {
    background-position: -260px -380px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f481-1f3ff-200d-2642-fe0f {
    background-position: -280px -380px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f481-1f3ff {
    background-position: -300px -380px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f481-200d-2640-fe0f {
    background-position: -320px -380px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f481-200d-2642-fe0f {
    background-position: -340px -380px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f481 {
    background-position: -360px -380px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f482-1f3fb-200d-2640-fe0f {
    background-position: -380px -380px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f482-1f3fb-200d-2642-fe0f {
    background-position: -400px -0px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f482-1f3fb {
    background-position: -400px -20px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f482-1f3fc-200d-2640-fe0f {
    background-position: -400px -40px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f482-1f3fc-200d-2642-fe0f {
    background-position: -400px -60px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f482-1f3fc {
    background-position: -400px -80px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f482-1f3fd-200d-2640-fe0f {
    background-position: -400px -100px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f482-1f3fd-200d-2642-fe0f {
    background-position: -400px -120px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f482-1f3fd {
    background-position: -400px -140px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f482-1f3fe-200d-2640-fe0f {
    background-position: -400px -160px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f482-1f3fe-200d-2642-fe0f {
    background-position: -400px -180px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f482-1f3fe {
    background-position: -400px -200px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f482-1f3ff-200d-2640-fe0f {
    background-position: -400px -220px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f482-1f3ff-200d-2642-fe0f {
    background-position: -400px -240px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f482-1f3ff {
    background-position: -400px -260px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f482-200d-2640-fe0f {
    background-position: -400px -280px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f482-200d-2642-fe0f {
    background-position: -400px -300px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f482 {
    background-position: -400px -320px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f483-1f3fb {
    background-position: -400px -340px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f483-1f3fc {
    background-position: -400px -360px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f483-1f3fd {
    background-position: -400px -380px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f483-1f3fe {
    background-position: -0px -400px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f483-1f3ff {
    background-position: -20px -400px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f483 {
    background-position: -40px -400px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f484 {
    background-position: -60px -400px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f485-1f3fb {
    background-position: -80px -400px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f485-1f3fc {
    background-position: -100px -400px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f485-1f3fd {
    background-position: -120px -400px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f485-1f3fe {
    background-position: -140px -400px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f485-1f3ff {
    background-position: -160px -400px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f485 {
    background-position: -180px -400px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f486-1f3fb-200d-2640-fe0f {
    background-position: -200px -400px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f486-1f3fb-200d-2642-fe0f {
    background-position: -220px -400px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f486-1f3fb {
    background-position: -240px -400px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f486-1f3fc-200d-2640-fe0f {
    background-position: -260px -400px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f486-1f3fc-200d-2642-fe0f {
    background-position: -280px -400px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f486-1f3fc {
    background-position: -300px -400px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f486-1f3fd-200d-2640-fe0f {
    background-position: -320px -400px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f486-1f3fd-200d-2642-fe0f {
    background-position: -340px -400px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f486-1f3fd {
    background-position: -360px -400px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f486-1f3fe-200d-2640-fe0f {
    background-position: -380px -400px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f486-1f3fe-200d-2642-fe0f {
    background-position: -400px -400px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f486-1f3fe {
    background-position: -420px -0px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f486-1f3ff-200d-2640-fe0f {
    background-position: -420px -20px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f486-1f3ff-200d-2642-fe0f {
    background-position: -420px -40px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f486-1f3ff {
    background-position: -420px -60px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f486-200d-2640-fe0f {
    background-position: -420px -80px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f486-200d-2642-fe0f {
    background-position: -420px -100px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f486 {
    background-position: -420px -120px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f487-1f3fb-200d-2640-fe0f {
    background-position: -420px -140px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f487-1f3fb-200d-2642-fe0f {
    background-position: -420px -160px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f487-1f3fb {
    background-position: -420px -180px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f487-1f3fc-200d-2640-fe0f {
    background-position: -420px -200px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f487-1f3fc-200d-2642-fe0f {
    background-position: -420px -220px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f487-1f3fc {
    background-position: -420px -240px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f487-1f3fd-200d-2640-fe0f {
    background-position: -420px -260px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f487-1f3fd-200d-2642-fe0f {
    background-position: -420px -280px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f487-1f3fd {
    background-position: -420px -300px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f487-1f3fe-200d-2640-fe0f {
    background-position: -420px -320px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f487-1f3fe-200d-2642-fe0f {
    background-position: -420px -340px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f487-1f3fe {
    background-position: -420px -360px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f487-1f3ff-200d-2640-fe0f {
    background-position: -420px -380px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f487-1f3ff-200d-2642-fe0f {
    background-position: -420px -400px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f487-1f3ff {
    background-position: -0px -420px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f487-200d-2640-fe0f {
    background-position: -20px -420px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f487-200d-2642-fe0f {
    background-position: -40px -420px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f487 {
    background-position: -60px -420px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f488 {
    background-position: -80px -420px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f489 {
    background-position: -100px -420px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f48a {
    background-position: -120px -420px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f48b {
    background-position: -140px -420px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f48c {
    background-position: -160px -420px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f48d {
    background-position: -180px -420px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f48e {
    background-position: -200px -420px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f48f {
    background-position: -220px -420px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f490 {
    background-position: -240px -420px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f491 {
    background-position: -260px -420px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f492 {
    background-position: -280px -420px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f493 {
    background-position: -300px -420px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f494 {
    background-position: -320px -420px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f495 {
    background-position: -340px -420px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f496 {
    background-position: -360px -420px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f497 {
    background-position: -380px -420px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f498 {
    background-position: -400px -420px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f499 {
    background-position: -420px -420px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f49a {
    background-position: -440px -0px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f49b {
    background-position: -440px -20px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f49c {
    background-position: -440px -40px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f49d {
    background-position: -440px -60px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f49e {
    background-position: -440px -80px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f49f {
    background-position: -440px -100px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f4a0 {
    background-position: -440px -120px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f4a1 {
    background-position: -440px -140px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f4a2 {
    background-position: -440px -160px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f4a3 {
    background-position: -440px -180px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f4a4 {
    background-position: -440px -200px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f4a5 {
    background-position: -440px -220px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f4a6 {
    background-position: -440px -240px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f4a7 {
    background-position: -440px -260px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f4a8 {
    background-position: -440px -280px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f4a9 {
    background-position: -440px -300px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f4aa-1f3fb {
    background-position: -440px -320px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f4aa-1f3fc {
    background-position: -440px -340px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f4aa-1f3fd {
    background-position: -440px -360px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f4aa-1f3fe {
    background-position: -440px -380px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f4aa-1f3ff {
    background-position: -440px -400px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f4aa {
    background-position: -440px -420px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f4ab {
    background-position: -0px -440px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f4ac {
    background-position: -20px -440px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f4ad {
    background-position: -40px -440px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f4ae {
    background-position: -60px -440px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f4af {
    background-position: -80px -440px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f4b0 {
    background-position: -100px -440px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f4b1 {
    background-position: -120px -440px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f4b2 {
    background-position: -140px -440px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f4b3 {
    background-position: -160px -440px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f4b4 {
    background-position: -180px -440px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f4b5 {
    background-position: -200px -440px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f4b6 {
    background-position: -220px -440px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f4b7 {
    background-position: -240px -440px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f4b8 {
    background-position: -260px -440px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f4b9 {
    background-position: -280px -440px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f4ba {
    background-position: -300px -440px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f4bb {
    background-position: -320px -440px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f4bc {
    background-position: -340px -440px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f4bd {
    background-position: -360px -440px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f4be {
    background-position: -380px -440px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f4bf {
    background-position: -400px -440px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f4c0 {
    background-position: -420px -440px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f4c1 {
    background-position: -440px -440px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f4c2 {
    background-position: -460px -0px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f4c3 {
    background-position: -460px -20px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f4c4 {
    background-position: -460px -40px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f4c5 {
    background-position: -460px -60px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f4c6 {
    background-position: -460px -80px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f4c7 {
    background-position: -460px -100px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f4c8 {
    background-position: -460px -120px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f4c9 {
    background-position: -460px -140px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f4ca {
    background-position: -460px -160px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f4cb {
    background-position: -460px -180px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f4cc {
    background-position: -460px -200px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f4cd {
    background-position: -460px -220px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f4ce {
    background-position: -460px -240px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f4cf {
    background-position: -460px -260px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f4d0 {
    background-position: -460px -280px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f4d1 {
    background-position: -460px -300px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f4d2 {
    background-position: -460px -320px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f4d3 {
    background-position: -460px -340px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f4d4 {
    background-position: -460px -360px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f4d5 {
    background-position: -460px -380px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f4d6 {
    background-position: -460px -400px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f4d7 {
    background-position: -460px -420px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f4d8 {
    background-position: -460px -440px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f4d9 {
    background-position: -0px -460px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f4da {
    background-position: -20px -460px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f4db {
    background-position: -40px -460px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f4dc {
    background-position: -60px -460px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f4dd {
    background-position: -80px -460px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f4de {
    background-position: -100px -460px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f4df {
    background-position: -120px -460px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f4e0 {
    background-position: -140px -460px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f4e1 {
    background-position: -160px -460px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f4e2 {
    background-position: -180px -460px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f4e3 {
    background-position: -200px -460px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f4e4 {
    background-position: -220px -460px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f4e5 {
    background-position: -240px -460px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f4e6 {
    background-position: -260px -460px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f4e7 {
    background-position: -280px -460px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f4e8 {
    background-position: -300px -460px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f4e9 {
    background-position: -320px -460px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f4ea {
    background-position: -340px -460px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f4eb {
    background-position: -360px -460px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f4ec {
    background-position: -380px -460px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f4ed {
    background-position: -400px -460px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f4ee {
    background-position: -420px -460px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f4ef {
    background-position: -440px -460px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f4f0 {
    background-position: -460px -460px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f4f1 {
    background-position: -480px -0px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f4f2 {
    background-position: -480px -20px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f4f3 {
    background-position: -480px -40px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f4f4 {
    background-position: -480px -60px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f4f5 {
    background-position: -480px -80px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f4f6 {
    background-position: -480px -100px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f4f7 {
    background-position: -480px -120px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f4f8 {
    background-position: -480px -140px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f4f9 {
    background-position: -480px -160px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f4fa {
    background-position: -480px -180px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f4fb {
    background-position: -480px -200px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f4fc {
    background-position: -480px -220px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f4fd {
    background-position: -480px -240px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f4ff {
    background-position: -480px -260px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f500 {
    background-position: -480px -280px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f501 {
    background-position: -480px -300px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f502 {
    background-position: -480px -320px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f503 {
    background-position: -480px -340px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f504 {
    background-position: -480px -360px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f505 {
    background-position: -480px -380px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f506 {
    background-position: -480px -400px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f507 {
    background-position: -480px -420px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f508 {
    background-position: -480px -440px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f509 {
    background-position: -480px -460px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f50a {
    background-position: -0px -480px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f50b {
    background-position: -20px -480px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f50c {
    background-position: -40px -480px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f50d {
    background-position: -60px -480px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f50e {
    background-position: -80px -480px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f50f {
    background-position: -100px -480px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f510 {
    background-position: -120px -480px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f511 {
    background-position: -140px -480px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f512 {
    background-position: -160px -480px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f513 {
    background-position: -180px -480px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f514 {
    background-position: -200px -480px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f515 {
    background-position: -220px -480px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f516 {
    background-position: -240px -480px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f517 {
    background-position: -260px -480px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f518 {
    background-position: -280px -480px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f519 {
    background-position: -300px -480px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f51a {
    background-position: -320px -480px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f51b {
    background-position: -340px -480px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f51c {
    background-position: -360px -480px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f51d {
    background-position: -380px -480px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f51e {
    background-position: -400px -480px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f51f {
    background-position: -420px -480px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f520 {
    background-position: -440px -480px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f521 {
    background-position: -460px -480px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f522 {
    background-position: -480px -480px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f523 {
    background-position: -500px -0px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f524 {
    background-position: -500px -20px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f525 {
    background-position: -500px -40px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f526 {
    background-position: -500px -60px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f527 {
    background-position: -500px -80px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f528 {
    background-position: -500px -100px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f529 {
    background-position: -500px -120px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f52a {
    background-position: -500px -140px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f52b {
    background-position: -500px -160px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f52c {
    background-position: -500px -180px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f52d {
    background-position: -500px -200px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f52e {
    background-position: -500px -220px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f52f {
    background-position: -500px -240px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f530 {
    background-position: -500px -260px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f531 {
    background-position: -500px -280px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f532 {
    background-position: -500px -300px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f533 {
    background-position: -500px -320px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f534 {
    background-position: -500px -340px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f535 {
    background-position: -500px -360px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f536 {
    background-position: -500px -380px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f537 {
    background-position: -500px -400px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f538 {
    background-position: -500px -420px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f539 {
    background-position: -500px -440px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f53a {
    background-position: -500px -460px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f53b {
    background-position: -500px -480px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f53c {
    background-position: -0px -500px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f53d {
    background-position: -20px -500px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f549 {
    background-position: -40px -500px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f54a {
    background-position: -60px -500px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f54b {
    background-position: -80px -500px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f54c {
    background-position: -100px -500px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f54d {
    background-position: -120px -500px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f54e {
    background-position: -140px -500px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f550 {
    background-position: -160px -500px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f551 {
    background-position: -180px -500px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f552 {
    background-position: -200px -500px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f553 {
    background-position: -220px -500px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f554 {
    background-position: -240px -500px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f555 {
    background-position: -260px -500px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f556 {
    background-position: -280px -500px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f557 {
    background-position: -300px -500px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f558 {
    background-position: -320px -500px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f559 {
    background-position: -340px -500px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f55a {
    background-position: -360px -500px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f55b {
    background-position: -380px -500px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f55c {
    background-position: -400px -500px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f55d {
    background-position: -420px -500px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f55e {
    background-position: -440px -500px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f55f {
    background-position: -460px -500px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f560 {
    background-position: -480px -500px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f561 {
    background-position: -500px -500px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f562 {
    background-position: -520px -0px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f563 {
    background-position: -520px -20px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f564 {
    background-position: -520px -40px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f565 {
    background-position: -520px -60px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f566 {
    background-position: -520px -80px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f567 {
    background-position: -520px -100px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f56f {
    background-position: -520px -120px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f570 {
    background-position: -520px -140px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f573 {
    background-position: -520px -160px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f574-1f3fb {
    background-position: -520px -180px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f574-1f3fc {
    background-position: -520px -200px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f574-1f3fd {
    background-position: -520px -220px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f574-1f3fe {
    background-position: -520px -240px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f574-1f3ff {
    background-position: -520px -260px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f574 {
    background-position: -520px -280px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f575-1f3fb-200d-2640-fe0f {
    background-position: -520px -300px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f575-1f3fb-200d-2642-fe0f {
    background-position: -520px -320px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f575-1f3fb {
    background-position: -520px -340px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f575-1f3fc-200d-2640-fe0f {
    background-position: -520px -360px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f575-1f3fc-200d-2642-fe0f {
    background-position: -520px -380px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f575-1f3fc {
    background-position: -520px -400px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f575-1f3fd-200d-2640-fe0f {
    background-position: -520px -420px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f575-1f3fd-200d-2642-fe0f {
    background-position: -520px -440px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f575-1f3fd {
    background-position: -520px -460px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f575-1f3fe-200d-2640-fe0f {
    background-position: -520px -480px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f575-1f3fe-200d-2642-fe0f {
    background-position: -520px -500px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f575-1f3fe {
    background-position: -0px -520px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f575-1f3ff-200d-2640-fe0f {
    background-position: -20px -520px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f575-1f3ff-200d-2642-fe0f {
    background-position: -40px -520px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f575-1f3ff {
    background-position: -60px -520px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f575-fe0f-200d-2640-fe0f {
    background-position: -80px -520px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f575-fe0f-200d-2642-fe0f {
    background-position: -100px -520px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f575 {
    background-position: -120px -520px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f576 {
    background-position: -140px -520px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f577 {
    background-position: -160px -520px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f578 {
    background-position: -180px -520px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f579 {
    background-position: -200px -520px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f57a-1f3fb {
    background-position: -220px -520px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f57a-1f3fc {
    background-position: -240px -520px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f57a-1f3fd {
    background-position: -260px -520px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f57a-1f3fe {
    background-position: -280px -520px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f57a-1f3ff {
    background-position: -300px -520px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f57a {
    background-position: -320px -520px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }


    .emoji3 {
      background-image: url(../../static/media/emoji3.a26511d0.png);
    }

    @media screen and (-webkit-min-device-pixel-ratio: 2.0), screen and (min--moz-device-pixel-ratio: 2.0), screen and (-o-min-device-pixel-ratio: 200/100), screen and (min-device-pixel-ratio: 2.0), screen and (-o-min-device-pixel-ratio: 2/1), screen and (min-resolution: 2.0dppx) {
    .emoji3 {
      background-image: url(../../static/media/emoji3@2x.411f6bc2.png);
      background-size: 600px 580px;
    }
    }

  .sprite-emoji-1f587 {
    background-position: -500px -320px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f58a {
    background-position: -280px -400px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f58b {
    background-position: -0px -20px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f58c {
    background-position: -20px -20px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f58d {
    background-position: -40px -0px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f590-1f3fb {
    background-position: -40px -20px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f590-1f3fc {
    background-position: -0px -40px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f590-1f3fd {
    background-position: -20px -40px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f590-1f3fe {
    background-position: -40px -40px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f590-1f3ff {
    background-position: -60px -0px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f590 {
    background-position: -60px -20px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f595-1f3fb {
    background-position: -60px -40px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f595-1f3fc {
    background-position: -0px -60px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f595-1f3fd {
    background-position: -20px -60px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f595-1f3fe {
    background-position: -40px -60px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f595-1f3ff {
    background-position: -60px -60px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f595 {
    background-position: -80px -0px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f596-1f3fb {
    background-position: -80px -20px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f596-1f3fc {
    background-position: -80px -40px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f596-1f3fd {
    background-position: -80px -60px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f596-1f3fe {
    background-position: -0px -80px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f596-1f3ff {
    background-position: -20px -80px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f596 {
    background-position: -40px -80px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f5a4 {
    background-position: -60px -80px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f5a5 {
    background-position: -80px -80px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f5a8 {
    background-position: -100px -0px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f5b1 {
    background-position: -100px -20px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f5b2 {
    background-position: -100px -40px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f5bc {
    background-position: -100px -60px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f5c2 {
    background-position: -100px -80px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f5c3 {
    background-position: -0px -100px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f5c4 {
    background-position: -20px -100px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f5d1 {
    background-position: -40px -100px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f5d2 {
    background-position: -60px -100px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f5d3 {
    background-position: -80px -100px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f5dc {
    background-position: -100px -100px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f5dd {
    background-position: -120px -0px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f5de {
    background-position: -120px -20px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f5e1 {
    background-position: -120px -40px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f5e3 {
    background-position: -120px -60px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f5e8 {
    background-position: -120px -80px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f5ef {
    background-position: -120px -100px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f5f3 {
    background-position: -0px -120px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f5fa {
    background-position: -20px -120px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f5fb {
    background-position: -40px -120px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f5fc {
    background-position: -60px -120px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f5fd {
    background-position: -80px -120px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f5fe {
    background-position: -100px -120px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f5ff {
    background-position: -120px -120px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f600 {
    background-position: -140px -0px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f601 {
    background-position: -140px -20px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f602 {
    background-position: -140px -40px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f603 {
    background-position: -140px -60px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f604 {
    background-position: -140px -80px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f605 {
    background-position: -140px -100px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f606 {
    background-position: -140px -120px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f607 {
    background-position: -0px -140px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f608 {
    background-position: -20px -140px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f609 {
    background-position: -40px -140px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f60a {
    background-position: -60px -140px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f60b {
    background-position: -80px -140px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f60c {
    background-position: -100px -140px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f60d {
    background-position: -120px -140px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f60e {
    background-position: -140px -140px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f60f {
    background-position: -160px -0px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f610 {
    background-position: -160px -20px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f611 {
    background-position: -160px -40px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f612 {
    background-position: -160px -60px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f613 {
    background-position: -160px -80px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f614 {
    background-position: -160px -100px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f615 {
    background-position: -160px -120px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f616 {
    background-position: -160px -140px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f617 {
    background-position: -0px -160px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f618 {
    background-position: -20px -160px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f619 {
    background-position: -40px -160px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f61a {
    background-position: -60px -160px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f61b {
    background-position: -80px -160px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f61c {
    background-position: -100px -160px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f61d {
    background-position: -120px -160px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f61e {
    background-position: -140px -160px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f61f {
    background-position: -160px -160px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f620 {
    background-position: -180px -0px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f621 {
    background-position: -180px -20px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f622 {
    background-position: -180px -40px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f623 {
    background-position: -180px -60px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f624 {
    background-position: -180px -80px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f625 {
    background-position: -180px -100px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f626 {
    background-position: -180px -120px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f627 {
    background-position: -180px -140px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f628 {
    background-position: -180px -160px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f629 {
    background-position: -0px -180px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f62a {
    background-position: -20px -180px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f62b {
    background-position: -40px -180px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f62c {
    background-position: -60px -180px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f62d {
    background-position: -80px -180px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f62e {
    background-position: -100px -180px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f62f {
    background-position: -120px -180px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f630 {
    background-position: -140px -180px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f631 {
    background-position: -160px -180px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f632 {
    background-position: -180px -180px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f633 {
    background-position: -200px -0px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f634 {
    background-position: -200px -20px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f635 {
    background-position: -200px -40px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f636 {
    background-position: -200px -60px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f637 {
    background-position: -200px -80px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f638 {
    background-position: -200px -100px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f639 {
    background-position: -200px -120px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f63a {
    background-position: -200px -140px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f63b {
    background-position: -200px -160px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f63c {
    background-position: -200px -180px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f63d {
    background-position: -0px -200px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f63e {
    background-position: -20px -200px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f63f {
    background-position: -40px -200px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f640 {
    background-position: -60px -200px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f641 {
    background-position: -80px -200px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f642 {
    background-position: -100px -200px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f643 {
    background-position: -120px -200px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f644 {
    background-position: -140px -200px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f645-1f3fb-200d-2640-fe0f {
    background-position: -160px -200px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f645-1f3fb-200d-2642-fe0f {
    background-position: -180px -200px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f645-1f3fb {
    background-position: -200px -200px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f645-1f3fc-200d-2640-fe0f {
    background-position: -220px -0px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f645-1f3fc-200d-2642-fe0f {
    background-position: -220px -20px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f645-1f3fc {
    background-position: -220px -40px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f645-1f3fd-200d-2640-fe0f {
    background-position: -220px -60px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f645-1f3fd-200d-2642-fe0f {
    background-position: -220px -80px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f645-1f3fd {
    background-position: -220px -100px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f645-1f3fe-200d-2640-fe0f {
    background-position: -220px -120px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f645-1f3fe-200d-2642-fe0f {
    background-position: -220px -140px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f645-1f3fe {
    background-position: -220px -160px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f645-1f3ff-200d-2640-fe0f {
    background-position: -220px -180px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f645-1f3ff-200d-2642-fe0f {
    background-position: -220px -200px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f645-1f3ff {
    background-position: -0px -220px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f645-200d-2640-fe0f {
    background-position: -20px -220px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f645-200d-2642-fe0f {
    background-position: -40px -220px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f645 {
    background-position: -60px -220px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f646-1f3fb-200d-2640-fe0f {
    background-position: -80px -220px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f646-1f3fb-200d-2642-fe0f {
    background-position: -100px -220px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f646-1f3fb {
    background-position: -120px -220px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f646-1f3fc-200d-2640-fe0f {
    background-position: -140px -220px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f646-1f3fc-200d-2642-fe0f {
    background-position: -160px -220px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f646-1f3fc {
    background-position: -180px -220px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f646-1f3fd-200d-2640-fe0f {
    background-position: -200px -220px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f646-1f3fd-200d-2642-fe0f {
    background-position: -220px -220px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f646-1f3fd {
    background-position: -240px -0px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f646-1f3fe-200d-2640-fe0f {
    background-position: -240px -20px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f646-1f3fe-200d-2642-fe0f {
    background-position: -240px -40px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f646-1f3fe {
    background-position: -240px -60px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f646-1f3ff-200d-2640-fe0f {
    background-position: -240px -80px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f646-1f3ff-200d-2642-fe0f {
    background-position: -240px -100px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f646-1f3ff {
    background-position: -240px -120px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f646-200d-2640-fe0f {
    background-position: -240px -140px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f646-200d-2642-fe0f {
    background-position: -240px -160px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f646 {
    background-position: -240px -180px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f647-1f3fb-200d-2640-fe0f {
    background-position: -240px -200px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f647-1f3fb-200d-2642-fe0f {
    background-position: -240px -220px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f647-1f3fb {
    background-position: -0px -240px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f647-1f3fc-200d-2640-fe0f {
    background-position: -20px -240px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f647-1f3fc-200d-2642-fe0f {
    background-position: -40px -240px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f647-1f3fc {
    background-position: -60px -240px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f647-1f3fd-200d-2640-fe0f {
    background-position: -80px -240px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f647-1f3fd-200d-2642-fe0f {
    background-position: -100px -240px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f647-1f3fd {
    background-position: -120px -240px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f647-1f3fe-200d-2640-fe0f {
    background-position: -140px -240px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f647-1f3fe-200d-2642-fe0f {
    background-position: -160px -240px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f647-1f3fe {
    background-position: -180px -240px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f647-1f3ff-200d-2640-fe0f {
    background-position: -200px -240px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f647-1f3ff-200d-2642-fe0f {
    background-position: -220px -240px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f647-1f3ff {
    background-position: -240px -240px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f647-200d-2640-fe0f {
    background-position: -260px -0px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f647-200d-2642-fe0f {
    background-position: -260px -20px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f647 {
    background-position: -260px -40px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f648 {
    background-position: -260px -60px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f649 {
    background-position: -260px -80px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f64a {
    background-position: -260px -100px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f64b-1f3fb-200d-2640-fe0f {
    background-position: -260px -120px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f64b-1f3fb-200d-2642-fe0f {
    background-position: -260px -140px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f64b-1f3fb {
    background-position: -260px -160px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f64b-1f3fc-200d-2640-fe0f {
    background-position: -260px -180px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f64b-1f3fc-200d-2642-fe0f {
    background-position: -260px -200px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f64b-1f3fc {
    background-position: -260px -220px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f64b-1f3fd-200d-2640-fe0f {
    background-position: -260px -240px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f64b-1f3fd-200d-2642-fe0f {
    background-position: -0px -260px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f64b-1f3fd {
    background-position: -20px -260px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f64b-1f3fe-200d-2640-fe0f {
    background-position: -40px -260px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f64b-1f3fe-200d-2642-fe0f {
    background-position: -60px -260px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f64b-1f3fe {
    background-position: -80px -260px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f64b-1f3ff-200d-2640-fe0f {
    background-position: -100px -260px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f64b-1f3ff-200d-2642-fe0f {
    background-position: -120px -260px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f64b-1f3ff {
    background-position: -140px -260px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f64b-200d-2640-fe0f {
    background-position: -160px -260px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f64b-200d-2642-fe0f {
    background-position: -180px -260px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f64b {
    background-position: -200px -260px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f64c-1f3fb {
    background-position: -220px -260px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f64c-1f3fc {
    background-position: -240px -260px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f64c-1f3fd {
    background-position: -260px -260px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f64c-1f3fe {
    background-position: -280px -0px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f64c-1f3ff {
    background-position: -280px -20px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f64c {
    background-position: -280px -40px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f64d-1f3fb-200d-2640-fe0f {
    background-position: -280px -60px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f64d-1f3fb-200d-2642-fe0f {
    background-position: -280px -80px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f64d-1f3fb {
    background-position: -280px -100px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f64d-1f3fc-200d-2640-fe0f {
    background-position: -280px -120px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f64d-1f3fc-200d-2642-fe0f {
    background-position: -280px -140px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f64d-1f3fc {
    background-position: -280px -160px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f64d-1f3fd-200d-2640-fe0f {
    background-position: -280px -180px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f64d-1f3fd-200d-2642-fe0f {
    background-position: -280px -200px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f64d-1f3fd {
    background-position: -280px -220px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f64d-1f3fe-200d-2640-fe0f {
    background-position: -280px -240px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f64d-1f3fe-200d-2642-fe0f {
    background-position: -280px -260px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f64d-1f3fe {
    background-position: -0px -280px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f64d-1f3ff-200d-2640-fe0f {
    background-position: -20px -280px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f64d-1f3ff-200d-2642-fe0f {
    background-position: -40px -280px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f64d-1f3ff {
    background-position: -60px -280px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f64d-200d-2640-fe0f {
    background-position: -80px -280px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f64d-200d-2642-fe0f {
    background-position: -100px -280px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f64d {
    background-position: -120px -280px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f64e-1f3fb-200d-2640-fe0f {
    background-position: -140px -280px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f64e-1f3fb-200d-2642-fe0f {
    background-position: -160px -280px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f64e-1f3fb {
    background-position: -180px -280px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f64e-1f3fc-200d-2640-fe0f {
    background-position: -200px -280px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f64e-1f3fc-200d-2642-fe0f {
    background-position: -220px -280px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f64e-1f3fc {
    background-position: -240px -280px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f64e-1f3fd-200d-2640-fe0f {
    background-position: -260px -280px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f64e-1f3fd-200d-2642-fe0f {
    background-position: -280px -280px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f64e-1f3fd {
    background-position: -300px -0px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f64e-1f3fe-200d-2640-fe0f {
    background-position: -300px -20px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f64e-1f3fe-200d-2642-fe0f {
    background-position: -300px -40px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f64e-1f3fe {
    background-position: -300px -60px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f64e-1f3ff-200d-2640-fe0f {
    background-position: -300px -80px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f64e-1f3ff-200d-2642-fe0f {
    background-position: -300px -100px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f64e-1f3ff {
    background-position: -300px -120px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f64e-200d-2640-fe0f {
    background-position: -300px -140px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f64e-200d-2642-fe0f {
    background-position: -300px -160px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f64e {
    background-position: -300px -180px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f64f-1f3fb {
    background-position: -300px -200px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f64f-1f3fc {
    background-position: -300px -220px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f64f-1f3fd {
    background-position: -300px -240px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f64f-1f3fe {
    background-position: -300px -260px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f64f-1f3ff {
    background-position: -300px -280px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f64f {
    background-position: -0px -300px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f680 {
    background-position: -20px -300px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f681 {
    background-position: -40px -300px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f682 {
    background-position: -60px -300px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f683 {
    background-position: -80px -300px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f684 {
    background-position: -100px -300px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f685 {
    background-position: -120px -300px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f686 {
    background-position: -140px -300px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f687 {
    background-position: -160px -300px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f688 {
    background-position: -180px -300px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f689 {
    background-position: -200px -300px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f68a {
    background-position: -220px -300px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f68b {
    background-position: -240px -300px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f68c {
    background-position: -260px -300px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f68d {
    background-position: -280px -300px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f68e {
    background-position: -300px -300px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f68f {
    background-position: -320px -0px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f690 {
    background-position: -320px -20px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f691 {
    background-position: -320px -40px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f692 {
    background-position: -320px -60px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f693 {
    background-position: -320px -80px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f694 {
    background-position: -320px -100px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f695 {
    background-position: -320px -120px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f696 {
    background-position: -320px -140px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f697 {
    background-position: -320px -160px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f698 {
    background-position: -320px -180px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f699 {
    background-position: -320px -200px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f69a {
    background-position: -320px -220px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f69b {
    background-position: -320px -240px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f69c {
    background-position: -320px -260px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f69d {
    background-position: -320px -280px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f69e {
    background-position: -320px -300px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f69f {
    background-position: -0px -320px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f6a0 {
    background-position: -20px -320px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f6a1 {
    background-position: -40px -320px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f6a2 {
    background-position: -60px -320px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f6a3-1f3fb-200d-2640-fe0f {
    background-position: -80px -320px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f6a3-1f3fb-200d-2642-fe0f {
    background-position: -100px -320px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f6a3-1f3fb {
    background-position: -120px -320px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f6a3-1f3fc-200d-2640-fe0f {
    background-position: -140px -320px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f6a3-1f3fc-200d-2642-fe0f {
    background-position: -160px -320px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f6a3-1f3fc {
    background-position: -180px -320px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f6a3-1f3fd-200d-2640-fe0f {
    background-position: -200px -320px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f6a3-1f3fd-200d-2642-fe0f {
    background-position: -220px -320px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f6a3-1f3fd {
    background-position: -240px -320px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f6a3-1f3fe-200d-2640-fe0f {
    background-position: -260px -320px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f6a3-1f3fe-200d-2642-fe0f {
    background-position: -280px -320px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f6a3-1f3fe {
    background-position: -300px -320px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f6a3-1f3ff-200d-2640-fe0f {
    background-position: -320px -320px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f6a3-1f3ff-200d-2642-fe0f {
    background-position: -340px -0px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f6a3-1f3ff {
    background-position: -340px -20px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f6a3-200d-2640-fe0f {
    background-position: -340px -40px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f6a3-200d-2642-fe0f {
    background-position: -340px -60px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f6a3 {
    background-position: -340px -80px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f6a4 {
    background-position: -340px -100px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f6a5 {
    background-position: -340px -120px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f6a6 {
    background-position: -340px -140px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f6a7 {
    background-position: -340px -160px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f6a8 {
    background-position: -340px -180px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f6a9 {
    background-position: -340px -200px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f6aa {
    background-position: -340px -220px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f6ab {
    background-position: -340px -240px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f6ac {
    background-position: -340px -260px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f6ad {
    background-position: -340px -280px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f6ae {
    background-position: -340px -300px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f6af {
    background-position: -340px -320px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f6b0 {
    background-position: -0px -340px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f6b1 {
    background-position: -20px -340px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f6b2 {
    background-position: -40px -340px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f6b3 {
    background-position: -60px -340px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f6b4-1f3fb-200d-2640-fe0f {
    background-position: -80px -340px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f6b4-1f3fb-200d-2642-fe0f {
    background-position: -100px -340px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f6b4-1f3fb {
    background-position: -120px -340px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f6b4-1f3fc-200d-2640-fe0f {
    background-position: -140px -340px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f6b4-1f3fc-200d-2642-fe0f {
    background-position: -160px -340px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f6b4-1f3fc {
    background-position: -180px -340px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f6b4-1f3fd-200d-2640-fe0f {
    background-position: -200px -340px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f6b4-1f3fd-200d-2642-fe0f {
    background-position: -220px -340px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f6b4-1f3fd {
    background-position: -240px -340px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f6b4-1f3fe-200d-2640-fe0f {
    background-position: -260px -340px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f6b4-1f3fe-200d-2642-fe0f {
    background-position: -280px -340px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f6b4-1f3fe {
    background-position: -300px -340px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f6b4-1f3ff-200d-2640-fe0f {
    background-position: -320px -340px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f6b4-1f3ff-200d-2642-fe0f {
    background-position: -340px -340px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f6b4-1f3ff {
    background-position: -360px -0px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f6b4-200d-2640-fe0f {
    background-position: -360px -20px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f6b4-200d-2642-fe0f {
    background-position: -360px -40px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f6b4 {
    background-position: -360px -60px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f6b5-1f3fb-200d-2640-fe0f {
    background-position: -360px -80px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f6b5-1f3fb-200d-2642-fe0f {
    background-position: -360px -100px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f6b5-1f3fb {
    background-position: -360px -120px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f6b5-1f3fc-200d-2640-fe0f {
    background-position: -360px -140px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f6b5-1f3fc-200d-2642-fe0f {
    background-position: -360px -160px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f6b5-1f3fc {
    background-position: -360px -180px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f6b5-1f3fd-200d-2640-fe0f {
    background-position: -360px -200px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f6b5-1f3fd-200d-2642-fe0f {
    background-position: -360px -220px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f6b5-1f3fd {
    background-position: -360px -240px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f6b5-1f3fe-200d-2640-fe0f {
    background-position: -360px -260px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f6b5-1f3fe-200d-2642-fe0f {
    background-position: -360px -280px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f6b5-1f3fe {
    background-position: -360px -300px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f6b5-1f3ff-200d-2640-fe0f {
    background-position: -360px -320px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f6b5-1f3ff-200d-2642-fe0f {
    background-position: -360px -340px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f6b5-1f3ff {
    background-position: -0px -360px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f6b5-200d-2640-fe0f {
    background-position: -20px -360px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f6b5-200d-2642-fe0f {
    background-position: -40px -360px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f6b5 {
    background-position: -60px -360px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f6b6-1f3fb-200d-2640-fe0f {
    background-position: -80px -360px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f6b6-1f3fb-200d-2642-fe0f {
    background-position: -100px -360px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f6b6-1f3fb {
    background-position: -120px -360px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f6b6-1f3fc-200d-2640-fe0f {
    background-position: -140px -360px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f6b6-1f3fc-200d-2642-fe0f {
    background-position: -160px -360px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f6b6-1f3fc {
    background-position: -180px -360px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f6b6-1f3fd-200d-2640-fe0f {
    background-position: -200px -360px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f6b6-1f3fd-200d-2642-fe0f {
    background-position: -220px -360px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f6b6-1f3fd {
    background-position: -240px -360px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f6b6-1f3fe-200d-2640-fe0f {
    background-position: -260px -360px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f6b6-1f3fe-200d-2642-fe0f {
    background-position: -280px -360px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f6b6-1f3fe {
    background-position: -300px -360px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f6b6-1f3ff-200d-2640-fe0f {
    background-position: -320px -360px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f6b6-1f3ff-200d-2642-fe0f {
    background-position: -340px -360px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f6b6-1f3ff {
    background-position: -360px -360px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f6b6-200d-2640-fe0f {
    background-position: -380px -0px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f6b6-200d-2642-fe0f {
    background-position: -380px -20px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f6b6 {
    background-position: -380px -40px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f6b7 {
    background-position: -380px -60px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f6b8 {
    background-position: -380px -80px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f6b9 {
    background-position: -380px -100px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f6ba {
    background-position: -380px -120px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f6bb {
    background-position: -380px -140px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f6bc {
    background-position: -380px -160px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f6bd {
    background-position: -380px -180px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f6be {
    background-position: -380px -200px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f6bf {
    background-position: -380px -220px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f6c0-1f3fb {
    background-position: -380px -240px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f6c0-1f3fc {
    background-position: -380px -260px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f6c0-1f3fd {
    background-position: -380px -280px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f6c0-1f3fe {
    background-position: -380px -300px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f6c0-1f3ff {
    background-position: -380px -320px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f6c0 {
    background-position: -380px -340px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f6c1 {
    background-position: -380px -360px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f6c2 {
    background-position: -0px -380px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f6c3 {
    background-position: -20px -380px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f6c4 {
    background-position: -40px -380px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f6c5 {
    background-position: -60px -380px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f6cb {
    background-position: -80px -380px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f6cc-1f3fb {
    background-position: -100px -380px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f6cc-1f3fc {
    background-position: -120px -380px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f6cc-1f3fd {
    background-position: -140px -380px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f6cc-1f3fe {
    background-position: -160px -380px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f6cc-1f3ff {
    background-position: -180px -380px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f6cc {
    background-position: -200px -380px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f6cd {
    background-position: -220px -380px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f6ce {
    background-position: -240px -380px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f6cf {
    background-position: -260px -380px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f6d0 {
    background-position: -280px -380px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f6d1 {
    background-position: -300px -380px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f6d2 {
    background-position: -320px -380px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f6e0 {
    background-position: -340px -380px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f6e1 {
    background-position: -360px -380px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f6e2 {
    background-position: -380px -380px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f6e3 {
    background-position: -400px -0px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f6e4 {
    background-position: -400px -20px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f6e5 {
    background-position: -400px -40px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f6e9 {
    background-position: -400px -60px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f6eb {
    background-position: -400px -80px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f6ec {
    background-position: -400px -100px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f6f0 {
    background-position: -400px -120px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f6f3 {
    background-position: -400px -140px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f6f4 {
    background-position: -400px -160px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f6f5 {
    background-position: -400px -180px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f6f6 {
    background-position: -400px -200px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f910 {
    background-position: -400px -220px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f911 {
    background-position: -400px -240px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f912 {
    background-position: -400px -260px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f913 {
    background-position: -400px -280px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f914 {
    background-position: -400px -300px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f915 {
    background-position: -400px -320px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f916 {
    background-position: -400px -340px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f917 {
    background-position: -400px -360px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f918-1f3fb {
    background-position: -400px -380px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f918-1f3fc {
    background-position: -0px -400px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f918-1f3fd {
    background-position: -20px -400px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f918-1f3fe {
    background-position: -40px -400px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f918-1f3ff {
    background-position: -60px -400px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f918 {
    background-position: -80px -400px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f919-1f3fb {
    background-position: -100px -400px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f919-1f3fc {
    background-position: -120px -400px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f919-1f3fd {
    background-position: -140px -400px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f919-1f3fe {
    background-position: -160px -400px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f919-1f3ff {
    background-position: -180px -400px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f919 {
    background-position: -200px -400px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f91a-1f3fb {
    background-position: -220px -400px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f91a-1f3fc {
    background-position: -240px -400px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f91a-1f3fd {
    background-position: -260px -400px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f91a-1f3fe {
    background-position: -20px -0px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f91a-1f3ff {
    background-position: -300px -400px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f91a {
    background-position: -320px -400px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f91b-1f3fb {
    background-position: -340px -400px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f91b-1f3fc {
    background-position: -360px -400px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f91b-1f3fd {
    background-position: -380px -400px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f91b-1f3fe {
    background-position: -400px -400px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f91b-1f3ff {
    background-position: -420px -0px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f91b {
    background-position: -420px -20px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f91c-1f3fb {
    background-position: -420px -40px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f91c-1f3fc {
    background-position: -420px -60px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f91c-1f3fd {
    background-position: -420px -80px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f91c-1f3fe {
    background-position: -420px -100px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f91c-1f3ff {
    background-position: -420px -120px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f91c {
    background-position: -420px -140px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f91d {
    background-position: -420px -160px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f91e-1f3fb {
    background-position: -420px -180px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f91e-1f3fc {
    background-position: -420px -200px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f91e-1f3fd {
    background-position: -420px -220px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f91e-1f3fe {
    background-position: -420px -240px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f91e-1f3ff {
    background-position: -420px -260px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f91e {
    background-position: -420px -280px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f920 {
    background-position: -420px -300px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f921 {
    background-position: -420px -320px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f922 {
    background-position: -420px -340px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f923 {
    background-position: -420px -360px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f924 {
    background-position: -420px -380px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f925 {
    background-position: -420px -400px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f926-1f3fb-200d-2640-fe0f {
    background-position: -0px -420px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f926-1f3fb-200d-2642-fe0f {
    background-position: -20px -420px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f926-1f3fb {
    background-position: -40px -420px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f926-1f3fc-200d-2640-fe0f {
    background-position: -60px -420px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f926-1f3fc-200d-2642-fe0f {
    background-position: -80px -420px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f926-1f3fc {
    background-position: -100px -420px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f926-1f3fd-200d-2640-fe0f {
    background-position: -120px -420px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f926-1f3fd-200d-2642-fe0f {
    background-position: -140px -420px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f926-1f3fd {
    background-position: -160px -420px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f926-1f3fe-200d-2640-fe0f {
    background-position: -180px -420px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f926-1f3fe-200d-2642-fe0f {
    background-position: -200px -420px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f926-1f3fe {
    background-position: -220px -420px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f926-1f3ff-200d-2640-fe0f {
    background-position: -240px -420px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f926-1f3ff-200d-2642-fe0f {
    background-position: -260px -420px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f926-1f3ff {
    background-position: -280px -420px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f926-200d-2640-fe0f {
    background-position: -300px -420px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f926-200d-2642-fe0f {
    background-position: -320px -420px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f926 {
    background-position: -340px -420px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f927 {
    background-position: -360px -420px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f928 {
    background-position: -380px -420px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f929 {
    background-position: -400px -420px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f92a {
    background-position: -420px -420px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f92b {
    background-position: -440px -0px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f92e {
    background-position: -440px -20px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f92f {
    background-position: -440px -40px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f930-1f3fb {
    background-position: -440px -60px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f930-1f3fc {
    background-position: -440px -80px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f930-1f3fd {
    background-position: -440px -100px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f930-1f3fe {
    background-position: -440px -120px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f930-1f3ff {
    background-position: -440px -140px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f930 {
    background-position: -440px -160px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f933-1f3fb {
    background-position: -440px -180px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f933-1f3fc {
    background-position: -440px -200px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f933-1f3fd {
    background-position: -440px -220px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f933-1f3fe {
    background-position: -440px -240px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f933-1f3ff {
    background-position: -440px -260px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f933 {
    background-position: -440px -280px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f934-1f3fb {
    background-position: -440px -300px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f934-1f3fc {
    background-position: -440px -320px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f934-1f3fd {
    background-position: -440px -340px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f934-1f3fe {
    background-position: -440px -360px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f934-1f3ff {
    background-position: -440px -380px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f934 {
    background-position: -440px -400px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f935-1f3fb {
    background-position: -440px -420px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f935-1f3fc {
    background-position: -0px -440px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f935-1f3fd {
    background-position: -20px -440px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f935-1f3fe {
    background-position: -40px -440px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f935-1f3ff {
    background-position: -60px -440px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f935 {
    background-position: -80px -440px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f936-1f3fb {
    background-position: -100px -440px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f936-1f3fc {
    background-position: -120px -440px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f936-1f3fd {
    background-position: -140px -440px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f936-1f3fe {
    background-position: -160px -440px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f936-1f3ff {
    background-position: -180px -440px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f936 {
    background-position: -200px -440px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f937-1f3fb-200d-2640-fe0f {
    background-position: -220px -440px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f937-1f3fb-200d-2642-fe0f {
    background-position: -240px -440px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f937-1f3fb {
    background-position: -260px -440px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f937-1f3fc-200d-2640-fe0f {
    background-position: -280px -440px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f937-1f3fc-200d-2642-fe0f {
    background-position: -300px -440px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f937-1f3fc {
    background-position: -320px -440px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f937-1f3fd-200d-2640-fe0f {
    background-position: -340px -440px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f937-1f3fd-200d-2642-fe0f {
    background-position: -360px -440px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f937-1f3fd {
    background-position: -380px -440px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f937-1f3fe-200d-2640-fe0f {
    background-position: -400px -440px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f937-1f3fe-200d-2642-fe0f {
    background-position: -420px -440px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f937-1f3fe {
    background-position: -440px -440px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f937-1f3ff-200d-2640-fe0f {
    background-position: -460px -0px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f937-1f3ff-200d-2642-fe0f {
    background-position: -460px -20px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f937-1f3ff {
    background-position: -460px -40px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f937-200d-2640-fe0f {
    background-position: -460px -60px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f937-200d-2642-fe0f {
    background-position: -460px -80px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f937 {
    background-position: -460px -100px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f938-1f3fb-200d-2640-fe0f {
    background-position: -460px -120px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f938-1f3fb-200d-2642-fe0f {
    background-position: -460px -140px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f938-1f3fb {
    background-position: -460px -160px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f938-1f3fc-200d-2640-fe0f {
    background-position: -460px -180px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f938-1f3fc-200d-2642-fe0f {
    background-position: -460px -200px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f938-1f3fc {
    background-position: -460px -220px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f938-1f3fd-200d-2640-fe0f {
    background-position: -460px -240px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f938-1f3fd-200d-2642-fe0f {
    background-position: -460px -260px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f938-1f3fd {
    background-position: -460px -280px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f938-1f3fe-200d-2640-fe0f {
    background-position: -460px -300px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f938-1f3fe-200d-2642-fe0f {
    background-position: -460px -320px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f938-1f3fe {
    background-position: -460px -340px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f938-1f3ff-200d-2640-fe0f {
    background-position: -460px -360px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f938-1f3ff-200d-2642-fe0f {
    background-position: -460px -380px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f938-1f3ff {
    background-position: -460px -400px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f938-200d-2640-fe0f {
    background-position: -460px -420px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f938-200d-2642-fe0f {
    background-position: -460px -440px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f938 {
    background-position: -0px -460px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f939-1f3fb-200d-2640-fe0f {
    background-position: -20px -460px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f939-1f3fb-200d-2642-fe0f {
    background-position: -40px -460px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f939-1f3fb {
    background-position: -60px -460px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f939-1f3fc-200d-2640-fe0f {
    background-position: -80px -460px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f939-1f3fc-200d-2642-fe0f {
    background-position: -100px -460px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f939-1f3fc {
    background-position: -120px -460px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f939-1f3fd-200d-2640-fe0f {
    background-position: -140px -460px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f939-1f3fd-200d-2642-fe0f {
    background-position: -160px -460px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f939-1f3fd {
    background-position: -180px -460px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f939-1f3fe-200d-2640-fe0f {
    background-position: -200px -460px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f939-1f3fe-200d-2642-fe0f {
    background-position: -220px -460px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f939-1f3fe {
    background-position: -240px -460px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f939-1f3ff-200d-2640-fe0f {
    background-position: -260px -460px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f939-1f3ff-200d-2642-fe0f {
    background-position: -280px -460px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f939-1f3ff {
    background-position: -300px -460px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f939-200d-2640-fe0f {
    background-position: -320px -460px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f939-200d-2642-fe0f {
    background-position: -340px -460px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f939 {
    background-position: -360px -460px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f93a {
    background-position: -380px -460px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f93c-200d-2640-fe0f {
    background-position: -400px -460px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f93c-200d-2642-fe0f {
    background-position: -420px -460px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f93c {
    background-position: -440px -460px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f93d-1f3fb-200d-2640-fe0f {
    background-position: -460px -460px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f93d-1f3fb-200d-2642-fe0f {
    background-position: -480px -0px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f93d-1f3fb {
    background-position: -480px -20px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f93d-1f3fc-200d-2640-fe0f {
    background-position: -480px -40px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f93d-1f3fc-200d-2642-fe0f {
    background-position: -480px -60px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f93d-1f3fc {
    background-position: -480px -80px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f93d-1f3fd-200d-2640-fe0f {
    background-position: -480px -100px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f93d-1f3fd-200d-2642-fe0f {
    background-position: -480px -120px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f93d-1f3fd {
    background-position: -480px -140px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f93d-1f3fe-200d-2640-fe0f {
    background-position: -480px -160px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f93d-1f3fe-200d-2642-fe0f {
    background-position: -480px -180px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f93d-1f3fe {
    background-position: -480px -200px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f93d-1f3ff-200d-2640-fe0f {
    background-position: -480px -220px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f93d-1f3ff-200d-2642-fe0f {
    background-position: -480px -240px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f93d-1f3ff {
    background-position: -480px -260px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f93d-200d-2640-fe0f {
    background-position: -480px -280px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f93d-200d-2642-fe0f {
    background-position: -480px -300px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f93d {
    background-position: -480px -320px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f93e-1f3fb-200d-2640-fe0f {
    background-position: -480px -340px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f93e-1f3fb-200d-2642-fe0f {
    background-position: -480px -360px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f93e-1f3fb {
    background-position: -480px -380px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f93e-1f3fc-200d-2640-fe0f {
    background-position: -480px -400px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f93e-1f3fc-200d-2642-fe0f {
    background-position: -480px -420px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f93e-1f3fc {
    background-position: -480px -440px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f93e-1f3fd-200d-2640-fe0f {
    background-position: -480px -460px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f93e-1f3fd-200d-2642-fe0f {
    background-position: -0px -480px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f93e-1f3fd {
    background-position: -20px -480px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f93e-1f3fe-200d-2640-fe0f {
    background-position: -40px -480px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f93e-1f3fe-200d-2642-fe0f {
    background-position: -60px -480px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f93e-1f3fe {
    background-position: -80px -480px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f93e-1f3ff-200d-2640-fe0f {
    background-position: -100px -480px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f93e-1f3ff-200d-2642-fe0f {
    background-position: -120px -480px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f93e-1f3ff {
    background-position: -140px -480px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f93e-200d-2640-fe0f {
    background-position: -160px -480px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f93e-200d-2642-fe0f {
    background-position: -180px -480px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f93e {
    background-position: -200px -480px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f940 {
    background-position: -220px -480px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f941 {
    background-position: -240px -480px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f942 {
    background-position: -260px -480px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f943 {
    background-position: -280px -480px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f944 {
    background-position: -300px -480px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f945 {
    background-position: -320px -480px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f947 {
    background-position: -340px -480px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f948 {
    background-position: -360px -480px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f949 {
    background-position: -380px -480px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f94a {
    background-position: -400px -480px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f94b {
    background-position: -420px -480px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f950 {
    background-position: -440px -480px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f951 {
    background-position: -460px -480px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f952 {
    background-position: -480px -480px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f953 {
    background-position: -500px -0px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f954 {
    background-position: -500px -20px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f955 {
    background-position: -500px -40px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f956 {
    background-position: -500px -60px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f957 {
    background-position: -500px -80px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f958 {
    background-position: -500px -100px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f959 {
    background-position: -500px -120px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f95a {
    background-position: -500px -140px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f95b {
    background-position: -500px -160px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f95c {
    background-position: -500px -180px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f95d {
    background-position: -500px -200px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f95e {
    background-position: -500px -220px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f973 {
    background-position: -500px -240px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f974 {
    background-position: -500px -260px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f975 {
    background-position: -500px -280px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f976 {
    background-position: -500px -300px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f97a {
    background-position: -0px -0px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f980 {
    background-position: -500px -340px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f981 {
    background-position: -500px -360px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f982 {
    background-position: -500px -380px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f983 {
    background-position: -500px -400px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f984 {
    background-position: -500px -420px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f985 {
    background-position: -500px -440px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f986 {
    background-position: -500px -460px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f987 {
    background-position: -500px -480px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f988 {
    background-position: -0px -500px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f989 {
    background-position: -20px -500px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f98a {
    background-position: -40px -500px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f98b {
    background-position: -60px -500px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f98c {
    background-position: -80px -500px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f98d {
    background-position: -100px -500px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f98e {
    background-position: -120px -500px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f98f {
    background-position: -140px -500px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f990 {
    background-position: -160px -500px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f991 {
    background-position: -180px -500px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f9c0 {
    background-position: -200px -500px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f9d0 {
    background-position: -220px -500px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f9e7 {
    background-position: -240px -500px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-1f9e8 {
    background-position: -260px -500px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-203c {
    background-position: -280px -500px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-2049 {
    background-position: -300px -500px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-2122 {
    background-position: -320px -500px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-2139 {
    background-position: -340px -500px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-2194 {
    background-position: -360px -500px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-2195 {
    background-position: -380px -500px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-2196 {
    background-position: -400px -500px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-2197 {
    background-position: -420px -500px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-2198 {
    background-position: -440px -500px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-2199 {
    background-position: -460px -500px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-21a9 {
    background-position: -480px -500px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-21aa {
    background-position: -500px -500px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-231a {
    background-position: -520px -0px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-231b {
    background-position: -520px -20px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-2328 {
    background-position: -520px -40px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-23e9 {
    background-position: -520px -60px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-23ea {
    background-position: -520px -80px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-23eb {
    background-position: -520px -100px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-23ec {
    background-position: -520px -120px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-23ed {
    background-position: -520px -140px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-23ee {
    background-position: -520px -160px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-23ef {
    background-position: -520px -180px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-23f0 {
    background-position: -520px -200px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-23f1 {
    background-position: -520px -220px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-23f2 {
    background-position: -520px -240px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-23f3 {
    background-position: -520px -260px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-23f8 {
    background-position: -520px -280px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-23f9 {
    background-position: -520px -300px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-23fa {
    background-position: -520px -320px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-24c2 {
    background-position: -520px -340px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-25aa {
    background-position: -520px -360px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-25ab {
    background-position: -520px -380px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-25b6 {
    background-position: -520px -400px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-25c0 {
    background-position: -520px -420px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-25fb {
    background-position: -520px -440px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-25fc {
    background-position: -520px -460px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-25fd {
    background-position: -520px -480px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-25fe {
    background-position: -520px -500px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-2600 {
    background-position: -0px -520px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-2601 {
    background-position: -20px -520px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-2602 {
    background-position: -40px -520px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-2603 {
    background-position: -60px -520px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-2604 {
    background-position: -80px -520px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-260e {
    background-position: -100px -520px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-2611 {
    background-position: -120px -520px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-2614 {
    background-position: -140px -520px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-2615 {
    background-position: -160px -520px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-2618 {
    background-position: -180px -520px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-261d-1f3fb {
    background-position: -200px -520px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-261d-1f3fc {
    background-position: -220px -520px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-261d-1f3fd {
    background-position: -240px -520px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-261d-1f3fe {
    background-position: -260px -520px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-261d-1f3ff {
    background-position: -280px -520px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-261d {
    background-position: -300px -520px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-2620 {
    background-position: -320px -520px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-2622 {
    background-position: -340px -520px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-2623 {
    background-position: -360px -520px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-2626 {
    background-position: -380px -520px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-262a {
    background-position: -400px -520px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-262e {
    background-position: -420px -520px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-262f {
    background-position: -440px -520px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-2638 {
    background-position: -460px -520px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-2639 {
    background-position: -480px -520px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-263a {
    background-position: -500px -520px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-2648 {
    background-position: -520px -520px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-2649 {
    background-position: -540px -0px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-264a {
    background-position: -540px -20px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-264b {
    background-position: -540px -40px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-264c {
    background-position: -540px -60px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-264d {
    background-position: -540px -80px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-264e {
    background-position: -540px -100px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-264f {
    background-position: -540px -120px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-2650 {
    background-position: -540px -140px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-2651 {
    background-position: -540px -160px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-2652 {
    background-position: -540px -180px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-2653 {
    background-position: -540px -200px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-2660 {
    background-position: -540px -220px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-2663 {
    background-position: -540px -240px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-2665 {
    background-position: -540px -260px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-2666 {
    background-position: -540px -280px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-2668 {
    background-position: -540px -300px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-267b {
    background-position: -540px -320px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-267f {
    background-position: -540px -340px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-2692 {
    background-position: -540px -360px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-2693 {
    background-position: -540px -380px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-2694 {
    background-position: -540px -400px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-2695 {
    background-position: -540px -420px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-2696 {
    background-position: -540px -440px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-2697 {
    background-position: -540px -460px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-2699 {
    background-position: -540px -480px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-269b {
    background-position: -540px -500px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-269c {
    background-position: -540px -520px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-26a0 {
    background-position: -0px -540px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-26a1 {
    background-position: -20px -540px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-26aa {
    background-position: -40px -540px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-26ab {
    background-position: -60px -540px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-26b0 {
    background-position: -80px -540px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-26b1 {
    background-position: -100px -540px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-26bd {
    background-position: -120px -540px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-26be {
    background-position: -140px -540px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-26c4 {
    background-position: -160px -540px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-26c5 {
    background-position: -180px -540px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-26c8 {
    background-position: -200px -540px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-26ce {
    background-position: -220px -540px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-26cf {
    background-position: -240px -540px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-26d1 {
    background-position: -260px -540px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-26d3 {
    background-position: -280px -540px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-26d4 {
    background-position: -300px -540px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-26e9 {
    background-position: -320px -540px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-26ea {
    background-position: -340px -540px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-26f0 {
    background-position: -360px -540px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-26f1 {
    background-position: -380px -540px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-26f2 {
    background-position: -400px -540px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-26f3 {
    background-position: -420px -540px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-26f4 {
    background-position: -440px -540px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-26f5 {
    background-position: -460px -540px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-26f7 {
    background-position: -480px -540px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-26f8 {
    background-position: -500px -540px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-26f9-1f3fb-200d-2640-fe0f {
    background-position: -520px -540px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-26f9-1f3fb-200d-2642-fe0f {
    background-position: -540px -540px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-26f9-1f3fb {
    background-position: -560px -0px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-26f9-1f3fc-200d-2640-fe0f {
    background-position: -560px -20px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-26f9-1f3fc-200d-2642-fe0f {
    background-position: -560px -40px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-26f9-1f3fc {
    background-position: -560px -60px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-26f9-1f3fd-200d-2640-fe0f {
    background-position: -560px -80px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-26f9-1f3fd-200d-2642-fe0f {
    background-position: -560px -100px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-26f9-1f3fd {
    background-position: -560px -120px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-26f9-1f3fe-200d-2640-fe0f {
    background-position: -560px -140px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-26f9-1f3fe-200d-2642-fe0f {
    background-position: -560px -160px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-26f9-1f3fe {
    background-position: -560px -180px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-26f9-1f3ff-200d-2640-fe0f {
    background-position: -560px -200px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-26f9-1f3ff-200d-2642-fe0f {
    background-position: -560px -220px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-26f9-1f3ff {
    background-position: -560px -240px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-26f9-fe0f-200d-2640-fe0f {
    background-position: -560px -260px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-26f9-fe0f-200d-2642-fe0f {
    background-position: -560px -280px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-26f9 {
    background-position: -560px -300px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-26fa {
    background-position: -560px -320px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-26fd {
    background-position: -560px -340px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-2702 {
    background-position: -560px -360px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-2705 {
    background-position: -560px -380px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-2708 {
    background-position: -560px -400px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-2709 {
    background-position: -560px -420px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-270a-1f3fb {
    background-position: -560px -440px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-270a-1f3fc {
    background-position: -560px -460px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-270a-1f3fd {
    background-position: -560px -480px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-270a-1f3fe {
    background-position: -560px -500px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-270a-1f3ff {
    background-position: -560px -520px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-270a {
    background-position: -560px -540px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-270b-1f3fb {
    background-position: -0px -560px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-270b-1f3fc {
    background-position: -20px -560px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-270b-1f3fd {
    background-position: -40px -560px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-270b-1f3fe {
    background-position: -60px -560px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-270b-1f3ff {
    background-position: -80px -560px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-270b {
    background-position: -100px -560px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-270c-1f3fb {
    background-position: -120px -560px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-270c-1f3fc {
    background-position: -140px -560px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-270c-1f3fd {
    background-position: -160px -560px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-270c-1f3fe {
    background-position: -180px -560px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-270c-1f3ff {
    background-position: -200px -560px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-270c {
    background-position: -220px -560px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-270d-1f3fb {
    background-position: -240px -560px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-270d-1f3fc {
    background-position: -260px -560px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-270d-1f3fd {
    background-position: -280px -560px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-270d-1f3fe {
    background-position: -300px -560px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-270d-1f3ff {
    background-position: -320px -560px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-270d {
    background-position: -340px -560px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-270f {
    background-position: -360px -560px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-2712 {
    background-position: -380px -560px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-2714 {
    background-position: -400px -560px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-2716 {
    background-position: -420px -560px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-271d {
    background-position: -440px -560px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-2721 {
    background-position: -460px -560px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-2728 {
    background-position: -480px -560px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-2733 {
    background-position: -500px -560px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-2734 {
    background-position: -520px -560px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-2744 {
    background-position: -540px -560px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-2747 {
    background-position: -560px -560px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-274c {
    background-position: -580px -0px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-274e {
    background-position: -580px -20px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-2753 {
    background-position: -580px -40px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-2754 {
    background-position: -580px -60px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-2755 {
    background-position: -580px -80px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-2757 {
    background-position: -580px -100px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-2763 {
    background-position: -580px -120px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-2764 {
    background-position: -580px -140px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-2795 {
    background-position: -580px -160px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-2796 {
    background-position: -580px -180px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-2797 {
    background-position: -580px -200px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-27a1 {
    background-position: -580px -220px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-27b0 {
    background-position: -580px -240px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-27bf {
    background-position: -580px -260px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-2934 {
    background-position: -580px -280px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-2935 {
    background-position: -580px -300px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-2b05 {
    background-position: -580px -320px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-2b06 {
    background-position: -580px -340px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-2b07 {
    background-position: -580px -360px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-2b1b {
    background-position: -580px -380px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-2b1c {
    background-position: -580px -400px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-2b50 {
    background-position: -580px -420px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-2b55 {
    background-position: -580px -440px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-3030 {
    background-position: -580px -460px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-303d {
    background-position: -580px -480px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-3297 {
    background-position: -580px -500px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .sprite-emoji-3299 {
    background-position: -580px -520px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }

.emoji {
    display: inline-block;
    color: transparent !important;
    line-height: 20px;
    overflow: hidden;
    vertical-align: middle;
}
/* jquery.Jcrop.css v0.9.12 - MIT License */
/*
  The outer-most container in a typical Jcrop instance
  If you are having difficulty with formatting related to styles
  on a parent element, place any fixes here or in a like selector

  You can also style this element if you want to add a border, etc
  A better method for styling can be seen below with .jcrop-light
  (Add a class to the holder and style elements for that extended class)
*/
.jcrop-holder {
  direction: ltr;
  text-align: left;
  /* IE10 touch compatibility */
  -ms-touch-action: none;
}
/* Selection Border */
.jcrop-vline,
.jcrop-hline {
  background: #ffffff url(data:image/gif;base64,R0lGODlhCAAIAJEAAKqqqv///wAAAAAAACH/C05FVFNDQVBFMi4wAwEAAAAh+QQJCgAAACwAAAAACAAIAAACDZQFCadrzVRMB9FZ5SwAIfkECQoAAAAsAAAAAAgACAAAAg+ELqCYaudeW9ChyOyltQAAIfkECQoAAAAsAAAAAAgACAAAAg8EhGKXm+rQYtC0WGl9oAAAIfkECQoAAAAsAAAAAAgACAAAAg+EhWKQernaYmjCWLF7qAAAIfkECQoAAAAsAAAAAAgACAAAAg2EISmna81UTAfRWeUsACH5BAkKAAAALAAAAAAIAAgAAAIPFA6imGrnXlvQocjspbUAACH5BAkKAAAALAAAAAAIAAgAAAIPlIBgl5vq0GLQtFhpfaIAACH5BAUKAAAALAAAAAAIAAgAAAIPlIFgknq52mJowlixe6gAADs=);
  font-size: 0;
  position: absolute;
}
.jcrop-vline {
  height: 100%;
  width: 1px !important;
}
.jcrop-vline.right {
  right: 0;
}
.jcrop-hline {
  height: 1px !important;
  width: 100%;
}
.jcrop-hline.bottom {
  bottom: 0;
}
/* Invisible click targets */
.jcrop-tracker {
  height: 100%;
  width: 100%;
  /* "turn off" link highlight */
  -webkit-tap-highlight-color: transparent;
  /* disable callout, image save panel */
  -webkit-touch-callout: none;
  /* disable cut copy paste */
  -webkit-user-select: none;
}
/* Selection Handles */
.jcrop-handle {
  background-color: #333333;
  border: 1px #eeeeee solid;
  width: 7px;
  height: 7px;
  font-size: 1px;
}
.jcrop-handle.ord-n {
  left: 50%;
  margin-left: -4px;
  margin-top: -4px;
  top: 0;
}
.jcrop-handle.ord-s {
  bottom: 0;
  left: 50%;
  margin-bottom: -4px;
  margin-left: -4px;
}
.jcrop-handle.ord-e {
  margin-right: -4px;
  margin-top: -4px;
  right: 0;
  top: 50%;
}
.jcrop-handle.ord-w {
  left: 0;
  margin-left: -4px;
  margin-top: -4px;
  top: 50%;
}
.jcrop-handle.ord-nw {
  left: 0;
  margin-left: -4px;
  margin-top: -4px;
  top: 0;
}
.jcrop-handle.ord-ne {
  margin-right: -4px;
  margin-top: -4px;
  right: 0;
  top: 0;
}
.jcrop-handle.ord-se {
  bottom: 0;
  margin-bottom: -4px;
  margin-right: -4px;
  right: 0;
}
.jcrop-handle.ord-sw {
  bottom: 0;
  left: 0;
  margin-bottom: -4px;
  margin-left: -4px;
}
/* Dragbars */
.jcrop-dragbar.ord-n,
.jcrop-dragbar.ord-s {
  height: 7px;
  width: 100%;
}
.jcrop-dragbar.ord-e,
.jcrop-dragbar.ord-w {
  height: 100%;
  width: 7px;
}
.jcrop-dragbar.ord-n {
  margin-top: -4px;
}
.jcrop-dragbar.ord-s {
  bottom: 0;
  margin-bottom: -4px;
}
.jcrop-dragbar.ord-e {
  margin-right: -4px;
  right: 0;
}
.jcrop-dragbar.ord-w {
  margin-left: -4px;
}
/* The "jcrop-light" class/extension */
.jcrop-light .jcrop-vline,
.jcrop-light .jcrop-hline {
  background: #ffffff;
  filter: alpha(opacity=70) !important;
  opacity: .70!important;
}
.jcrop-light .jcrop-handle {
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  background-color: #000000;
  border-color: #ffffff;
  border-radius: 3px;
}
/* The "jcrop-dark" class/extension */
.jcrop-dark .jcrop-vline,
.jcrop-dark .jcrop-hline {
  background: #000000;
  filter: alpha(opacity=70) !important;
  opacity: 0.7 !important;
}
.jcrop-dark .jcrop-handle {
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  background-color: #ffffff;
  border-color: #000000;
  border-radius: 3px;
}
/* Simple macro to turn off the antlines */
.solid-line .jcrop-vline,
.solid-line .jcrop-hline {
  background: #ffffff;
}
/* Fix for twitter bootstrap et al. */
.jcrop-holder img,
img.jcrop-preview {
  max-width: none;
}

.introjs-overlay {
  position: absolute;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  z-index: 999999;
  background-color: #000;
  opacity: 0;
  background: -webkit-gradient(radial,center center,0px,center center,100%,color-stop(0%,rgba(0,0,0,0.4)),color-stop(100%,rgba(0,0,0,0.9)));
  background: -webkit-radial-gradient(center,ellipse farthest-corner,rgba(0,0,0,0.4) 0,rgba(0,0,0,0.9) 100%);
  background: -o-radial-gradient(center,ellipse farthest-corner,rgba(0,0,0,0.4) 0,rgba(0,0,0,0.9) 100%);
  background: radial-gradient(center,ellipse farthest-corner,rgba(0,0,0,0.4) 0,rgba(0,0,0,0.9) 100%);
  filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#66000000',endColorstr='#e6000000',GradientType=1)";
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  filter: alpha(opacity=50);
  -webkit-transition: all 0.3s ease-out;
       -o-transition: all 0.3s ease-out;
          transition: all 0.3s ease-out;
}

.introjs-fixParent {
  z-index: auto !important;
  opacity: 1.0 !important;
  -webkit-transform: none !important;
      -ms-transform: none !important;
          transform: none !important;
}

.introjs-showElement,
tr.introjs-showElement > td,
tr.introjs-showElement > th {
  z-index: 9999999 !important;
}

.introjs-disableInteraction {
  z-index: 99999999 !important;
  position: absolute;
  background-color: white;
  opacity: 0;
  filter: alpha(opacity=0);
}

.introjs-relativePosition,
tr.introjs-showElement > td,
tr.introjs-showElement > th {
  position: relative;
}

.introjs-helperLayer {
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  position: absolute;
  z-index: 9999998;
  background-color: #FFF;
  background-color: rgba(255,255,255,.9);
  border: 1px solid #777;
  border: 1px solid rgba(0,0,0,.5);
  border-radius: 4px;
  -webkit-box-shadow: 0 2px 15px rgba(0,0,0,.4);
          box-shadow: 0 2px 15px rgba(0,0,0,.4);
  -webkit-transition: all 0.3s ease-out;
       -o-transition: all 0.3s ease-out;
          transition: all 0.3s ease-out;
}

.introjs-tooltipReferenceLayer {
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  position: absolute;
  visibility: hidden;
  z-index: 100000000;
  background-color: transparent;
  -webkit-transition: all 0.3s ease-out;
       -o-transition: all 0.3s ease-out;
          transition: all 0.3s ease-out;
}

.introjs-helperLayer *,
.introjs-helperLayer *:before,
.introjs-helperLayer *:after {
  -webkit-box-sizing: content-box;
      -ms-box-sizing: content-box;
       -o-box-sizing: content-box;
          box-sizing: content-box;
}

.introjs-helperNumberLayer {
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  position: absolute;
  visibility: visible;
  top: -16px;
  left: -16px;
  z-index: 9999999999 !important;
  padding: 2px;
  font-family: Arial, verdana, tahoma;
  font-size: 13px;
  font-weight: bold;
  color: white;
  text-align: center;
  text-shadow: 1px 1px 1px rgba(0,0,0,.3);
  background: #ff3019; /* Old browsers */
  background: -webkit-linear-gradient(top, #ff3019 0%, #cf0404 100%); /* Chrome10+,Safari5.1+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ff3019), color-stop(100%, #cf0404)); /* Chrome,Safari4+ */ /* FF3.6+ */ /* IE10+ */
  background:      -o-linear-gradient(top, #ff3019 0%, #cf0404 100%); /* Opera 11.10+ */
  background:         -webkit-gradient(linear, left top, left bottom, from(#ff3019), to(#cf0404));
  background:         linear-gradient(to bottom, #ff3019 0%, #cf0404 100%);  /* W3C */
  width: 20px;
  height:20px;
  line-height: 20px;
  border: 3px solid white;
  border-radius: 50%;
  filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff3019', endColorstr='#cf0404', GradientType=0)"; /* IE6-9 */
  filter: "progid:DXImageTransform.Microsoft.Shadow(direction=135, strength=2, color=ff0000)"; /* IE10 text shadows */
  -webkit-box-shadow: 0 2px 5px rgba(0,0,0,.4);
          box-shadow: 0 2px 5px rgba(0,0,0,.4);
}

.introjs-arrow {
  border: 5px solid transparent;
  content:'';
  position: absolute;
}
.introjs-arrow.top {
  top: -10px;
  border-bottom-color:white;
}
.introjs-arrow.top-right {
  top: -10px;
  right: 10px;
  border-bottom-color:white;
}
.introjs-arrow.top-middle {
  top: -10px;
  left: 50%;
  margin-left: -5px;
  border-bottom-color:white;
}
.introjs-arrow.right {
  right: -10px;
  top: 10px;
  border-left-color:white;
}
.introjs-arrow.right-bottom {
  bottom:10px;
  right: -10px;
  border-left-color:white;
}
.introjs-arrow.bottom {
  bottom: -10px;
  border-top-color:white;
}
.introjs-arrow.bottom-right {
  bottom: -10px;
  right: 10px;
  border-top-color:white;
}
.introjs-arrow.bottom-middle {
  bottom: -10px;
  left: 50%;
  margin-left: -5px;
  border-top-color:white;
}
.introjs-arrow.left {
  left: -10px;
  top: 10px;
  border-right-color:white;
}
.introjs-arrow.left-bottom {
  left: -10px;
  bottom:10px;
  border-right-color:white;
}

.introjs-tooltip {
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  position: absolute;
  visibility: visible;
  padding: 10px;
  background-color: white;
  min-width: 200px;
  max-width: 300px;
  border-radius: 3px;
  -webkit-box-shadow: 0 1px 10px rgba(0,0,0,.4);
          box-shadow: 0 1px 10px rgba(0,0,0,.4);
  -webkit-transition: opacity 0.1s ease-out;
       -o-transition: opacity 0.1s ease-out;
          transition: opacity 0.1s ease-out;
}

.introjs-tooltipbuttons {
  text-align: right;
  white-space: nowrap;
}

/*
 Buttons style by http://nicolasgallagher.com/lab/css3-github-buttons/
 Changed by Afshin Mehrabani
*/
.introjs-button {
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  position: relative;
  overflow: visible;
  display: inline-block;
  padding: 0.3em 0.8em;
  border: 1px solid #d4d4d4;
  margin: 0;
  text-decoration: none;
  text-shadow: 1px 1px 0 #fff;
  font: 11px/normal sans-serif;
  color: #333;
  white-space: nowrap;
  cursor: pointer;
  outline: none;
  background-color: #ececec;
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f4f4f4), to(#ececec));
  background-image: -o-linear-gradient(#f4f4f4, #ececec);
  background-image: -webkit-gradient(linear, left top, left bottom, from(#f4f4f4), to(#ececec));
  background-image: -webkit-linear-gradient(#f4f4f4, #ececec);
  background-image: linear-gradient(#f4f4f4, #ececec);
  -webkit-background-clip: padding;
  -moz-background-clip: padding;
  -o-background-clip: padding-box;
  /*background-clip: padding-box;*/ /* commented out due to Opera 11.10 bug */
  border-radius: 0.2em;
  /* IE hacks */
  zoom: 1;
  *display: inline;
  margin-top: 10px;
}

.introjs-button:hover {
  border-color: #bcbcbc;
  text-decoration: none;
  -webkit-box-shadow: 0px 1px 1px #e3e3e3;
          box-shadow: 0px 1px 1px #e3e3e3;
}

.introjs-button:focus,
.introjs-button:active {
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ececec), to(#f4f4f4));
  background-image: -o-linear-gradient(#ececec, #f4f4f4);
  background-image: -webkit-gradient(linear, left top, left bottom, from(#ececec), to(#f4f4f4));
  background-image: -webkit-linear-gradient(#ececec, #f4f4f4);
  background-image: linear-gradient(#ececec, #f4f4f4);
}

/* overrides extra padding on button elements in Firefox */
.introjs-button::-moz-focus-inner {
  padding: 0;
  border: 0;
}

.introjs-skipbutton {
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  margin-right: 5px;
  color: #7a7a7a;
}

.introjs-prevbutton {
  border-radius: 0.2em 0 0 0.2em;
  border-right: none;
}

.introjs-prevbutton.introjs-fullbutton {
  border: 1px solid #d4d4d4;
  border-radius: 0.2em;
}

.introjs-nextbutton {
  border-radius: 0 0.2em 0.2em 0;
}

.introjs-nextbutton.introjs-fullbutton {
  border-radius: 0.2em;
}

.introjs-disabled, .introjs-disabled:hover, .introjs-disabled:focus {
  color: #9a9a9a;
  border-color: #d4d4d4;
  -webkit-box-shadow: none;
          box-shadow: none;
  cursor: default;
  background-color: #f4f4f4;
  background-image: none;
  text-decoration: none;
}

.introjs-hidden {
     display: none;
}

.introjs-bullets {
  text-align: center;
}
.introjs-bullets ul {
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  clear: both;
  margin: 15px auto 0;
  padding: 0;
  display: inline-block;
}
.introjs-bullets ul li {
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  list-style: none;
  float: left;
  margin: 0 2px;
}
.introjs-bullets ul li a {
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  display: block;
  width: 6px;
  height: 6px;
  background: #ccc;
  border-radius: 10px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  text-decoration: none;
  cursor: pointer;
}
.introjs-bullets ul li a:hover {
  background: #999;
}
.introjs-bullets ul li a.active {
  background: #999;
}

.introjs-progress {
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  overflow: hidden;
  height: 10px;
  margin: 10px 0 5px 0;
  border-radius: 4px;
  background-color: #ecf0f1
}
.introjs-progressbar {
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  float: left;
  width: 0%;
  height: 100%;
  font-size: 10px;
  line-height: 10px;
  text-align: center;
  background-color: #08c;
}

.introjsFloatingElement {
  position: absolute;
  height: 0;
  width: 0;
  left: 50%;
  top: 50%;
}

.introjs-fixedTooltip {
  position: fixed;
}

.introjs-hint {
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  position: absolute;
  background: transparent;
  width: 20px;
  height: 15px;
  cursor: pointer;
}
.introjs-hint:focus {
    border: 0;
    outline: 0;
}
.introjs-hidehint {
  display: none;
}

.introjs-fixedhint {
  position: fixed;
}

.introjs-hint:hover > .introjs-hint-pulse {
  border: 5px solid rgba(60, 60, 60, 0.57);
}

.introjs-hint-pulse {
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  width: 10px;
  height: 10px;
  border: 5px solid rgba(60, 60, 60, 0.27);
  border-radius: 30px;
  background-color: rgba(136, 136, 136, 0.24);
  z-index: 10;
  position: absolute;
  -webkit-transition: all 0.2s ease-out;
       -o-transition: all 0.2s ease-out;
          transition: all 0.2s ease-out;
}
.introjs-hint-no-anim .introjs-hint-dot {
  -webkit-animation: none;
  animation: none;
}
.introjs-hint-dot {
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  border: 10px solid rgba(146, 146, 146, 0.36);
  background: transparent;
  border-radius: 60px;
  height: 50px;
  width: 50px;
  -webkit-animation: introjspulse 3s ease-out;
  animation: introjspulse 3s ease-out;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  position: absolute;
  top: -25px;
  left: -25px;
  z-index: 1;
  opacity: 0;
}

@-webkit-keyframes introjspulse {
    0% {
        -webkit-transform: scale(0);
        opacity: 0.0;
    }
    25% {
        -webkit-transform: scale(0);
        opacity: 0.1;
    }
    50% {
        -webkit-transform: scale(0.1);
        opacity: 0.3;
    }
    75% {
        -webkit-transform: scale(0.5);
        opacity: 0.5;
    }
    100% {
        -webkit-transform: scale(1);
        opacity: 0.0;
    }
}

@keyframes introjspulse {
    0% {
        -webkit-transform: scale(0);
                transform: scale(0);
        opacity: 0.0;
    }
    25% {
        -webkit-transform: scale(0);
                transform: scale(0);
        opacity: 0.1;
    }
    50% {
        -webkit-transform: scale(0.1);
                transform: scale(0.1);
        opacity: 0.3;
    }
    75% {
        -webkit-transform: scale(0.5);
                transform: scale(0.5);
        opacity: 0.5;
    }
    100% {
        -webkit-transform: scale(1);
                transform: scale(1);
        opacity: 0.0;
    }
}

@charset "UTF-8";
/*!
 * jQuery contextMenu - Plugin for simple contextMenu handling
 *
 * Version: v2.6.3
 *
 * Authors: Björn Brala (SWIS.nl), Rodney Rehm, Addy Osmani (patches for FF)
 * Web: http://swisnl.github.io/jQuery-contextMenu/
 *
 * Copyright (c) 2011-2017 SWIS BV and contributors
 *
 * Licensed under
 *   MIT License http://www.opensource.org/licenses/mit-license
 *
 * Date: 2017-10-30T19:03:13.936Z
 */
@-webkit-keyframes cm-spin {
  0% {
    -webkit-transform: translateY(-50%) rotate(0deg);
            transform: translateY(-50%) rotate(0deg);
  }
  100% {
    -webkit-transform: translateY(-50%) rotate(359deg);
            transform: translateY(-50%) rotate(359deg);
  }
}
@keyframes cm-spin {
  0% {
    -webkit-transform: translateY(-50%) rotate(0deg);
            transform: translateY(-50%) rotate(0deg);
  }
  100% {
    -webkit-transform: translateY(-50%) rotate(359deg);
            transform: translateY(-50%) rotate(359deg);
  }
}

@font-face {
  font-family: "context-menu-icons";
  font-style: normal; 
  font-weight: normal;

  src: url(data:application/vnd.ms-fontobject;base64,yA0AAPgMAAABAAIAAAAAAAIABQMAAAAAAAABAJABAAAAAExQAAAAAAAAAAAAAAAAAAAAAAEAAAAAAAAAMDO2/gAAAAAAAAAAAAAAAAAAAAAAACQAYwBvAG4AdABlAHgAdAAtAG0AZQBuAHUALQBpAGMAbwBuAHMAAAAOAFIAZQBnAHUAbABhAHIAAAAWAFYAZQByAHMAaQBvAG4AIAAxAC4AMAAAACQAYwBvAG4AdABlAHgAdAAtAG0AZQBuAHUALQBpAGMAbwBuAHMAAAAAAAABAAAACwCAAAMAMEdTVUIgiyV6AAABOAAAAFRPUy8yQG9P2AAAAYwAAABWY21hcIsI7vIAAAIIAAAB0mdseWap/oa/AAAD8AAABhRoZWFkD1WUYwAAAOAAAAA2aGhlYQe/A8gAAAC8AAAAJGhtdHggAP/6AAAB5AAAACRsb2NhBp4H6AAAA9wAAAAUbWF4cAEaAI4AAAEYAAAAIG5hbWWhQ3MWAAAKBAAAAo5wb3N0ObP5owAADJQAAABjAAEAAAPA/8AAAAQA//r//gQCAAEAAAAAAAAAAAAAAAAAAAAJAAEAAAABAAD+tjMwXw889QALBAAAAAAA1h0n8wAAAADWHSfz//r/wAQCA8AAAAAIAAIAAAAAAAAAAQAAAAkAggAHAAAAAAACAAAACgAKAAAA/wAAAAAAAAABAAAACgAwAD4AAkRGTFQADmxhdG4AGgAEAAAAAAAAAAEAAAAEAAAAAAAAAAEAAAABbGlnYQAIAAAAAQAAAAEABAAEAAAAAQAIAAEABgAAAAEAAAABA44BkAAFAAAEcQLMAAAAjwRxAswAAAHrADIBCAAAAgAFAwAAAAAAAAAAAAAAAAAAAAAAAAAAAABQZkVkAEDqAeoIA8D/wABcA8AAQAAAAAEAAAAAAAAAAAAABAAAAAQAAAAEAP/6BAAAAAQAAAAEAAAABAAAAAQAAAAAAAAFAAAAAwAAACwAAAAEAAABYgABAAAAAABcAAMAAQAAACwAAwAKAAABYgAEADAAAAAEAAQAAQAA6gj//wAA6gH//wAAAAEABAAAAAEAAgADAAQABQAGAAcACAAAAQYAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAADAAAAAAAcAAAAAAAAAAIAADqAQAA6gEAAAABAADqAgAA6gIAAAACAADqAwAA6gMAAAADAADqBAAA6gQAAAAEAADqBQAA6gUAAAAFAADqBgAA6gYAAAAGAADqBwAA6gcAAAAHAADqCAAA6ggAAAAIAAAAAAAAADIAjAFWAdYCSAJ8As4DCgABAAAAAAOTA3cAIwAAARUUBisBFRQGKwEiJj0BIyImPQE0NjsBNTQ2OwEyFh0BMzIWA5IgF+0gF24XIO0XICAX7SAXbhcg7RcgAhttFyDuFyAgF+4gF20XIO4XICAX7iAAAAAABQAA/8AEAAPAAB8AIgAlADMAPAAAATIWFREUBiMhIiY9ASEiJjURNDY/AT4BOwEyFh0BNjMPATMBBzMXNzUjFRQGKwERITU0NgERIxUUBisBEQPJFyAgF/3cFyD+yRcgFxDpEDcX7RcgJyJJq6v+k6urcLTbIBfuASUXAjLcIBbuAuUgF/1JFyAgF6QgFwGAFzcQ6RAXIBe7F3qrAYarxrTu7hcg/pOSFzf+RAKS7Rcg/pIAB//6AAAEAgMuAAgASwBZAGcAcgB7AIEAAAEyFhQGIiY0NhcFFgYPAQYiJyUHBgcWBw4BBwYjIicmNz4BNzYzMhc2PwEnJicGIyInLgEnJjY3NjMyFx4BFxYHMh8BJTYyHwEeAQcFNiYnJiMiBwYWFxYzMgM+AScmIyIHDgEXFjMyExc1ND8BJwcGDwEfAQEnBRUHHwEFNyUHBgcCJQ4WFh0WFroBIhAFEUkIEgj+dT8EAggDBDgvTFJOMTQHBDguTFMwJwUHRkYHBScwU0wuOAQDFxkwT1JMLzgEAwgCBD8BiwgSCEkRBRD9WRocLzQ5KxYaHC80OSsbLxwaFis5NC8cGhYrOZo3EwgtFQQDBHs3AaRJ/klbCRwB7Un+12UBBgHAFh0WFh0WJeMLKQklBAXdJgIBHBssUR4wLTBGK1IeMBIIBSkqBQgSMB5RLCI9Fy0wHlEsHBwCJt0FBCUJKQtPGEseIRQYTB0i/msdTBgUIR1MGBQBgCIHFAwEGxUFAgOFEwFJJfZBNwgctyTqTwICAAAFAAAAAAOTA3cADwAfAC8ANwBbAAAlETQmKwEiBhURFBY7ATI2NxE0JisBIgYVERQWOwEyNjcRNCYrASIGFREUFjsBMjYBIScmJyMGBwUVFAYrAREUBiMhIiY1ESMiJj0BNDY7ATc+ATsBMhYfATMyFgGSCgglCAoKCCUICpMLCCQICwsIJAgLkgoIJQgKCgglCAr+yQEAGwQGtQYEAfYKCDc2Jf4kJTY3CAoKCLEoCC0XthctCCixCAquAZIICgoI/m4ICwsIAZIICgoI/m4ICwsIAZIICgoI/m4ICwsCP0IGAQEGVSQIC/3jMEVDLwIgCwgkCAtfFR4eFV8LAAAABQAAAAAD/AN3AAYADwA5AD4ASAAAATcnBxUzFQEmDwEGFj8BNhMVFAYjISImNRE0NjMhMhceAQ8BBicmIyEiBhURFBYzITI2PQE0PwE2FgMXASM1AQcnNzYyHwEWFAH7Q1dCNgEcCQrIChMJyAolYUT+JURhYUQB2yQfCAQHHAgKDQ3+JSY2NiYB2yY1BiQJFzek/oCkAn00pTUQLhBWEAEbQ1dDIDcBnAkKyAkTCsgK/rVsRGFhRAHbRGEOBBMHHAgDBDYm/iUmNjYmSAcFJQkKAZqk/oCkATU1pTQQEFcQLQAAAQAA/9ID7gOpACEAAAEUDgIiLgI1ND4BNxUOARUUHgIyPgI1NCYnNR4CA+5PhLbKtoRPb8B2fqc7YYiUiGE7p352wG8BwGW2hE9PhLZletSJEoMZyoNKiGE7O2GISoPKGYMSidQAAAAEAAD/wAQAA8AACAAYABsANwAAJSERIyImPQEjNzU0JiMhIgYdARQWMyEyNhMzJwURFAYjISImPQEhIiY1ETQ2MyEyFh0BFh8BHgEBtwIA7hcg25ILB/5uCAsLCAGSBwuSq6sBJSAX/dwXIP7JFyAgFwJuFiAMCekQFwkBbiAX7aUlBwsLByUHCwv+h6v0/oAXICAXWyAXAwAXICAXuwgI6RA3AAEAAAAAA1QC7wAkAAAlFA8BBiIvAQcGIi8BJjQ/AScmND8BNjIfATc2Mh8BFhQPARcWA1MQTRAuEKioEC4QTRAQqKgQEE0QLhCoqBAuEE0QEKioEM0XEE4QEKioEBBOEC0QqKgQLhBOEBCoqBAQThAuEKioEAAAAAAAEADGAAEAAAAAAAEAEgAAAAEAAAAAAAIABwASAAEAAAAAAAMAEgAZAAEAAAAAAAQAEgArAAEAAAAAAAUACwA9AAEAAAAAAAYAEgBIAAEAAAAAAAoAKwBaAAEAAAAAAAsAEwCFAAMAAQQJAAEAJACYAAMAAQQJAAIADgC8AAMAAQQJAAMAJADKAAMAAQQJAAQAJADuAAMAAQQJAAUAFgESAAMAAQQJAAYAJAEoAAMAAQQJAAoAVgFMAAMAAQQJAAsAJgGiY29udGV4dC1tZW51LWljb25zUmVndWxhcmNvbnRleHQtbWVudS1pY29uc2NvbnRleHQtbWVudS1pY29uc1ZlcnNpb24gMS4wY29udGV4dC1tZW51LWljb25zR2VuZXJhdGVkIGJ5IHN2ZzJ0dGYgZnJvbSBGb250ZWxsbyBwcm9qZWN0Lmh0dHA6Ly9mb250ZWxsby5jb20AYwBvAG4AdABlAHgAdAAtAG0AZQBuAHUALQBpAGMAbwBuAHMAUgBlAGcAdQBsAGEAcgBjAG8AbgB0AGUAeAB0AC0AbQBlAG4AdQAtAGkAYwBvAG4AcwBjAG8AbgB0AGUAeAB0AC0AbQBlAG4AdQAtAGkAYwBvAG4AcwBWAGUAcgBzAGkAbwBuACAAMQAuADAAYwBvAG4AdABlAHgAdAAtAG0AZQBuAHUALQBpAGMAbwBuAHMARwBlAG4AZQByAGEAdABlAGQAIABiAHkAIABzAHYAZwAyAHQAdABmACAAZgByAG8AbQAgAEYAbwBuAHQAZQBsAGwAbwAgAHAAcgBvAGoAZQBjAHQALgBoAHQAdABwADoALwAvAGYAbwBuAHQAZQBsAGwAbwAuAGMAbwBtAAAAAgAAAAAAAAAKAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAJAQIBAwEEAQUBBgEHAQgBCQEKAANhZGQEY29weQNjdXQGZGVsZXRlBGVkaXQHbG9hZGluZwVwYXN0ZQRxdWl0AAAA);
  src: url(data:application/vnd.ms-fontobject;base64,yA0AAPgMAAABAAIAAAAAAAIABQMAAAAAAAABAJABAAAAAExQAAAAAAAAAAAAAAAAAAAAAAEAAAAAAAAAMDO2/gAAAAAAAAAAAAAAAAAAAAAAACQAYwBvAG4AdABlAHgAdAAtAG0AZQBuAHUALQBpAGMAbwBuAHMAAAAOAFIAZQBnAHUAbABhAHIAAAAWAFYAZQByAHMAaQBvAG4AIAAxAC4AMAAAACQAYwBvAG4AdABlAHgAdAAtAG0AZQBuAHUALQBpAGMAbwBuAHMAAAAAAAABAAAACwCAAAMAMEdTVUIgiyV6AAABOAAAAFRPUy8yQG9P2AAAAYwAAABWY21hcIsI7vIAAAIIAAAB0mdseWap/oa/AAAD8AAABhRoZWFkD1WUYwAAAOAAAAA2aGhlYQe/A8gAAAC8AAAAJGhtdHggAP/6AAAB5AAAACRsb2NhBp4H6AAAA9wAAAAUbWF4cAEaAI4AAAEYAAAAIG5hbWWhQ3MWAAAKBAAAAo5wb3N0ObP5owAADJQAAABjAAEAAAPA/8AAAAQA//r//gQCAAEAAAAAAAAAAAAAAAAAAAAJAAEAAAABAAD+tjMwXw889QALBAAAAAAA1h0n8wAAAADWHSfz//r/wAQCA8AAAAAIAAIAAAAAAAAAAQAAAAkAggAHAAAAAAACAAAACgAKAAAA/wAAAAAAAAABAAAACgAwAD4AAkRGTFQADmxhdG4AGgAEAAAAAAAAAAEAAAAEAAAAAAAAAAEAAAABbGlnYQAIAAAAAQAAAAEABAAEAAAAAQAIAAEABgAAAAEAAAABA44BkAAFAAAEcQLMAAAAjwRxAswAAAHrADIBCAAAAgAFAwAAAAAAAAAAAAAAAAAAAAAAAAAAAABQZkVkAEDqAeoIA8D/wABcA8AAQAAAAAEAAAAAAAAAAAAABAAAAAQAAAAEAP/6BAAAAAQAAAAEAAAABAAAAAQAAAAAAAAFAAAAAwAAACwAAAAEAAABYgABAAAAAABcAAMAAQAAACwAAwAKAAABYgAEADAAAAAEAAQAAQAA6gj//wAA6gH//wAAAAEABAAAAAEAAgADAAQABQAGAAcACAAAAQYAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAADAAAAAAAcAAAAAAAAAAIAADqAQAA6gEAAAABAADqAgAA6gIAAAACAADqAwAA6gMAAAADAADqBAAA6gQAAAAEAADqBQAA6gUAAAAFAADqBgAA6gYAAAAGAADqBwAA6gcAAAAHAADqCAAA6ggAAAAIAAAAAAAAADIAjAFWAdYCSAJ8As4DCgABAAAAAAOTA3cAIwAAARUUBisBFRQGKwEiJj0BIyImPQE0NjsBNTQ2OwEyFh0BMzIWA5IgF+0gF24XIO0XICAX7SAXbhcg7RcgAhttFyDuFyAgF+4gF20XIO4XICAX7iAAAAAABQAA/8AEAAPAAB8AIgAlADMAPAAAATIWFREUBiMhIiY9ASEiJjURNDY/AT4BOwEyFh0BNjMPATMBBzMXNzUjFRQGKwERITU0NgERIxUUBisBEQPJFyAgF/3cFyD+yRcgFxDpEDcX7RcgJyJJq6v+k6urcLTbIBfuASUXAjLcIBbuAuUgF/1JFyAgF6QgFwGAFzcQ6RAXIBe7F3qrAYarxrTu7hcg/pOSFzf+RAKS7Rcg/pIAB//6AAAEAgMuAAgASwBZAGcAcgB7AIEAAAEyFhQGIiY0NhcFFgYPAQYiJyUHBgcWBw4BBwYjIicmNz4BNzYzMhc2PwEnJicGIyInLgEnJjY3NjMyFx4BFxYHMh8BJTYyHwEeAQcFNiYnJiMiBwYWFxYzMgM+AScmIyIHDgEXFjMyExc1ND8BJwcGDwEfAQEnBRUHHwEFNyUHBgcCJQ4WFh0WFroBIhAFEUkIEgj+dT8EAggDBDgvTFJOMTQHBDguTFMwJwUHRkYHBScwU0wuOAQDFxkwT1JMLzgEAwgCBD8BiwgSCEkRBRD9WRocLzQ5KxYaHC80OSsbLxwaFis5NC8cGhYrOZo3EwgtFQQDBHs3AaRJ/klbCRwB7Un+12UBBgHAFh0WFh0WJeMLKQklBAXdJgIBHBssUR4wLTBGK1IeMBIIBSkqBQgSMB5RLCI9Fy0wHlEsHBwCJt0FBCUJKQtPGEseIRQYTB0i/msdTBgUIR1MGBQBgCIHFAwEGxUFAgOFEwFJJfZBNwgctyTqTwICAAAFAAAAAAOTA3cADwAfAC8ANwBbAAAlETQmKwEiBhURFBY7ATI2NxE0JisBIgYVERQWOwEyNjcRNCYrASIGFREUFjsBMjYBIScmJyMGBwUVFAYrAREUBiMhIiY1ESMiJj0BNDY7ATc+ATsBMhYfATMyFgGSCgglCAoKCCUICpMLCCQICwsIJAgLkgoIJQgKCgglCAr+yQEAGwQGtQYEAfYKCDc2Jf4kJTY3CAoKCLEoCC0XthctCCixCAquAZIICgoI/m4ICwsIAZIICgoI/m4ICwsIAZIICgoI/m4ICwsCP0IGAQEGVSQIC/3jMEVDLwIgCwgkCAtfFR4eFV8LAAAABQAAAAAD/AN3AAYADwA5AD4ASAAAATcnBxUzFQEmDwEGFj8BNhMVFAYjISImNRE0NjMhMhceAQ8BBicmIyEiBhURFBYzITI2PQE0PwE2FgMXASM1AQcnNzYyHwEWFAH7Q1dCNgEcCQrIChMJyAolYUT+JURhYUQB2yQfCAQHHAgKDQ3+JSY2NiYB2yY1BiQJFzek/oCkAn00pTUQLhBWEAEbQ1dDIDcBnAkKyAkTCsgK/rVsRGFhRAHbRGEOBBMHHAgDBDYm/iUmNjYmSAcFJQkKAZqk/oCkATU1pTQQEFcQLQAAAQAA/9ID7gOpACEAAAEUDgIiLgI1ND4BNxUOARUUHgIyPgI1NCYnNR4CA+5PhLbKtoRPb8B2fqc7YYiUiGE7p352wG8BwGW2hE9PhLZletSJEoMZyoNKiGE7O2GISoPKGYMSidQAAAAEAAD/wAQAA8AACAAYABsANwAAJSERIyImPQEjNzU0JiMhIgYdARQWMyEyNhMzJwURFAYjISImPQEhIiY1ETQ2MyEyFh0BFh8BHgEBtwIA7hcg25ILB/5uCAsLCAGSBwuSq6sBJSAX/dwXIP7JFyAgFwJuFiAMCekQFwkBbiAX7aUlBwsLByUHCwv+h6v0/oAXICAXWyAXAwAXICAXuwgI6RA3AAEAAAAAA1QC7wAkAAAlFA8BBiIvAQcGIi8BJjQ/AScmND8BNjIfATc2Mh8BFhQPARcWA1MQTRAuEKioEC4QTRAQqKgQEE0QLhCoqBAuEE0QEKioEM0XEE4QEKioEBBOEC0QqKgQLhBOEBCoqBAQThAuEKioEAAAAAAAEADGAAEAAAAAAAEAEgAAAAEAAAAAAAIABwASAAEAAAAAAAMAEgAZAAEAAAAAAAQAEgArAAEAAAAAAAUACwA9AAEAAAAAAAYAEgBIAAEAAAAAAAoAKwBaAAEAAAAAAAsAEwCFAAMAAQQJAAEAJACYAAMAAQQJAAIADgC8AAMAAQQJAAMAJADKAAMAAQQJAAQAJADuAAMAAQQJAAUAFgESAAMAAQQJAAYAJAEoAAMAAQQJAAoAVgFMAAMAAQQJAAsAJgGiY29udGV4dC1tZW51LWljb25zUmVndWxhcmNvbnRleHQtbWVudS1pY29uc2NvbnRleHQtbWVudS1pY29uc1ZlcnNpb24gMS4wY29udGV4dC1tZW51LWljb25zR2VuZXJhdGVkIGJ5IHN2ZzJ0dGYgZnJvbSBGb250ZWxsbyBwcm9qZWN0Lmh0dHA6Ly9mb250ZWxsby5jb20AYwBvAG4AdABlAHgAdAAtAG0AZQBuAHUALQBpAGMAbwBuAHMAUgBlAGcAdQBsAGEAcgBjAG8AbgB0AGUAeAB0AC0AbQBlAG4AdQAtAGkAYwBvAG4AcwBjAG8AbgB0AGUAeAB0AC0AbQBlAG4AdQAtAGkAYwBvAG4AcwBWAGUAcgBzAGkAbwBuACAAMQAuADAAYwBvAG4AdABlAHgAdAAtAG0AZQBuAHUALQBpAGMAbwBuAHMARwBlAG4AZQByAGEAdABlAGQAIABiAHkAIABzAHYAZwAyAHQAdABmACAAZgByAG8AbQAgAEYAbwBuAHQAZQBsAGwAbwAgAHAAcgBvAGoAZQBjAHQALgBoAHQAdABwADoALwAvAGYAbwBuAHQAZQBsAGwAbwAuAGMAbwBtAAAAAgAAAAAAAAAKAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAJAQIBAwEEAQUBBgEHAQgBCQEKAANhZGQEY29weQNjdXQGZGVsZXRlBGVkaXQHbG9hZGluZwVwYXN0ZQRxdWl0AAAA#iefix) format("embedded-opentype"), url(../../static/media/context-menu-icons.5a5b1844.woff2) format("woff2"), url(data:application/font-woff;base64,d09GRgABAAAAAAiEAAsAAAAADPgAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABHU1VCAAABCAAAADsAAABUIIslek9TLzIAAAFEAAAARAAAAFZAb0/YY21hcAAAAYgAAABuAAAB0osI7vJnbHlmAAAB+AAABGMAAAYUqf6Gv2hlYWQAAAZcAAAAMQAAADYPVZRjaGhlYQAABpAAAAAgAAAAJAe/A8hobXR4AAAGsAAAABUAAAAkIAD/+mxvY2EAAAbIAAAAFAAAABQGngfobWF4cAAABtwAAAAfAAAAIAEaAI5uYW1lAAAG/AAAATwAAAKOoUNzFnBvc3QAAAg4AAAATAAAAGM5s/mjeJxjYGRgYOBiMGCwY2BycfMJYeDLSSzJY5BiYGGAAJA8MpsxJzM9kYEDxgPKsYBpDiBmg4gCACY7BUgAeJxjYGTuY5zAwMrAwFLIdIaBgaEfQjO+ZjBi5GBgYGJgZWbACgLSXFMYHF4xvuJgPvD/AEMM8wEGB6AwI0gOAAYnDM14nO2R0Q2EQAhE37q4EmMpflxB92UFV/c24TFgGZK8mTAhfACwAj04A4N20VB9I22Zd/bMjU/OmPLp9x3apNFb6hKzFhsHGx7B4K0j9fd0rpsVecWlQN4LfWNaobvOtdCn5iiQbwVyL/A/vZIXbwAAeJyFVEtoXFUYPv99z0w7uZOZuSfpvO487r2N6Tycx70JsQk2MXTaaUITNZQsyiyCCzUVwQotlkiqtribuCouE1oZEAptCnYzK2kDbqTgIu2quFDIuJEu1Nz6n7lJWgriXfznf5zzP8757keA4Mev8Z+SLCEQjUjDnsiYxyHLRNUegxoTZS0BlbLGt3S6o9Nlqu9Q/SWVi31I9S5zdXX6QmXpRUKedwTCd0iKZIhBKuQNrFXWoqGIlE2zIihqoao9AePgFbIrfVABuUKdWrbXTyiNTUBoz+Afsuy7j6nuokbV31SHYg9Wpt5uu2vt9kd3trE4GJQrP9a1Lvcrbq6zI+s6hRXq4AE8dp9easOX7R/vdLFZd61FHXeKa2Eet0Xk538RInB8gSjkNDlH3iMfk8vk817fESljVm0qalIfSBnLkCVZk4MgS9mMZTrj4NiVMsVhLNNirgIqds+XBKrJ5RQYNookyKJtWmY2I0sa1Splfhx6VhCYFaa1KqaQsUYKwBKjcgpEh9XijKCmJTTtB8ioYqiu9CvuJxMCp/DCSLExN/N6VRZGCo35kiXK09OyaJXmG4URgaeDpdm5RhE1hRMm4Gs8Vw+J6u65I/FidXRY85ZYMX5EGx6tessNJ6zkowIvXHZgve7WF31x2Km7vyyBBB3WQ0IzngaGfIYgPjE5iMeOnU2W8qXp4blkqV8Rh14Tlf5S8uyxzHGaZ2s8zplPRMHwDQVmB04n05GBRiLjvp9oDETSTMBKRo4cEmJRkeO/CEPdePamo8Tv5X6f5bgejvaw2odIKhKHLBJihKomwlVCMGmIHdv5HxvS+CxZSRY9JHkIrIUOsO54EEwxrEPLrxiKvyfWAkpOCfTES173IZCYIN2VBHjmVxzbcHOG7bDg7aNKnm7SvHL0tuL/HlrM5y6zDP+hcxMnJADpHSyw+7T01mSR03vVzkeTyej5ANmf/x+cX8IbGCXj5CTi0bHkaCUKJmJRmwA7HN0fqWpX0gxzGEBcpb0rQJeNg+JGjaeQrYFsOQyNWgT+nlw4YUPc53/gD/se+I3mlGtMNZtTsJ1LKYIcV/yHD7uGadsmbJs1Keejzrq7ss59Vt2oqQX1XRVikwuTugPfYgpfGNO4dz/wEkw1g0IYM/CCbXopTsqi4fPDDZYBarWNqqouqHkcB7niZ77Lf0fSaESCXKbA1ar4T0WDSExJrjyOpmnVkhzfnb26ubV5dfZC5+KVm2PNa99ca47dvHKxcwE6S+jG6NKlR9f7Vwe3Vk9hCHecWt0aXO2//givUTjgJIUMkBhiiRhpDwVZByuw+0qAd1/hiiW+SlXoR5rS2G8M9ziCBLLdCsj7jyoHWu02GC8oSqfcsqYf8iHv+GAZaXPDkAMBmQn3q/af7grbsqhTnjDlvqIgoxGPm9/m/iA57C7CyKaILIPCZNTABHu6vffrQ9rg59Uz+BS3bqE4o7L1Vfsnqs54gRk17wUO7N5GQv4FV5EzGAB4nGNgZGBgAOJ/23h3xPPbfGXgZmEAgWuy6p9h9P9f/w+wMDEfAHI5GJhAogBdFAzPAAAAeJxjYGRgYD7w/wADAwvD/1///7EwMQBFUAAnAKWfBo54nGNgYGBggeP/v1hQ+BAMACzQAhoAAAAAAAAAADIAjAFWAdYCSAJ8As4DCnicY2BkYGDgZGhiYGcAASYg5gJCBob/YD4DABaQAakAeJyNjrtOwzAUhn/TC6KVECoSEpuHCiGhppexEmvLwNShA1uaOm2qJI4ct2ofgHdg5jmYGXgYnoE/xmKgS23p+DvfuSQArvAJgeoIdFyszhnOmf1yjXTruU5+8NxAG4+em/RPnlvsePHcxjVeuUHUL2i6ePN8hkt8eK7Rf3muk789N3AjOp6b6Ip7zy3MxbPnNu7Ee6Rzq/a2l6l820uYlTO12qahOS4cm7kyZaJzOQwGx8WpypUJrVrKxUGWu9XI2ljGRmdyUvWmqZaF0RsV2WBtbTHu92Pvg0hniKCRw0Jhz9hDRsqxJSW+VmJGt6JLEcKcNHFKz5zO8E1cLjFEgMFJk1PnqunQdS45vcCBscSOfzqitYiZx+zR3CEx+dub8mqawtU2NBF9gLWbKjBGnzf+1x+4r2c/1uR9/3icbcjLCoAgEAXQuT7TvxRnCEHSaFz09wVtO8tDhj6Z/iUYWDh4BERsSMhkC7OrY962Lg0sXVSccNPYR+F27H6W661zNSV6AHljD4A=) format("woff"), url(data:application/x-font-ttf;base64,AAEAAAALAIAAAwAwR1NVQiCLJXoAAAE4AAAAVE9TLzJAb0/YAAABjAAAAFZjbWFwiwju8gAAAggAAAHSZ2x5Zqn+hr8AAAPwAAAGFGhlYWQPVZRjAAAA4AAAADZoaGVhB78DyAAAALwAAAAkaG10eCAA//oAAAHkAAAAJGxvY2EGngfoAAAD3AAAABRtYXhwARoAjgAAARgAAAAgbmFtZaFDcxYAAAoEAAACjnBvc3Q5s/mjAAAMlAAAAGMAAQAAA8D/wAAABAD/+v/+BAIAAQAAAAAAAAAAAAAAAAAAAAkAAQAAAAEAAP62MzBfDzz1AAsEAAAAAADWHSfzAAAAANYdJ/P/+v/ABAIDwAAAAAgAAgAAAAAAAAABAAAACQCCAAcAAAAAAAIAAAAKAAoAAAD/AAAAAAAAAAEAAAAKADAAPgACREZMVAAObGF0bgAaAAQAAAAAAAAAAQAAAAQAAAAAAAAAAQAAAAFsaWdhAAgAAAABAAAAAQAEAAQAAAABAAgAAQAGAAAAAQAAAAEDjgGQAAUAAARxAswAAACPBHECzAAAAesAMgEIAAACAAUDAAAAAAAAAAAAAAAAAAAAAAAAAAAAAFBmRWQAQOoB6ggDwP/AAFwDwABAAAAAAQAAAAAAAAAAAAAEAAAABAAAAAQA//oEAAAABAAAAAQAAAAEAAAABAAAAAAAAAUAAAADAAAALAAAAAQAAAFiAAEAAAAAAFwAAwABAAAALAADAAoAAAFiAAQAMAAAAAQABAABAADqCP//AADqAf//AAAAAQAEAAAAAQACAAMABAAFAAYABwAIAAABBgAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAMAAAAAABwAAAAAAAAAAgAAOoBAADqAQAAAAEAAOoCAADqAgAAAAIAAOoDAADqAwAAAAMAAOoEAADqBAAAAAQAAOoFAADqBQAAAAUAAOoGAADqBgAAAAYAAOoHAADqBwAAAAcAAOoIAADqCAAAAAgAAAAAAAAAMgCMAVYB1gJIAnwCzgMKAAEAAAAAA5MDdwAjAAABFRQGKwEVFAYrASImPQEjIiY9ATQ2OwE1NDY7ATIWHQEzMhYDkiAX7SAXbhcg7RcgIBftIBduFyDtFyACG20XIO4XICAX7iAXbRcg7hcgIBfuIAAAAAAFAAD/wAQAA8AAHwAiACUAMwA8AAABMhYVERQGIyEiJj0BISImNRE0Nj8BPgE7ATIWHQE2Mw8BMwEHMxc3NSMVFAYrAREhNTQ2AREjFRQGKwERA8kXICAX/dwXIP7JFyAXEOkQNxftFyAnIkmrq/6Tq6twtNsgF+4BJRcCMtwgFu4C5SAX/UkXICAXpCAXAYAXNxDpEBcgF7sXeqsBhqvGtO7uFyD+k5IXN/5EApLtFyD+kgAH//oAAAQCAy4ACABLAFkAZwByAHsAgQAAATIWFAYiJjQ2FwUWBg8BBiInJQcGBxYHDgEHBiMiJyY3PgE3NjMyFzY/AScmJwYjIicuAScmNjc2MzIXHgEXFgcyHwElNjIfAR4BBwU2JicmIyIHBhYXFjMyAz4BJyYjIgcOARcWMzITFzU0PwEnBwYPAR8BAScFFQcfAQU3JQcGBwIlDhYWHRYWugEiEAURSQgSCP51PwQCCAMEOC9MUk4xNAcEOC5MUzAnBQdGRgcFJzBTTC44BAMXGTBPUkwvOAQDCAIEPwGLCBIISREFEP1ZGhwvNDkrFhocLzQ5KxsvHBoWKzk0LxwaFis5mjcTCC0VBAMEezcBpEn+SVsJHAHtSf7XZQEGAcAWHRYWHRYl4wspCSUEBd0mAgEcGyxRHjAtMEYrUh4wEggFKSoFCBIwHlEsIj0XLTAeUSwcHAIm3QUEJQkpC08YSx4hFBhMHSL+ax1MGBQhHUwYFAGAIgcUDAQbFQUCA4UTAUkl9kE3CBy3JOpPAgIAAAUAAAAAA5MDdwAPAB8ALwA3AFsAACURNCYrASIGFREUFjsBMjY3ETQmKwEiBhURFBY7ATI2NxE0JisBIgYVERQWOwEyNgEhJyYnIwYHBRUUBisBERQGIyEiJjURIyImPQE0NjsBNz4BOwEyFh8BMzIWAZIKCCUICgoIJQgKkwsIJAgLCwgkCAuSCgglCAoKCCUICv7JAQAbBAa1BgQB9goINzYl/iQlNjcICgoIsSgILRe2Fy0IKLEICq4BkggKCgj+bggLCwgBkggKCgj+bggLCwgBkggKCgj+bggLCwI/QgYBAQZVJAgL/eMwRUMvAiALCCQIC18VHh4VXwsAAAAFAAAAAAP8A3cABgAPADkAPgBIAAABNycHFTMVASYPAQYWPwE2ExUUBiMhIiY1ETQ2MyEyFx4BDwEGJyYjISIGFREUFjMhMjY9ATQ/ATYWAxcBIzUBByc3NjIfARYUAftDV0I2ARwJCsgKEwnICiVhRP4lRGFhRAHbJB8IBAccCAoNDf4lJjY2JgHbJjUGJAkXN6T+gKQCfTSlNRAuEFYQARtDV0MgNwGcCQrICRMKyAr+tWxEYWFEAdtEYQ4EEwccCAMENib+JSY2NiZIBwUlCQoBmqT+gKQBNTWlNBAQVxAtAAABAAD/0gPuA6kAIQAAARQOAiIuAjU0PgE3FQ4BFRQeAjI+AjU0Jic1HgID7k+Etsq2hE9vwHZ+pzthiJSIYTunfnbAbwHAZbaET0+EtmV61IkSgxnKg0qIYTs7YYhKg8oZgxKJ1AAAAAQAAP/ABAADwAAIABgAGwA3AAAlIREjIiY9ASM3NTQmIyEiBh0BFBYzITI2EzMnBREUBiMhIiY9ASEiJjURNDYzITIWHQEWHwEeAQG3AgDuFyDbkgsH/m4ICwsIAZIHC5KrqwElIBf93Bcg/skXICAXAm4WIAwJ6RAXCQFuIBftpSUHCwsHJQcLC/6Hq/T+gBcgIBdbIBcDABcgIBe7CAjpEDcAAQAAAAADVALvACQAACUUDwEGIi8BBwYiLwEmND8BJyY0PwE2Mh8BNzYyHwEWFA8BFxYDUxBNEC4QqKgQLhBNEBCoqBAQTRAuEKioEC4QTRAQqKgQzRcQThAQqKgQEE4QLRCoqBAuEE4QEKioEBBOEC4QqKgQAAAAAAAQAMYAAQAAAAAAAQASAAAAAQAAAAAAAgAHABIAAQAAAAAAAwASABkAAQAAAAAABAASACsAAQAAAAAABQALAD0AAQAAAAAABgASAEgAAQAAAAAACgArAFoAAQAAAAAACwATAIUAAwABBAkAAQAkAJgAAwABBAkAAgAOALwAAwABBAkAAwAkAMoAAwABBAkABAAkAO4AAwABBAkABQAWARIAAwABBAkABgAkASgAAwABBAkACgBWAUwAAwABBAkACwAmAaJjb250ZXh0LW1lbnUtaWNvbnNSZWd1bGFyY29udGV4dC1tZW51LWljb25zY29udGV4dC1tZW51LWljb25zVmVyc2lvbiAxLjBjb250ZXh0LW1lbnUtaWNvbnNHZW5lcmF0ZWQgYnkgc3ZnMnR0ZiBmcm9tIEZvbnRlbGxvIHByb2plY3QuaHR0cDovL2ZvbnRlbGxvLmNvbQBjAG8AbgB0AGUAeAB0AC0AbQBlAG4AdQAtAGkAYwBvAG4AcwBSAGUAZwB1AGwAYQByAGMAbwBuAHQAZQB4AHQALQBtAGUAbgB1AC0AaQBjAG8AbgBzAGMAbwBuAHQAZQB4AHQALQBtAGUAbgB1AC0AaQBjAG8AbgBzAFYAZQByAHMAaQBvAG4AIAAxAC4AMABjAG8AbgB0AGUAeAB0AC0AbQBlAG4AdQAtAGkAYwBvAG4AcwBHAGUAbgBlAHIAYQB0AGUAZAAgAGIAeQAgAHMAdgBnADIAdAB0AGYAIABmAHIAbwBtACAARgBvAG4AdABlAGwAbABvACAAcAByAG8AagBlAGMAdAAuAGgAdAB0AHAAOgAvAC8AZgBvAG4AdABlAGwAbABvAC4AYwBvAG0AAAACAAAAAAAAAAoAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAkBAgEDAQQBBQEGAQcBCAEJAQoAA2FkZARjb3B5A2N1dAZkZWxldGUEZWRpdAdsb2FkaW5nBXBhc3RlBHF1aXQAAAA=) format("truetype");
}

.context-menu-icon-add:before {
  content: "\EA01";
}

.context-menu-icon-copy:before {
  content: "\EA02";
}

.context-menu-icon-cut:before {
  content: "\EA03";
}

.context-menu-icon-delete:before {
  content: "\EA04";
}

.context-menu-icon-edit:before {
  content: "\EA05";
}

.context-menu-icon-loading:before {
  content: "\EA06";
}

.context-menu-icon-paste:before {
  content: "\EA07";
}

.context-menu-icon-quit:before {
  content: "\EA08";
}

.context-menu-icon::before {
  position: absolute;
  top: 50%;
  left: 0;
  width: 2em; 
  font-family: "context-menu-icons";
  font-size: 1em;
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  color: #2980b9;
  text-align: center;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);

  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.context-menu-icon.context-menu-hover:before {
  color: #fff;
}

.context-menu-icon.context-menu-disabled::before {
  color: #bbb;
}

.context-menu-icon.context-menu-icon-loading:before {
  -webkit-animation: cm-spin 2s infinite;
          animation: cm-spin 2s infinite;
}

.context-menu-icon.context-menu-icon--fa {
  display: list-item;
  font-family: inherit;
}
.context-menu-icon.context-menu-icon--fa::before {
  position: absolute;
  top: 50%;
  left: 0;
  width: 2em; 
  font-family: FontAwesome;
  font-size: 1em;
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  color: #2980b9;
  text-align: center;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);

  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.context-menu-icon.context-menu-icon--fa.context-menu-hover:before {
  color: #fff;
}
.context-menu-icon.context-menu-icon--fa.context-menu-disabled::before {
  color: #bbb;
}

.context-menu-list {
  position: absolute; 
  display: inline-block;
  min-width: 13em;
  max-width: 26em;
  padding: .25em 0;
  margin: .3em;
  font-family: inherit;
  font-size: inherit;
  list-style-type: none;
  background: #fff;
  border: 1px solid #bebebe;
  border-radius: .2em;
  -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, .5);
          box-shadow: 0 2px 5px rgba(0, 0, 0, .5);
}

.context-menu-item {
  position: relative;
  padding: .2em 2em;
  color: #2f2f2f;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none; 
  background-color: #fff;
}

.context-menu-separator {
  padding: 0; 
  margin: .35em 0;
  border-bottom: 1px solid #e6e6e6;
}

.context-menu-item > label > input,
.context-menu-item > label > textarea {
  -webkit-user-select: text;
     -moz-user-select: text;
      -ms-user-select: text;
          user-select: text;
}

.context-menu-item.context-menu-hover {
  color: #fff;
  cursor: pointer; 
  background-color: #2980b9;
}

.context-menu-item.context-menu-disabled {
  color: #bbb;
  cursor: default; 
  background-color: #fff;
}

.context-menu-input.context-menu-hover {
  color: #2f2f2f; 
  cursor: default;
}

.context-menu-submenu:after {
  position: absolute;
  top: 50%;
  right: .5em;
  z-index: 1; 
  width: 0;
  height: 0;
  content: '';
  border-color: transparent transparent transparent #2f2f2f;
  border-style: solid;
  border-width: .25em 0 .25em .25em;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}

/**
 * Inputs
 */
.context-menu-item.context-menu-input {
  padding: .3em .6em;
}

/* vertically align inside labels */
.context-menu-input > label > * {
  vertical-align: top;
}

/* position checkboxes and radios as icons */
.context-menu-input > label > input[type="checkbox"],
.context-menu-input > label > input[type="radio"] {
  position: relative;
  top: .12em; 
  margin-right: .4em;
}

.context-menu-input > label {
  margin: 0;
}

.context-menu-input > label,
.context-menu-input > label > input[type="text"],
.context-menu-input > label > textarea,
.context-menu-input > label > select {
  display: block;
  width: 100%; 
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.context-menu-input > label > textarea {
  height: 7em;
}

.context-menu-item > .context-menu-list {
  top: .3em; 
  /* re-positioned by js */
  right: -.3em;
  display: none;
}

.context-menu-item.context-menu-visible > .context-menu-list {
  display: block;
}

.context-menu-accesskey {
  text-decoration: underline;
}

.context-menu-list {
  min-width: 85px;
  max-width: -webkit-fit-content;
  max-width: -moz-fit-content;
  max-width: fit-content;
  padding: 0;
  background: #fff;
  border: none;
  border-radius: 10px;
  -webkit-box-shadow: 0 1px 8px 0 rgba(52, 61, 76, 0.08);
          box-shadow: 0 1px 8px 0 rgba(52, 61, 76, 0.08);
}

.context-menu-item {
  height: 30px;
  padding: 0 14px;
  font-size: 12px;
  line-height: 30px;
  color: #222;
  white-space: nowrap;
  background-color: transparent;

  /* border-bottom: 1px solid #e1e1e1; */
}

.context-menu-item.context-menu-disabled {
  color: #828992;
  cursor: not-allowed;
}

.context-menu-item:last-child {
  border-bottom: none;
}

.context-menu-item.context-menu-hover {
  color: #fe6a49;
  cursor: pointer;
  background: none;
}

.dd-menu .dd-menu-items ul {
  -webkit-transition: all 0.2s cubic-bezier(0.08, 0.82, 0.17, 1) !important;
  -o-transition: all 0.2s cubic-bezier(0.08, 0.82, 0.17, 1) !important;
  transition: all 0.2s cubic-bezier(0.08, 0.82, 0.17, 1) !important;
}

.grow-from-center-enter {
  opacity: 0 !important;
  -webkit-transform: scale(0.8) !important;
      -ms-transform: scale(0.8) !important;
          transform: scale(0.8) !important;
}

.grow-from-center-enter.grow-from-center-enter-active {
  opacity: 1 !important;
  -webkit-transform: scale(1) !important;
      -ms-transform: scale(1) !important;
          transform: scale(1) !important;
}

.grow-from-center-leave {
  opacity: 1 !important;
  -webkit-transform: scale(1) !important;
      -ms-transform: scale(1) !important;
          transform: scale(1) !important;
}

.grow-from-center-leave.grow-from-center-leave-active {
  opacity: 0 !important;
  -webkit-transform: scale(0.8) !important;
      -ms-transform: scale(0.8) !important;
          transform: scale(0.8) !important;
}

.grow-from-left-enter {
  opacity: 0 !important;
  -webkit-transform: scale(0.8) !important;
      -ms-transform: scale(0.8) !important;
          transform: scale(0.8) !important;
}

.grow-from-left-enter.grow-from-left-enter-active {
  opacity: 1 !important;
  -webkit-transform: scale(1) !important;
      -ms-transform: scale(1) !important;
          transform: scale(1) !important;
}

.grow-from-left-leave {
  opacity: 1 !important;
  -webkit-transform: scale(1) !important;
      -ms-transform: scale(1) !important;
          transform: scale(1) !important;
}

.grow-from-left-leave.grow-from-left-leave-active {
  opacity: 0 !important;
  -webkit-transform: scale(0.8) !important;
      -ms-transform: scale(0.8) !important;
          transform: scale(0.8) !important;
}

.grow-from-right-enter {
  opacity: 0 !important;
  -webkit-transform: scale(0.8) !important;
      -ms-transform: scale(0.8) !important;
          transform: scale(0.8) !important;
}

.grow-from-right-enter.grow-from-right-enter-active {
  opacity: 1 !important;
  -webkit-transform: scale(1) !important;
      -ms-transform: scale(1) !important;
          transform: scale(1) !important;
}

.grow-from-right-leave {
  opacity: 1 !important;
  -webkit-transform: scale(1) !important;
      -ms-transform: scale(1) !important;
          transform: scale(1) !important;
}

.grow-from-right-leave.grow-from-right-leave-active {
  opacity: 0 !important;
  -webkit-transform: scale(0.8) !important;
      -ms-transform: scale(0.8) !important;
          transform: scale(0.8) !important;
}

/*-----------------*/

.grow-from-left-enter {
  -webkit-transition: -webkit-transform 0.15s cubic-bezier(0.5, 1.8, 0.9, 0.8);
  transition: -webkit-transform 0.15s cubic-bezier(0.5, 1.8, 0.9, 0.8);
  -o-transition: transform 0.15s cubic-bezier(0.5, 1.8, 0.9, 0.8);
  transition: transform 0.15s cubic-bezier(0.5, 1.8, 0.9, 0.8);
  transition: transform 0.15s cubic-bezier(0.5, 1.8, 0.9, 0.8), -webkit-transform 0.15s cubic-bezier(0.5, 1.8, 0.9, 0.8);
  transition: transform 0.15s cubic-bezier(0.5, 1.8, 0.9, 0.8),
    -webkit-transform 0.15s cubic-bezier(0.5, 1.8, 0.9, 0.8);
  -webkit-transform: scale(0);
  -ms-transform: scale(0);
      transform: scale(0);
  -webkit-transform-origin: 0 0;
  -ms-transform-origin: 0 0;
      transform-origin: 0 0;
}

.grow-from-left-enter.grow-from-left-enter-active,
.grow-from-left-leave {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
      transform: scale(1);
}

.grow-from-left-leave {
  -webkit-transition: -webkit-transform 0.15s ease-out;
  transition: -webkit-transform 0.15s ease-out;
  -o-transition: transform 0.15s ease-out;
  transition: transform 0.15s ease-out;
  transition: transform 0.15s ease-out, -webkit-transform 0.15s ease-out;
  -webkit-transform-origin: 0 0;
  -ms-transform-origin: 0 0;
      transform-origin: 0 0;
}

.grow-from-left-leave.grow-from-left-leave-active,
.grow-from-right-enter {
  -webkit-transform: scale(0);
  -ms-transform: scale(0);
      transform: scale(0);
}

.grow-from-right-enter {
  -webkit-transition: -webkit-transform 0.15s cubic-bezier(0.5, 1.8, 0.9, 0.8);
  transition: -webkit-transform 0.15s cubic-bezier(0.5, 1.8, 0.9, 0.8);
  -o-transition: transform 0.15s cubic-bezier(0.5, 1.8, 0.9, 0.8);
  transition: transform 0.15s cubic-bezier(0.5, 1.8, 0.9, 0.8);
  transition: transform 0.15s cubic-bezier(0.5, 1.8, 0.9, 0.8), -webkit-transform 0.15s cubic-bezier(0.5, 1.8, 0.9, 0.8);
  transition: transform 0.15s cubic-bezier(0.5, 1.8, 0.9, 0.8),
    -webkit-transform 0.15s cubic-bezier(0.5, 1.8, 0.9, 0.8);
  -webkit-transform-origin: 100% 0;
  -ms-transform-origin: 100% 0;
      transform-origin: 100% 0;
}

.grow-from-right-enter.grow-from-right-enter-active,
.grow-from-right-leave {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
      transform: scale(1);
}

.grow-from-right-leave {
  -webkit-transition: -webkit-transform 0.15s ease-out;
  transition: -webkit-transform 0.15s ease-out;
  -o-transition: transform 0.15s ease-out;
  transition: transform 0.15s ease-out;
  transition: transform 0.15s ease-out, -webkit-transform 0.15s ease-out;
  -webkit-transform-origin: 100% 0;
  -ms-transform-origin: 100% 0;
      transform-origin: 100% 0;
}

.grow-from-center-enter,
.grow-from-right-leave.grow-from-right-leave-active {
  -webkit-transform: scale(0);
  -ms-transform: scale(0);
      transform: scale(0);
}

.grow-from-center-enter {
  -webkit-transition: -webkit-transform 0.15s cubic-bezier(0.5, 1.8, 0.9, 0.8);
  transition: -webkit-transform 0.15s cubic-bezier(0.5, 1.8, 0.9, 0.8);
  -o-transition: transform 0.15s cubic-bezier(0.5, 1.8, 0.9, 0.8);
  transition: transform 0.15s cubic-bezier(0.5, 1.8, 0.9, 0.8);
  transition: transform 0.15s cubic-bezier(0.5, 1.8, 0.9, 0.8), -webkit-transform 0.15s cubic-bezier(0.5, 1.8, 0.9, 0.8);
  transition: transform 0.15s cubic-bezier(0.5, 1.8, 0.9, 0.8),
    -webkit-transform 0.15s cubic-bezier(0.5, 1.8, 0.9, 0.8);
  -webkit-transform-origin: 50% 0;
  -ms-transform-origin: 50% 0;
      transform-origin: 50% 0;
}

.grow-from-center-enter.grow-from-center-enter-active,
.grow-from-center-leave {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
      transform: scale(1);
}

.grow-from-center-leave {
  -webkit-transition: -webkit-transform 0.15s ease-out;
  transition: -webkit-transform 0.15s ease-out;
  -o-transition: transform 0.15s ease-out;
  transition: transform 0.15s ease-out;
  transition: transform 0.15s ease-out, -webkit-transform 0.15s ease-out;
  -webkit-transform-origin: 50% 0;
  -ms-transform-origin: 50% 0;
      transform-origin: 50% 0;
}

.grow-from-center-leave.grow-from-center-leave-active,
.grow-from-up-left-enter {
  -webkit-transform: scale(0);
  -ms-transform: scale(0);
      transform: scale(0);
}

.grow-from-up-left-enter {
  -webkit-transition: -webkit-transform 0.15s cubic-bezier(0.5, 1.8, 0.9, 0.8);
  transition: -webkit-transform 0.15s cubic-bezier(0.5, 1.8, 0.9, 0.8);
  -o-transition: transform 0.15s cubic-bezier(0.5, 1.8, 0.9, 0.8);
  transition: transform 0.15s cubic-bezier(0.5, 1.8, 0.9, 0.8);
  transition: transform 0.15s cubic-bezier(0.5, 1.8, 0.9, 0.8), -webkit-transform 0.15s cubic-bezier(0.5, 1.8, 0.9, 0.8);
  transition: transform 0.15s cubic-bezier(0.5, 1.8, 0.9, 0.8),
    -webkit-transform 0.15s cubic-bezier(0.5, 1.8, 0.9, 0.8);
  -webkit-transform-origin: 0 100%;
  -ms-transform-origin: 0 100%;
      transform-origin: 0 100%;
}

.grow-from-up-left-enter.grow-from-up-left-enter-active,
.grow-from-up-left-leave {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
      transform: scale(1);
}

.grow-from-up-left-leave {
  -webkit-transition: -webkit-transform 0.15s ease-out;
  transition: -webkit-transform 0.15s ease-out;
  -o-transition: transform 0.15s ease-out;
  transition: transform 0.15s ease-out;
  transition: transform 0.15s ease-out, -webkit-transform 0.15s ease-out;
  -webkit-transform-origin: 0 100%;
  -ms-transform-origin: 0 100%;
      transform-origin: 0 100%;
}

.grow-from-up-center-enter,
.grow-from-up-left-leave.grow-from-up-left-leave-active {
  -webkit-transform: scale(0);
  -ms-transform: scale(0);
      transform: scale(0);
}

.grow-from-up-center-enter {
  -webkit-transition: -webkit-transform 0.15s cubic-bezier(0.5, 1.8, 0.9, 0.8);
  transition: -webkit-transform 0.15s cubic-bezier(0.5, 1.8, 0.9, 0.8);
  -o-transition: transform 0.15s cubic-bezier(0.5, 1.8, 0.9, 0.8);
  transition: transform 0.15s cubic-bezier(0.5, 1.8, 0.9, 0.8);
  transition: transform 0.15s cubic-bezier(0.5, 1.8, 0.9, 0.8), -webkit-transform 0.15s cubic-bezier(0.5, 1.8, 0.9, 0.8);
  transition: transform 0.15s cubic-bezier(0.5, 1.8, 0.9, 0.8),
    -webkit-transform 0.15s cubic-bezier(0.5, 1.8, 0.9, 0.8);
  -webkit-transform-origin: 50% 100%;
  -ms-transform-origin: 50% 100%;
      transform-origin: 50% 100%;
}

.grow-from-up-center-enter.grow-from-up-center-enter-active,
.grow-from-up-center-leave {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
      transform: scale(1);
}

.grow-from-up-center-leave {
  -webkit-transition: -webkit-transform 0.15s ease-out;
  transition: -webkit-transform 0.15s ease-out;
  -o-transition: transform 0.15s ease-out;
  transition: transform 0.15s ease-out;
  transition: transform 0.15s ease-out, -webkit-transform 0.15s ease-out;
  -webkit-transform-origin: 50% 100%;
  -ms-transform-origin: 50% 100%;
      transform-origin: 50% 100%;
}

.grow-from-up-center-leave.grow-from-up-center-leave-active,
.grow-from-up-right-enter {
  -webkit-transform: scale(0);
  -ms-transform: scale(0);
      transform: scale(0);
}

.grow-from-up-right-enter {
  -webkit-transition: -webkit-transform 0.15s cubic-bezier(0.5, 1.8, 0.9, 0.8);
  transition: -webkit-transform 0.15s cubic-bezier(0.5, 1.8, 0.9, 0.8);
  -o-transition: transform 0.15s cubic-bezier(0.5, 1.8, 0.9, 0.8);
  transition: transform 0.15s cubic-bezier(0.5, 1.8, 0.9, 0.8);
  transition: transform 0.15s cubic-bezier(0.5, 1.8, 0.9, 0.8), -webkit-transform 0.15s cubic-bezier(0.5, 1.8, 0.9, 0.8);
  transition: transform 0.15s cubic-bezier(0.5, 1.8, 0.9, 0.8),
    -webkit-transform 0.15s cubic-bezier(0.5, 1.8, 0.9, 0.8);
  -webkit-transform-origin: 100% 100%;
  -ms-transform-origin: 100% 100%;
      transform-origin: 100% 100%;
}

.grow-from-up-right-enter.grow-from-up-right-enter-active,
.grow-from-up-right-leave {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
      transform: scale(1);
}

.grow-from-up-right-leave {
  -webkit-transition: -webkit-transform 0.15s ease-out;
  transition: -webkit-transform 0.15s ease-out;
  -o-transition: transform 0.15s ease-out;
  transition: transform 0.15s ease-out;
  transition: transform 0.15s ease-out, -webkit-transform 0.15s ease-out;
  -webkit-transform-origin: 100% 100%;
  -ms-transform-origin: 100% 100%;
      transform-origin: 100% 100%;
}

.grow-from-up-right-leave.grow-from-up-right-leave-active {
  -webkit-transform: scale(0);
  -ms-transform: scale(0);
      transform: scale(0);
}

.dd-menu {
  position: relative;
  display: inline-block;
}

.dd-menu.dd-menu-center .dd-menu-items {
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
      transform: translateX(-50%);
}

.dd-menu.dd-menu-left .dd-menu-items {
  left: 0;
}

.dd-menu.dd-menu-left .dd-menu-items [class^='nested-']:not(.nested-reverse) > span {
  right: 100%;
  padding-right: 0.5em;
}

.dd-menu.dd-menu-left .dd-menu-items .nested-reverse > span {
  left: 100%;
  padding-left: 2px;
}

.dd-menu.dd-menu-left.dd-menu-inverse
.dd-menu-items
[class^='nested-']:not(.nested-reverse)
> span {
  right: 100%;
  padding-right: 0.3em;
}

.dd-menu.dd-menu-left.dd-menu-inverse .dd-menu-items .nested-reverse > span {
  left: 100%;
  padding-left: 0.3em;
}

.dd-menu.dd-menu-right .dd-menu-items {
  right: 0;
}

.dd-menu.dd-menu-right .dd-menu-items [class^='nested-']:not(.nested-reverse) > span {
  left: 100%;
  padding-left: 0.5em;
}

.dd-menu.dd-menu-right .dd-menu-items .nested-reverse > span {
  right: 100%;
  padding-right: 1px;
}

.dd-menu.dd-menu-right.dd-menu-inverse
.dd-menu-items
[class^='nested-']:not(.nested-reverse)
> span {
  left: 100%;
  padding-left: 0.3em;
}

.dd-menu.dd-menu-right.dd-menu-inverse .dd-menu-items .nested-reverse > span {
  right: 100%;
  padding-right: 0.3em;
}

.dd-menu.dd-menu-sm .dd-menu-items {
  width: 150px;
}

.dd-menu.dd-menu-md .dd-menu-items {
  width: 300px;
}

.dd-menu.dd-menu-lg .dd-menu-items {
  width: 450px;
}

.dd-menu.dd-menu-xl .dd-menu-items {
  width: 600px;
}

.dd-menu .dd-menu-items {
  position: absolute;
  z-index: 210;
}

.dd-menu .dd-menu-items.dd-items-upwards {
  bottom: 100%;
  margin: 0 0 0.5em;
}

.dd-menu .dd-menu-items ol,
.dd-menu .dd-menu-items ul {
  padding: 0;
  margin: 0;
  font-size: 12px;
  font-weight: 400;
  color: #222;
  list-style: none;
  background-color: #fff;
  border-radius: 10px;
  -webkit-box-shadow: 0 1px 10px 0.5px rgba(51, 51, 51, 0.2);
          box-shadow: 0 1px 10px 0.5px rgba(51, 51, 51, 0.2);
}

.dd-menu .dd-menu-items ol.dd-items-right li > *,
.dd-menu .dd-menu-items ul.dd-items-right li > * {
  text-align: right;
}

.dd-menu .dd-menu-items ol.dd-items-left li > *,
.dd-menu .dd-menu-items ul.dd-items-left li > * {
  text-align: left;
}

.dd-menu .dd-menu-items ol.dd-items-center li > *,
.dd-menu .dd-menu-items ul.dd-items-center li > * {
  text-align: center;
}

.dd-menu .dd-menu-items ol li:hover:not([role='separator']):not(.separator),
.dd-menu .dd-menu-items ol li > :focus,
.dd-menu .dd-menu-items ul li:hover:not([role='separator']):not(.separator),
.dd-menu .dd-menu-items ul li > :focus {
  color: #fe6a49;
  cursor: pointer;
  outline: none;
}

.dd-menu .dd-menu-items ol li > :not(.dd-item-ignore),
.dd-menu .dd-menu-items ul li > :not(.dd-item-ignore) {
  display: block;
  width: auto;
  min-width: 100%;
  padding: 1em 1.5em;
  font-size: inherit;
  color: inherit;
  text-decoration: none;
  white-space: pre;
}

.dd-menu .dd-menu-items ol li > button,
.dd-menu .dd-menu-items ul li > button {
  background: transparent;
  border: none;
}

.dd-menu.dd-menu-inverse .dd-menu-items ol,
.dd-menu.dd-menu-inverse .dd-menu-items ul {
  color: #fff;
  background-color: #2c3e50;
}

.dd-menu.dd-menu-inverse .dd-menu-items ol li:hover:not([role='separator']):not(.separator),
.dd-menu.dd-menu-inverse .dd-menu-items ol li > :focus,
.dd-menu.dd-menu-inverse .dd-menu-items ul li:hover:not([role='separator']):not(.separator),
.dd-menu.dd-menu-inverse .dd-menu-items ul li > :focus {
  color: #fff;
  background-color: #34495e;
}

.dd-menu.dd-menu-inverse .separator,
.dd-menu.dd-menu-inverse [role='separator'] {
  background-color: #45595e;
}

.dd-menu .separator,
.dd-menu [role='separator'] {
  display: block;
  height: 1px;
  content: '';
  background-color: #e5e5e5;
}

.dd-menu .dd-items-upwards li.nested-dd-menu > span {
  top: initial;
  bottom: 0;
}

.dd-menu li.nested-dd-menu {
  position: relative;
}

.dd-menu li.nested-dd-menu > span {
  position: absolute;
  top: 0;
}

/*查看团队管理菜单 end*/

.prism-player .prism-big-play-btn {
  width: 64px;
  height: 64px;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAPQAAAD0CAYAAACsLwv+AAAAAXNSR0IArs4c6QAAG7pJREFUeAHtnXusFUWexxu5C1xMBHlsQJR3hMkwyhIyGXEFoyYzjghkBOWls5vwcFZAwkvIJOvF8Z91NkYXnY2a7AAaVnQzipJxJlEioGj8A8FxM0rk6fBwQUZM5DVw2e/3pPtyzr19zunu04+q7m8lv9vvql99qr63qru663RyFKwgcOnSpSvg6DWwIbBBsL6wPrDernnr3bHdBda13RKbznnYuXbL09j+GnbCXXrrx7F9ELYfdqRTp06tWCoYTqCT4f4Vzj0ItxcyfQPsB7BRsKGwwbCBMAo1i8B/BIdgB2D7YJ/C/gT7BEI/iaWCIQQk6AwLAuJlKzsOdhPsRhhFPABmUzgMZynu3bAPYDsgcrbuChkQkKBThA4BX4/kboHd7Bq38xj2IFPvu7YdAue2QgoEJOgEIUPAVyL622B3ujYYyyKGA8j0W65tgcC/KyKENPIsQcdMGSJml3kabCKMrXFW971I2sjA+/HtsM2wVyFudtkVYiIgQccAEiLuh2imwu6DsTstroAQIFzCOeyab4T9D8R9LMA1OqUGAVW8GnBqHYKIOTxEAT8AGw/jsJJCdAKtuHQbbD1sI8TN4TSFkAQk6JDAIOQxuGQubCbsqpCX6/RgBL7FaRtgL0DYO4NdorNIQIIOUA8g4macdj9sPoyCVkiPAAX9HOxFiPtMesnamZIEXaPcIGSOEz/kGt/EUsiOAN9ke5YGYWucu0o5SNA+YCDkEdi9BMb7424+p2hXdgTOImneZz8JYX+enRtmpixBl5ULhDwSmy2we2FiAwgGBz4hfwXWAmF/ZrCfqbqmSgvcEPIwLB6F8UFXZ5iCPQQuwlU+QFsNYe+1x+1kPC20oCHk64D1X2H/BGuCKdhL4AJcXwt7DML+0t5sNOZ5IQUNIXMMeTlsBYzrCvkhwPHrJ2C/hrALN5ZdOEFDzDNQ2P8GY+uskF8CbKUfgaj/O79Z7JizwggaQub48RrYuI4YtCfHBHYgbwsh7EK8oJL71xUh5GYYu2AfwSTmHCu3StZY5h+xDrAuVDknN7tz3UKjAG9HST0PG5qbElNGGiGwDxfPQ2v9TiORmHxtLltoCPlq2H8B/NswidnkGpiub6wLb7NusI6km3Q6qeWuhUZB/QjoXoYNSgehUrGUwEH4PR2t9YeW+u/rdm5aaAi5E2wpcrkNJjH7Frd2lhFgHdnGOsO6U7bf6tVcZAQF0gulsA7GWUIURCAsAc6e8nO01ifDXmja+dYLGmLmU0x2sTWubFrtsssfjluzC85hLmuDtV1udpNgfNNrK0xitrYKGuM469BW1inWLWO8CumIlY4DeG/kcz3spyHzq9NFIAiB3+OkB9Ba81dErArWCRpi5iR87GJfaxVpOWsbgb/AYXbBOYmhNcGqLjfEzOlxt8AkZmuqmLWOso5tceucNZmwRtAAy6mA2DJ3sYauHLWdAOvay27dsyIvVggaQFeD5jMwK/y1ouTlZFACrHPPuHUw6DWZnWf0PTQgEuZ/wuZlRkgJi8BlAvwu4Be4r269vMusNWMFDTF3BaoNsJ+ZhUzeFJzA75D/mRD1ORM5GCloiLkHYG2CTTARmnwqPIGtIDAZoj5lGgnjBA0x83ei/gDj7yUriICpBPh72D+BqI+Z5KBRgoaYhwIOP3kcYhIk+SICVQjsx/47IGp+Z21EMEbQbsu8A1QkZiOqhpwISICiHmdKS23EMJB7z8xutsQcsBbpNGMIsM7+wa3DmTuVuaABgk+z+QBM98yZVwc5EJEA6+4mty5HjCKeyzIVNAAwfQ5N6Wl2POWpWLIjwDq8wa3TmXmRqaCRa740onHmzIpfCcdMgHWZdTqzkJmg8Z/sMeRab4BlVvRKOCEC89y6nVD0taPN5Ck3MvwvcIu/9asgAnkl8BCefP8m7cylLmiImZ9A8qupzHoHaUNWeoUkwPe9+T31q2nmPlVBQ8ycnIDfM3dJM5NKSwQyInAe6d4GUac2SUJqgoaYOW3QLpgmJ8iodinZTAhw5pPREHUq0xml0u2FmPmPYz1MYs6kTinRDAmwzq93NZC4G6kIGrngbzFrQr/Ei1MJGEqAdZ8aSDwk3uXGfybOm70V1pR4bpSACJhL4AJcm4CuN79XSCwkKmiImb9owftmzZudWBEqYosIcDJ/3k8n9gsdiXW53XuGdciAxGxRjZOriRKgFtYleT+dmKDhOH84Tr81lWj9UOQWEqAmqI1EQiJdbvwH4k+6boP9XSJeK1IRsJvA3+D+eHS9P4w7G7ELGmK+Gk7yvnlg3M4qPhHIEYFDyAvvp/8aZ56S6HI/CQcl5jhLSXHlkQA1Qq3EGmJtodE63w7v3o7VQ0UmAvkmwDnJ3okri7EJGmJuhlOfwobG5ZziEYECENiHPI6CqM/Ekdc4u9yPwSGJOY5SURxFIkDNUDuxhFhaaLTOY+DNR7DOsXilSESgWAQuIrs/RCu9s9FsX9FoBO71a7CUmGOCqWgKR4DaoYYaDg0LGq3zDHjB97UVREAEohMY52opegy4sqEuNxzojjg+g+n1zoaKQReLQInAl/g7El3v01F5NNpCr0DCEnNU+rpOBCoJUEvUVOQQuYVG68zEP4dxuEpBBEQgHgJsndlKs7UOHRppoR9FahJzaOS6QARqEuBtLLUVKURqodE6D0NqvHfWpAWRsOsiEahJgJMhsJXeW/Msn4NRW2j+B5GYfYBqlwjEQIDaitRKh26h0TqPRGJ8xZNjZwoiIALJELiIaPlKKHvCgUOUFroFsUvMgRHrRBGIRIAaawl7ZagWGq3zCCTwZ1io68I6pfNFQARKBC7h7/fQSnM0KVAI20IvQawScyC0OkkEGiZArVFzgUNgcaJ17otYD8G6BY5dJ4qACDRK4CwiGIhW+niQiMK00A8hQok5CFWdIwLxEaDmqL1AIVALjdaZL5Cwde4TKFadJAIiECeBE4iMrXTdSRCCttD3I0KJOc4iUlwiEJwAtUcN1g1BBT2/bkw6ITKBZcuWOV999VXk63VhIQgE0mBdQaO7zdlIaAoJEXj33XedqVOnOi+99JJz8SLfJ1AQgQ4Exrha7HCgfEddQePkueUXaD0ZAmfOnHGeeuopZ9asWc7u3buTSUSx2k6grhZrPhTDfwR++XEUdpXtJEz2f+zYsRXu4eGHM2XKFGfBggVOjx49Ko5po9AEvkXu+6N+VJ0AoV4LfR8ikJhTrkP4R+q89tprzj333ONs3rw55dSVnMEEqEVqsmqoJ+gHql6pA4kT+Oabb5yWlhZn7ty5zr59nL5ZQQScmpqs2uVGK9EP8A7D6olejBsk0L7L7RddU1OTM3v2bGfOnDlOt256v8ePUUH2tSKfA9DtPuaX31pinYYLah33i0/7EiJw4cIFZ+3atc60adOc9957L6FUFK0FBKhJatM31BLsvb5XaGemBI4ePeosXrzY4dj1sWO+/6Qz9U+Jp0KgqjZ9u9zobg+AW1/CfI+n4nKBEgnS5fbD0dzc7MyfP9+ZMWOG07mzPlH3Y5TTffys8jp0u3lLXBGqtdBs0iXmClTmbWjs2rwySckjatO3211N0BNTckzJxEDgiy++KD0se/zxx51Tp07FEKOisICAr0Y7tMLobl+JzJyEdbEgU7lwMWqX2y/zPXv2LN1jT5zoW95+l2ifnQTOw+1e6HZ/V+6+Xwt9G06QmMspWbSusWuLCqsxV6lRarUi+An6zooztGElgY8//tiZOXOm88wzzzhnz3LSC4UcEuigVQk6h6XsZUlj1x6J3C47CLriHhr3z9cj64FnGMwtppQzFuc9dC3Xb7311tL4db9+fAlQIScERuA+eo+Xl/Yt9C3eAS3zR4DfXfNNM313nauyrdBse0HfnKusKjMdCGjsugMS23dUaLZ9l5vdbXa7FVIkkFaXu32W0FVzJk+e7CxcuFDfXbeHY8/2HpQjfwCjFNpaaNw/98UeidkFU4QFytx5/fXX9d213YV9vavdUi7aBI2tcXbnS95HJaCx66jkjLmuTbvlgr7JGPfkSCYENHadCfY4Em3Tbrmgb4wjZsVhN4Hysevt27fbnZnieN+m3baHYuiH81Osa4rDwJycZvVQLAgBjV0HoZT5OYfxYOxaelFqoSHmXliXmDMvF/Mc0Ni1eWXi49EAV8NtUwzd4HOSdolAiYDGrq2oCCUNe/fQErQVZZatk/ruOlv+dVKvEPT365yswyJQIoCuXdvY9Ztvvikq5hAoadhroYea45c8sYEAx65Xr15dmilFc4YbUWIlDXuCHmyES3LCOgK7du3Sd9dmlNpgutEJXSiKmj8k3YU7FNInYPKwVRga/fv3d1asWOHcckvFB0BhotC50Qmcx6XNFDTHrzhlr0JGBPIiaA+fxq49Eqkvr2PrPCT1ZJVgrgl4Y9cvvviifu863ZIeQkEPSjdNpVYEAhy7fvrpp/V71+kW9iAKmp9NKohAIgQ0dp0I1mqR9qWg+1Q7qv0iEAcBjV3HQTFQHH0o6N6BTtVJItAggfKx67179zYYmy73IdBbLbQPFe1KlgDHrmfNmuWsWbNGc4bHi1otdLw8FVtQAvzuet26dc7UqVOdbdu2Bb1M59UmUGqh1eWuDUlHEyTA37hesmSJs3TpUv3edeOcS4Lu3ng8ikEEGiOwdevW0pzhGrtuiGN33kN3bSgKXSwCMREoH7vmfbZCaAJd+ernV7js70NfqgtiI5C3Vz/jAMM5wydNmuQsWrRIc4YHB/p/bKH1UUZwYDozJQIcu960aVNpzvA33ngjpVStT6YLW+jTyEaz9VmxOANqoesX3ujRo51Vq1Y5w4YNq39ycc84oxa6uIVvVc41dh2ouLpQ0AoiYAUBjV3XLyYKmh9GK4iAVQRaW1ut8jclZ883IaFzMN1Dp0RcyUQn0NTU5EyfPt158MEHnW7dukWPKL9XnqOg1ULnt4BzkzM+FFu5cqUzfPjw3OQpgYy0tdAJxK0oRaBxAj169Cj9fvWUKVMajyz/MaiFzn8Z25lDvlhy1113OYsXL3Z69uxpZybS97rUQnMcWkEEjCHAsWaOObObrRCKwGneQ38d6hKdLAIJEeCDrjlz5jizZ892+ABMITSBryXo0Mx0QRIExo8fX5rTu1+/fklEX5Q4T1DQJ4qSW+XTPAIU8LJlyxzO5a3QMAG10A0jVASRCGhMORK2eheVBK0Wuh4mHY+VgMaUY8VZHlmpy328fI/WRSApAhx+WrBggaMx5aQIO8d5D30wsegVsQiAAMeUJ06c6Dz88MMaU062RhykoPcnm4ZiLzIBjSmnWvr7KegjML7PrZlLUmWf78Q0ppx6+VLDR5rQHWrFrCWHsDE8dReUYC4JaEw5k2I9RC2zhWY4AJOgSUIhMgGOKS9fvtyZMGFC5Dh0YWQCB3ilJ+h9kaPRhYUnwDHlGTNmOPPnz9d3ytnVhpKGPUF/mp0fStlmAhpTNqb0Shr2BP0nY9ySI1YQ0JiyccVU0rAn6E+Mc08OGUlAY8pGFgudKmm4JGgU0kk86T6MnQOMdVeOZU5AY8qZF0E1Bw5TwzzotdBcZ5MtQZOEQgUBjinPnTu39JvO+k65Ao0pG223zOWC3g3vfmKKh/LDDAIaUzajHOp4Qe2WQrmgP/B2aikCGlO2qg60abdc0DusyoKcTYSAxpQTwZp0pG3abRM0bqqP48HYHqR8fdKpK34zCXBMWT8IZ2bZ1PBqD7XrHW8TtLvjfSwlaI9OQZYcU164cKEzefLkguQ4V9mkZtuCn6D/ue2oVnJNAP/Znbvvvrv0o+qa+9raoq4p6O3WZkuOhyKgMeVQuEw+uUKzFS00/mPvwX30AXg/2OQcyLfoBDSmHJ2dgVceoGbL/aoQtHvgLSx/UX6S1vNBgJ818vNGzX2dj/JELqjViiBBV+DI54bGlPNZrshVIEFvwYmakigHdYBjyjNnznTmzZun75RzUJ7tskCNUqsVoUMLjT75d7iP5o327RVnasMqAhpTtqq4oji7nVptf2EHQbsnbMZSgm5Py4JtjSlbUEjxuPimXzSd/HaiheZXV1/CfI/7XaN90QmMHTs2+sXulfhvXRpT5tzX/JF0hVwTuITcXYcy5yfPFcG3heaJEDUHrP+x4mxtGElg+PDhzsqVK/V7ykaWTiJOve8nZqbkK2jXhY1YStAuDBMXHFPmAy8++NJ3yiaWUGI+UZu+oWqXGi00f6iXTfoVvldqZ2wEonS5NaYcG37bImqFwwPQQh/zc7xqC80LIOptuOhWvwu1LxsCGlPOhrtBqW6rJmb6WFXQbgbWY3mru65FhgQ0ppwhfLOSpiarhqpdbl6BFro7FkdhV3FbIRkC9brcGlNOhruFsX4Ln/ujhT5dzfeaLTQvhKg34OIHq0Wg/ckR4JjyokWLnEmTJiWXiGK2icCGWmJmRmoK2s3pC1hK0C6MNBYotJKIKWaNKadB3Jo0qMWaoa6gUbl2opXeiVjG1IxJB2MhoDHlWDDmMZKd1GK9jNUVtBvBc1jSFBIi0Nzc3Db3defOnRNKRdFaTCCQ/mo+FPMyjxa6GeuHYH28fVrGR2Dp0qX6Tjk+nHmM6QQyNRAt9Jl6mQskaEYCUbdg8SjXFURABFIlsBpibgmSYhhB90WEbKW7BYlY54iACMRC4CxiYevcNlVvrVivqHWw/JgbYc1B7fLztS4CIhALgfVBxczUArfQPBnd7hFY/DnsdbxWQQREIDQBfib5PQj686BXBm6hGaEb8StBI9d5IiACDRF4JYyYmVKoFpoXoJUeicWnMI2tEIiCCCRD4CKiHQVBfxYm+lAtNCN2E+DroAoiIALJEeBrnqHETFdCt9C8CK30MCyYWNAXU3iZggiIQDACF3DaSAh6b7DTL58VuoXmpW5Cay9HozUREIEYCayNImamH6mF5oVopa/Dgq00P7FUEAERiIcAP41k68xJOkOHSC00U3ETfCJ0irpABESgFoEnooqZkUZuoXkxWmm2zmyl2VoriIAINEaArTJb56oTGNSLPnILzYjdhB+pl4iOi4AIBCLwSCNiZgoNtdCei2ipOYf3OG9bSxEQgdAEdkDMN4e+qt0FcQmakx98BNPLJu0Aa1MEAhDgSyQ/hKDrTmBQL66Gutxe5K4jT3rbWoqACIQi8GQcYmaKsbTQjAjdbk6CwFdCh3JbQQREIBCBfTiLr3jWnbwgSGyxtNBMyHVoXpBEdY4IiEAbgXlxiZkxxiZoRgbH3sHit1xXEAERqEvgt65m6p4Y9ITYutxeguh6X431j2GDvH1aioAIdCBwEHv+AYL+a4cjDeyItYWmH66D07H6twb80qUikGcC1Mb0uMVMYLELmpHC0Q+xWMV1BREQgQ4EVrka6XCg0R2xd7k9h9D1ZtxvwCZ6+7QUARFwNoPBJAia0wvFHhITND2FqHthsQumd70JRKHoBPiu9miI+WRSIBLpcnvOuo7zfpofbCuIQJEJUAO8b05MzISbqKCZADKwA4tfcl1BBApM4JeuFhJFkGiX2/PcvZ/mvcNPvX1aikCBCPweeZ0IQSdy31zOMRVBM0GIujcWvJ++ltsKIlAQAn9BPnnf/HUa+U28y+1lws0Q76fPe/u0FIGcE2Bd531zKmImy9QEzcSQMX43PRvWym0FEcgxAdbx2W6dTy2bqQqauUIGX8ViUWo5VEIikA2BRW5dTzX11AXN3CGjz2Lxq1RzqsREID0Cj7l1PL0U3ZRSeyjmlzM8KOOv0uuTSz842mcrgech5vlZOZ+1oNlDYBf8Z1kBULoiECOB3yGuaRB0Zs+IMhU0QaKV7orFH2ETuK0gApYS2Aq/fwwxn8vS/8wFzcxD1D2wIJAbua0gApYR2A1/J0DMp7L22whBEwJE3Q8LviY6hNsKImAJgf3wcxzEfMwEfzN5yu2XcRfIHThGQAoiYAMB1tU7TBEzgRkjaDoDMJwBkRP2swujIAImE2AdZcvMOmtMMErQpOL+t+MDMt5TK4iAiQRYN3nPbEQ3uxyQcYKmcwDFhws/hnEYQEEETCLAOsmn2Zk/APODYqSg6SiA8fH/NNjz3FYQAQMIsC5ynDnToalaHIwVNJ0GuFYY37rRa6K1SlHH0iDwK9ZF1sk0EouahjHDVvUygGGth3DOf8CM/idULx86bh0BCnghhPwbGzy3RtCECVGzC/4SrAu3FUQgYQL8npmfQPL1ZCuCVYImUYiav6H7MkwznxCIQlIEONMIJyfgN/zWBOu6ry7g0SDMeZoURCAJAqxbnDbIKjEThHWCptMAzSldOIH/IzBOj6ogAnEQYF1ineKEfqlNGxSH414c1nW5Pce9JbrgfLOMXXBN5u9B0TIKAU6Czy42vyewNljZQpfTdguAXXBOE6wgAlEIsO6wi221mJlx6wXNTKAgTmIxCbYcpl+9BASFQARYV1hn+FtTrEPWB+u73O1LAF3wH2HfRtjA9se0LQJlBA5h/T4I+cOyfdav5qKFLi8Ft4DYBV9bvl/rIlBGYC3W2cXOlZiZv9y10MyUF9Ba3451vn871NunZaEJ8FPHeRDyO3mlkLsWuryg3IIbhX3/DrtYfkzrhSLAsmcdGJVnMbNEc91CM4NeQGs9ButrYBzmUigOAT655rvYO4uQ5Vy30OUFyAKF8bXRmTCOOSrkmwDLeCbLvChiZnEWpoUur7torbtjewWMQxZcV8gPgdPIyq9hT0DIXC9UKKSgvRKGsPl22aOwn8OavP1aWkmAr22ug62GkAvbAyu0oL1qC2EPwzqFze54Z2+/llYQ4AOvDTAKea8VHifopARdBhfCHonNFti9MLEBBIPDJfj2CqwFQv7MYD9TdU2V1gc3hD0Cu5fAHoB18zlFu7IjcBZJr4c9CSF/np0bZqYsQdcoFwi7Lw5z6iNanxqn6lDyBE4giWdpEPLx5JOzMwUJOkC5QdjNOO1+GCcs5Hi2QnoEOH78HOxFCPlMesnamZIEHbLcIG4Kei6MD9CuCnm5Tg9G4FucxgddL0DEhXghJBiW+mdJ0PUZ+Z4BYXP8+j4Y77PHwwrzkg7ymkRoRaTbYLw/3gghF24MOQ6oEnQMFCFu/nLmNBifjvNtNHEFhACBT6o5bxefVr8KER8LcI1OqUFAFa8GnCiHIO4BuI7ingi7BdYFpnCZwHmsbodxlhCK+PDlQ1prlIAE3SjBGtdD3Ffi8G2wO10bjGURwwFk+i3XtkDE3xURQhp5lqDToOymAYFfj1W22uyW07idx7AHmWJXmrYdAua2QgoEJOgUIFdLAgLvi2PjYDfBboTdALsGZlM4Amc/gfH3kj+A7YCANU4MEFkECToL6jXShMh74TCFTfs+bChsMGwgLKv78fNI+xDsAGwf7H9hFPEnEO9JLBUMISBBG1IQ9dyA0K/AOWy9h8AGwdi68+213mVLrnM4rSuM4qd561h1KEz+FCqX3jqHhzipPI1vY3lLtrIHYfthRyBcDispGE7g/wFAEx//6c86OAAAAABJRU5ErkJggg==) no-repeat;
  background-size: contain;
}

.prism-player .prism-big-play-btn .outter {
  position: absolute;
  top: 0;
  left: 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 64px;
  height: 64px;
  border: 7px solid rgba(255, 255, 255, 0.51);
  border-radius: 100%;
}

.prism-player .prism-big-play-btn:hover {
  cursor: pointer;
}

.prism-player .prism-play-btn {
  width: 28px;
  height: 28px;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAYAAACqaXHeAAAAAXNSR0IArs4c6QAAA8JJREFUeAHtmktoE0EYxzPZpA001M1mRVFQUETBixcP3r148SYIgngRm7ZQKSgqUlAQUdCD9VBE0INY8HHw4gMfIB5EraBIsRX0pijdTZqa2qZ5jP+tNp2mSbvZ7mOmnYWw385jM//ffDP7zeyGQvKQBCQBSUASkAQkAUmgQQKGYTxIp9MbGqzGXfGw0xbRUGhvqVz+bKTTxymlUaf3CboecdqAEcMAg38HIWQwTEhK07RXM2minB17ACsQHrC9TOlLwzRvjI2N6Wwe77YrACyRgEDwOzRVKAybpnnYuuZdvNU+x41kh0AtoRgWr5VwOJVIJD7WyuclzTUPqBYED9iFSXJgxDQvwY5X5/Ny7ZkHsALhDd/xR13JZPI+m86D7ZkHsOLgAesxSd6DNzwcHR3dxOYFbfsCoCKS0j2FYnEQQdRpQGmqpAdo+DIEaunDHw+HIpF2XVVf1Mr3K81fD2BUIYraSovF5/CGW7lcbg2T5asZGIAZlQBxYDKfH0ZI3Y5h4Xt7AhsCMwDYMxrzjkYiqdWq+p5N99L2nfhCYuANO0mp9Bbe0IuV5qqFyrqVxxUAS5Q1DGi53IkgaggQ9rsltN59uAPANHQtIPRjgfU0m81uYdJdNXkGMC0UHrEbC6xPCKLOwI65qh4342oStCHuK/YdOhBSP7FR1lYR7j2gSsVmhNSPMSzujIyPr6vKc3QpGoBpkRgK+8jExBD2HbpgK46U/68k2hCYr5WQD9iJadN1/c38zMVThPSAObIo3RHC5gu8oQ8rzcScPBsX4gOASAwDgrnhCFaaQ1hbHLShu1JkWQCoqHHwVIswlYU1seNk7cBeUxTlpKqqmUaEiA8AkyDGQFvS4SQoLAD0+G/0fA9exvTiXGqk19myQgKA4Ls0Fjuqt7T8YMU4sUUD4HooLAqAPJ71F3RNO4/en3TS0/XqcA8Agp81RaMdra2tX+qJWEo6zwB+4tVaNya5/qUIXKwud4EQerxMwuGrEL/Na/EWHK48AI+2AaoobX5uinIBAL2exSR3KplI9FkesJjbupkfOAD0+u1Yc3N3PB7/5aYwu/cKDACEc/FqLAgAkxB/Dvt6F+HuU3Z7yqty/gIg5FFUUTqxYvvmlaBG7+sLAPQ0tx9IeAoAwkt43XUlqWk9sHON9o4f5T0DAMFCfCTlOgAIT2OSO4Eo7jpsOADfh6sAIPgmFi7HsHAx+JY92zpXAEC4sJ/KLhXAHyxcziKEvQwIhVmuK8CyPpfPZDIbV4BUKVESkAQkAUlAEpAElimBv8g7O0lnTWYLAAAAAElFTkSuQmCC) no-repeat;
  background-size: contain;
}

.prism-player .prism-play-btn:hover {
  cursor: pointer;
}

.prism-player .prism-live-display {
  margin: 0;
  font-size: 12px;
  line-height: 44px;
  color: #ebecec;
  text-align: center;
}

.prism-player .prism-play-btn.playing {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAYAAAHdbkFIAAAAAXNSR0IArs4c6QAAAQdJREFUeAHtmdkOwjAMBFv+/5+hllhkKrlRz0B38uIoh2OPVyGiw3BYe75bOMz9R+uECxa0QjhyPnKXv9y/IM3mEYrrPDvOXWcE49Q0X43vzgEHQuxtP0oLDJXaqvHYg5Bg8Bs6iChofQl8XSfzUPI1kufyD14eX7s+9u6+jnIAW/oEAAEIQKA7gS2XF3sgAIF7EeBJ1v0qJgAIQAACEIAABCAAge4E7vXGJxsIQAACEIDAvxFY/H9qKZnq82C1p/rMWK0/27/OtX8LAUBScLUowLXyyhsFiISrRQGulVfeKEAkXC0KcK288kYBIuFqUYBr5ZU3ChAJV4sCXCtP3hCAAAQgMBF4AShmQIQewFksAAAAAElFTkSuQmCC) no-repeat;
  background-size: contain;
}

.prism-player .prism-play-btn.playing:hover {
  cursor: pointer;
}

.prism-player .prism-fullscreen-btn {
  width: 28px;
  height: 28px;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAAAXNSR0IArs4c6QAAALpJREFUaAXtmEsOgCAMRNF4BLz/AeUOGneEBIYmFiR5rtQ2U3hTPxACBwQgAIGZBDZV/ErpVjl5/IxRar75X+nuefEVz5nAbNcO6wB6e1zpKp3eZ4QWUqS94zjgTVjp44Ai5B1f3gFvQOhDAAIQgAAEINAiIHcQypWRWkm1illivXWX/xdiApa28MjFAQ+qFk0csNDyyDXvzJXv53JQvd8JpVPq1q5poRqZUfeXd2AUKOpAAAIQgMA/CTwQGxwzWdpTwQAAAABJRU5ErkJggg==) no-repeat;
  background-size: contain;
}

.prism-player .prism-fullscreen-btn.fullscreen {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAYAAACqaXHeAAAAAXNSR0IArs4c6QAAAPVJREFUeAHtmVEKgzAQBW3pEez9D1jvYL+EJc0SArINzPjTZFGzb95Tqm6bmwQkIAEJSEACVAKPu4V/juPsnfO971Nr3XWeXi+x9owT4lgARNejZhMQaRDHJoDoetRsAiIN4tgEEF2Pml9x0htn/8l7+1bUZvsZPYN4CVS4tvIaJmBldyp6wyegArJrSEACEpCABCQgAQlIQALrERh+sZ19A5NJHL2ZaY+rWhf/NCiANnq0uQmgOd7qHX4X+Nfdu230ms/2cx2X/XoJZGQodRNAcTrTaQIyMpS6CaA4nek0ARkZSh2fAIrR6pSABCQgAQlI4JfAF63mHEuwxA6mAAAAAElFTkSuQmCC) no-repeat;
  background-size: contain;
}

.prism-player .prism-fullscreen-btn.fullscreen:hover {
  cursor: pointer;
  -webkit-animation: hoverAnimationScale 1s 1;
  animation: hoverAnimationScale 1s 1;
}

.prism-player .prism-volume {
  position: relative;
}

.prism-player .prism-volume .volume-icon {
  width: 32px;
  height: 32px;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAYAAACqaXHeAAAAAXNSR0IArs4c6QAAAk1JREFUeAHtmkFuwjAQReM0ldgRkrDnDLCkByiCW8A92t6BZbvrll0reoHuCmdgTxJgh1Qad0ZKpEqA5BjHOO5EQgmO8cx//qMRURyHDiJABIgAESACRIAIaCbAOW+sk+RZc1gzwm02m846jr/gw6+dkas7gSRJ7n+ybAFxe7pjn4qnDQBYnoH4B9jyd7gOTiVzjTFPR9DdbhfEafrqcD7QEa9MjMoBbLfb7vfhMAPxnTKJ6ZpbaQmA5ccg/hMsb6R4hFyJA7DFgeWnGedjXTspG0c5AGxxcZLMIKGubFI6f6e0BNI0HeQtrhbiEbQSAGB5F1scWP7NpBYn4qSLS8DkFlc5ANNbnAgA6RKoQ4sTAXBUAqJ/UKDeRdY3fo60A4xXJpggARAEZe00coC1WysojBwgCMraaeQAa7dWUBg5QBCUtdPIAdZuraAwcoAgKGunkQOs3VpBYUxw3tE0fCQGT4WmcKNxdLPEQDuKpHMoEebsVOkSCMPwxfG8O8bY6uzqNbghDQC1tX1/cet5PYexjxpoPZniRQBwxWazmUZBMAQIT+CG2j0pvRgAQgDhWTsMH13GhnCd4lhdDiUACrFBEMxvXBdffVkWY6aflQJAsa1WaxWFYR9s8WK6eMxPOQBcFMpgDyUxgZKYwNc9jpl6VAKgEIutErpEH4CsijHTzpUCQLG+7y/zVjk3TTzmUzkADJK3ylHeKjMcM+XQAgDF/mmVI5NapTYAxY7XsVUWuSs945tk//ZlaaUkaTEiQASIABEgAkSACBABOQK/1oavhXGGGjYAAAAASUVORK5CYII=);
  background-size: contain;
}

.prism-player .prism-volume .volume-icon .long-horizontal {
  position: absolute;
  top: 50%;
  right: 5px;
  width: 3px;
  height: 18px;
  background: #ebecec;
  -ms-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

.prism-player .prism-volume .volume-icon .short-horizontal {
  position: absolute;
  top: 50%;
  right: 10px;
  width: 3px;
  height: 8px;
  background: #ebecec;
  -ms-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

.prism-player .prism-volume .volume-icon:hover {
  cursor: pointer;
  background-size: contain;
  -ms-transform-origin: 0 50%;
  -webkit-transform-origin: 0 50%;
          transform-origin: 0 50%;
}

.prism-player .prism-volume .mute .long-horizontal {
  top: 10px;
  left: 22px;
  height: 12px;
  -ms-transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}

.prism-player .prism-volume .mute .short-horizontal {
  top: 10px;
  left: 22px;
  height: 12px;
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}

.prism-player .prism-volume-control {
  position: absolute;
  bottom: 54px;
  display: none;
  width: 48px;
  height: 173px;
  background: #3c3c3c;
  -webkit-box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.1);
          box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.1);
}

.prism-player .prism-volume-control .volume-control-icon {
  position: absolute;
  bottom: 6px;
  left: 8px;
  width: 26px;
  height: 26px;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAYAAAHdbkFIAAAAAXNSR0IArs4c6QAAAotJREFUeAHtWgtSxSAMfDpeQW/mO+TTk+khNFsbZtuSDr/Sj2FGoZBkNwu0tHq7NS8/Ujjos15gAIWv0Q4GOoCaDYPBkxQ14rb2hZq9Q2fHhuC/zuFe0DEjFrLBWEgTF7EyGKzmHfM6Wd9EEubO0q2JMJERTlo4GNro51rHJwG0s0ktgO8WmyYAHiRDAZmJxSZl92HDcge3MY3jtbliowsJqOTMMRftwCDVAXa8N6IMFjDSYQEkB4gFRV+7AMgLRYLeY2jj2GLInB7O2XJGNDOFNTYLGt7hCuyrgKz3B6/5LmwUFMBaNgcWoCFTBZzXFgG1s8bD/ZgN4MTXOW31Xbv9cDzzVsRGW7Z3JxCdgpqMU6UvwpD5/cIcx0pRwBonITEhUxOr2hdkqoN4AFfAFXAFTq2A3AkfuyQgwMObqNTFB5hi4sgawFqKA+U6CmDIWsFR58ZR+6wTkeBgrps++ZJORAKMbx1FwKqOdVKKElAnlWnLOmsKUoiAPEqKLWyaE0gFVjsn4ApEt6EukJLa2u9WrOgUIAgXcf62AnTrl60dvsMPG332qyeRySuZ8uhGAEAxNboSUDAhEtTQvu61qtEd2AFdAVfAFXAFXAFXwBVwBdooMB7ohpNlm4gniMJJSzuUE1AvpyhZ4rUuvEOErKlRHv2gnilJU/7J37QOmu4frdykLyFATdI1ArAv2rkrI/nDVEnwXDJ72CcLsAc5YM6Fxwe7llyiXwZbAhw9lgtw9Bnamp+vgK0VPnr8wz8FWt/15xOSvAX470VWW4K/yc/nHORfXsvzG//T8IHneE65pFgiQLIYlxSAkxrFeFirgm0v346JcfmkrQRVDGvc+10BV8AVcAVcgfYK/AJWbzC3Dqid9AAAAABJRU5ErkJggg==) no-repeat;
  background-size: contain;
}

.prism-player .prism-volume-control .volume-control-icon:hover {
  cursor: pointer;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAYAAAHdbkFIAAAAAXNSR0IArs4c6QAAAtJJREFUeAHtWu1x2zAMVXJdIR0gg7RLNNmsHSJbxN3Df3uXBfwviiAF1BMN0gBFfaXwnU2QxMfDE0mRkpum/uf13KLT+1ChDuz8lEeFoNkJoDgq/Hy8Czooh0YWwJqbVi1P/x7ieN/6BgbWXqg6ZtNVxjR7zeufQSGb97XR0VomlEzAM3XUmCFhSiMZ8XfirauwQy4/+6cOYiNFPZ3C3/NT89689D4yKShiuMp8BoRJik6HCYstKNOgESYxqsgOKGp7eUPFlDw6wCE6RJVtSA8Gln4oYwBwrXcARihWdEB50fe+ecYIQYa8Q1snpGcj5pwwJkfpFHJoEILLzsAOGDidX8I9rwDOuBpZjClo2zz1JpN9ocXJoKsHUBqUV4TEaiADYCNMSJsp2yYCokuS00tRrLlQfXMA8iWYk62Seg6Rvp2wBpan81s3+q/OAr2KMTC7tQFgKypjMIUA0GW5TGD84ww4A87A/80AbVYKP/PuhnwS1W5WBJDl+4F+i6Y7BgtxQ5OdgQpZh+idYGOgUtYIQMfAnKxvbFJlAGzEUHNPLVinsLRdAk0QAh8nkLGrDyATTOpyAM6APA2l0aJtM54PZACxk/gQogWj0NOfjPA5vOQ4Bi3pCG16AGycYqMQgH0W/Hj8nnygyiANpZ0BdI5srMYAAqjMBrp22RlwBpwBZ8AZcAacAWdgLQZos087S8OBvhY0+UhUy3vODyXdNr/7l0/vOcVl+9YlYCdJI6XLE7DDpJcnYOdJL0PAVknHC6fxaK6fAnEgpJHkDReyGIqlrifA4rWmbky88QrfgmJ/LHXL48H6nYCDXbDqcH0EVKf0YA73fxeovOrH10dPgAYIvdBuLn+6A86vONBe6/NejuSyKiVDQ3QurrFvOQIQiIWML0nANRn0HGD4Czb2kfzlCcCEh5ExJWNlAhDOtjKRMeOvZ9uC9+jOgDPgDDgDx2TgAweZ71+epUwnAAAAAElFTkSuQmCC) no-repeat;
  background-size: contain;
}

.prism-player .prism-volume-control .volume-control-icon.mute {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAYAAAHdbkFIAAAAAXNSR0IArs4c6QAAA/1JREFUeAHtWrtuFDEUTRBSKsoNP0GFSMN3kNR8B20QEh1/gbTU4SeQaKKlo6GDSCEFBQ8hOGfW17pzxx57NvYwrGxpYvs+zj33zOxkMpuDg+LjD4YGvSsb66CdtjsSYGc6DzF6dho5eka7SQbYhMJ71F9ZyE4HQ+yQe2kxqAOdJmmr2sBo6/2n+/7ZVk3ohkUy5fbLnoxMkuEj1AK+R+LHfKRc26Vy9pYS6IxHmE+4Fntwhv+UQRzBgGacUQGchMGHVJf3Ny5tlLU6hdErtnclqsSVShbz+MyE2GAmfE9wnLv1BuuuNU+NybES8mFyMVeIW4kt2EIMCPYPTMbxfBBD9NhgMHyk3bF0cc8GIC7Qf4hcYLQ1xnsNLJpU64LQsPXLPqqBE+lMAtvcFFiwArje1/qan4WqFGVhGdULo1DXqRS0syUA/wNr4x720d8QXY4Fz9nrYojXjyD6Hi5Qw8cSAyCB2bPOl7UhQqxB4ei9UEB2nVFsg9x3Lv+xm7/D3ikyikuqU4cFdPm9jmHjqbm2sdl7JH9xwIMpG6RUoCVTCncnHJLZKbElNQWaAk2BvVEAd8L1P2kGhbu/RDGP/gFVhRy7ZmEZVYqEQFHQdy3FOYdic2yTnohQh+d6/t98KBzsmp3LyOkWsfdz4roXuwKcO2tg5PxinrEdO6xLbZ90CnRiYv2NfiGB+Rjbzy7nk5vjk2M6abJoSP4aALiwccF9IDFpCgEh6UYlBosHX54wKQQ4ZpMXTxIDCC17Z7YxNFa5Bkzxt6hzw2LZjTFw6mABDuTdU7ledtj8NbGNHPmpALKXGg5JL3H44uKDjSQeyp5z8BrQAVwjiXe/lbXrfej8an9snXUNAJwX1FkMZFY71cAxGHOTmPRCtRo5yODVqFYkBQwSnRqpuOZvCjQFmgJNgaZAU6Ap0BRYqALuga57slwoxfK0dNNY+1G+0oIQ0SUf3f3fEL5rtVgQ3TJUcppW/U9+IVOGZWGUqU3vhQC3aTpXAFeDr16TX7sjhq9jNzgucYy+0sk6/wCZZYTIoDDftl0FCAyEQIw0bsNfhbCzbRat1n6MEGryfx78K0bF4RzrWOMX8PX+d2KsRtSnilVdRgkoBwjEhNDcyjQudTVyzbXUS83gwDP+McLlRSp/sj9SqLg5RQwFY5f6zwCZwT0ihR/1B8CrmGIERhr3lzpiYh+N2wtRpdsA6IgA/MpDD9+4zUGQFeIatt7XIpKT9fUIg1lZkmrOqa9ZQOMp6r9G3I8UD8SeIOY3Yt+nYov4UXCF4w2OnUcRIksAgQI7ibEE7sU5TBGjePGlATox1rHPyNL4VuUTEqNqwSWDixhL5ti4NQWaAk2BpsC+KfAXS1yUfN3MiJgAAAAASUVORK5CYII=) no-repeat;
  background-size: contain;
}

.prism-player .prism-volume-control .volume-control-icon.mute:hover {
  cursor: pointer;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAYAAAHdbkFIAAAAAXNSR0IArs4c6QAABNNJREFUeAHtWs2LFEcUfz07yO5BkkB2RQ+yuxAESRD8QoLuSo7JLezm7N1LICdD9qSgeBPRP0Fh/4A96CHs6IKQkFPMJTBr9pBE96IomQS3p1O/6nndr6qrZ7tnu8eZtfpSr169z199dHV1EVX/rLcjabSZVKwGzVe8RiJgE1BYnA9MNpguS4bUrgKGdPWV1l/TttEYBw4s6qA90Jn0UnTjgEZWSkyCkWEmrWNNWL0tcpEJZ0ZFKpeON/CkUiqTUo+3TlO485NmHJmbpE+C/9z9kKqYFJSh2GyepT83/0VjfgqP2svUpVVtoU8KpgdfqwkBxySVnsyBJFtAY2DxJLbbenW3AXiNOi9ydAx2akAO49irIUitP5YoiE7QhdkVam0+JZq8SAuHt9ORKA2YqpQssZAJaJsimmZeubkQBL9p5UbjGvsobgBhR9Fx7bnb/YFaz76HkTQFNiknEfP6TKasAVaSmPQxkJ8ClBr0DdvzpUdglBFotVd3fR/2iT9djfoIZZrgNKJlzTf2hRnJXRn5E9FW5Uwxw9m5LSPrG1ufympCW28INwJyGWHNMpliC7KjdhHrbSKsnLyGYzHEWv97pLclMO1ey1wBcCB5pWu9k3sh6PX2Q9JE8S6QWkVoLP+8EWse+FyrYD/16NlVqe7uAikxKA24zYwDAiLd8IEyucJm3V3ArXbZar/Qb0Sbj7qrC1xyFq9cAFLZDmbAAKTJwWkE4x+PgEfAI/B+I4DNyoDP3t6G/CVaZrNiBTr4fkDvC4t9Bls+jWp5BCrIWkZQDoGKspYBFEOgqqyfPD9E5w49lwG4NyR73ZSut98qJ01jl7Tx9wzt/APnvyr+ZxxEuS5grV3L4I0W4URS54odbEn1egJYnPtIOXqZBBFnDudrtDj3Vf0BwEMcxKvUWdY52upBAJYBO0UfgIyf6EumZFlPAGafrxndIb0ruvoAHm8f7I12Zb4Huz0mRBDVB3B++jUFwc3EOTvjIILGKWahdK8DUgK0/RFit6M+4IdJMQQW5mfqOrQrhoDMOA+NWhGQAVSMRnkEZDASjaEhIAOoGA1p2tMeAY+AR8Aj4BHwCHgEPALDQgD3BbCz5A/5YflVfoqdzdQREJKO6I7++dStw0Exm8MFYESSltDUD8AIJl0/ACOedD0ADCNp+OjSPXUR4Ya+iCAzsWmcjoWdH9WtrS4FU1/gwpktgnrxM4FhrdCuswWctoWv1RUM+thIgm9kSGaa+HHJVqneUgem35q8cQGAo9a3QMKH6tD1Q2bpEkA0Jm/3etxOfI2OzH6N27OGTq8yHiPAjjwPCENOncv2SZxFi51MsvSolOeP/kzNqWPqDBjTIvtMTFzXPyJyel0qjB8AmOO4k4S/LlE0L5LBf6n4CcMreldp3VHiZlmODwBm4mKeY6iri+6L8wdoonlGLWvxrylkifu6WLz7ADE+AISd7/RF5KT7OHH1z42HOqYGfoPYQETRZXVx+WSiKojxWwRbm5fo8Oz9JGmRTIbc2DpDYTekhdlfMm09RnEA8ixIvr6a2bmrPnCWJLsU7doHlDJQTrhaAKTvQcHYNwAMCsa+BCALBs4B4ivYsg30vgdAJhxPExOMIQMgw3m3NMDYw9Wzdxu89+4R8Ah4BDwC44nA/waj6T5+FH+zAAAAAElFTkSuQmCC) no-repeat;
  background-size: contain;
}

.prism-player .prism-volume-control:hover {
  cursor: pointer;
}

.prism-player .prism-volume-control .volume-range {
  position: absolute;
  bottom: 15px;
  left: 50%;
  width: 6px;
  height: 121px;
  background: #6c6262;
  border-radius: 1px;
  -webkit-box-shadow: inset 1px 1px 1px 0 rgba(0, 0, 0, 0.06);
          box-shadow: inset 1px 1px 1px 0 rgba(0, 0, 0, 0.06);
}

.prism-player .prism-volume-control .volume-value {
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 0%;
  background: #30adf2;
  border-radius: 1px;
}

.prism-player .prism-volume-control .volume-cursor {
  position: absolute;
  bottom: 0;
  left: -7px;
  width: 20px;
  height: 20px;
  background: #fff;
  border-radius: 20px;
}

.prism-player .prism-volume-control .volume-cursor:hover {
  background: #00c1de;
}

.prism-player .prism-animation {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 64px;
  height: 64px;
  border-radius: 64px;
  opacity: 0;
  -ms-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

.prism-player .prism-play-animation {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAD8AAAA/CAYAAAEgWCBJAAAAAXNSR0IArs4c6QAACARJREFUaAXlWn1oVlUY31oObSmrqanBaENogqWRGQ1KaBbIyKKgQoYg2WBKCq36w5xdHc0+hjT8Y+AKAr9KdFQaoriQSTPbzJiCLkVr0lRwMWebOdvW73fbc3fe89773nPfe/f6sQee9zznOc95Ps73OfdNS4uFqciuUlnpSsZSaCEtEXArtIXuwi/V2jA4OPgBUfJMKbBEZZBWhe5GvgpoAW1IT09fKzRTXx9EgMIWfzSwMjTGW8jnAM8IXzRYwlDSDtCbGIWlMFVyGjMUcEANb4hpxQiQSaH29vY3pRbbIQbc2uEeSLwXIzWcscO8gXw/MH+Yb1MWfyVMmzP0Y6kZF/oT8HqFryqwhGmYNkDukCiIq8zW0AN2UdzHVmL3uYLa7p2dnX9NnDhxoyaYyX5w+l0rjMm6VLbLPUPIzs7O6OrqYusnglpRQKFSoD1+EtVQyizSqgKlzJ7amSpjiK5FeknleymgzALgY8CrwJ3AC8A40BUkGpZS2RKCqaogSBs4SmQ6PQ1lgRuQHoiCImYCgkV5KohZTMnkCGxubn6FtB9QgVt3pc2ZM2cmFS1atOjBBEqmshEtXUCdA1LmMbE6pQ1EzjN1Uwrh8UYKioqKNnp4cCxu0VNdaGho+Hn+/Pl7VZ5G76UCju8yteA6YOzYsR+pPC9aRqLlJZCAb6+N0gZBFXRAsb2wigdiyESRvZhKBV0B+Q8AY9pkSLgPadUQ7SRuCpxChaDSN4Cuo1aRE5LGvgDGLD5SqKaJHOAMT2aSqvqFjmk2YTJ1c6AU/CBLi6rPj2bnb1KFVAdMVlO1bhja2d5lGLOPvU4YjiFsrp6bsCNkRtAWbToLstuojVN1P4CLkmBdXd2TcULmDNsmu2AB0EiRx4pom+zv7/83Pz+/Gqe76+Y+pB2hA6uARtMrkQO6UexIJ+bOnbtL52t5+3DFfT9HK0g6i3X4n8mTJ1d3d3f3Gyi5ykHIQ0coWL9+fT33GyJ2gY8NjdPmTm4nPPFw5TLqBsilnT9/viM3N7eOdAigzQvqOmCFUJZMVdue6gCVRLn8ejkVsyzrDkilkViO45ZhGvNyQByJYnl2ll1RqqZ+DqiyQvMOPhs4HTh+iMmpzKvOr0DXY/yQXFwS1AFO28eBDwOnALOAPcCLwDbgUeAA0AhMjb8IbbyomMIxCH7rJ+xn/AUoYKTJAltit1flRMYtr0pJ8F11uRmfAOVvJ2HAr8oGCHSrQnL4EN4YECNhmPqpl/od0I2/75SMDBGjXzXue+yKyB/HjhifBsVc1VIBtEN7afIoV+5nta+vbxVkLjc2Nl72kzUo5/Q9yMiN9vcxgHXr1r3K41ZhYWG2gQE/kUxOtdeAM/wk9TPeNQCepap7e3uNl1PNxklG7mtYq2RnxwF6enoqzp49u8St3IA3Qwacgay7SF5eXi5bZc+ePc+5S3hzQxsX1cXFxYV0YvXq1QXC80vZ55afEMv1PvepM4hBWXP48OErieQii1wzkl5QUMA9IiHwSB0pbN68+cDixYt/NFEamfHW1tZTs2bN+trEqMiENo7X5Cs5OTmfDQwEn+40fhIYeK7D2AD6tfr06dPXJJKAqb3I1AeslFZaWvplRkZGZQjDNFnPyG+YGGek27dv/6GkpMRoMBnovCHHKG5xvLGkCjbBUIfMc15relNkmXZoz3m/Ic3rTSrAsSORi9EPhRihNEa/nGTEFifrL8CnhBFhyqNzzLSUAedmw3JjJslz1ZXIOO3ctOuSGuRLyPBqbAq8Ln/jJ+wXuV6fA5Qnz5RekXUnEuXHoJB7BfEh4DhgssAB+juQ+w/RaDWGnBEEbXk3pVydnwEaH9/clATknYJ8I9BeLAPWdcSTDZ6BLgSm6pbnOOxCcMf4DsgGCQRBgudwZsCPBLKQWuHjMMeGMJoeJsFPgLKlQKa3C3TD0c+BTD3BL/hXUPNW7mnPwIYKOBJ2eQl5Bc85/bpXpduQ/xV8jlsT9LMV4+Kp4nkSdxDMRCzjgb+pMenBs7cfVQWSoefNm3cfvt/iVa1vMJn6I1SHW/IU4AnRrw77oEc40RGXqq8r586da1+zZs3+LVu2/BkneHMYztFTgmdvvxyVL2rwqk58r+7ft2/fkbKyssaA36xVNVHQ9VDSyuB5Xn4XGOYYiurD4BX8sMT/FP83WFNTc6CyspJH11QCj82fMvgngMVRWjYNXrfZ0tJyYuXKlQ1NTU1detkI5L9n8CXA6VEqTzZ41Qc8vPdu3bq1EY3RHOL1XVWp02cY/DvAe/WSMPkogtft4wtAe0VFxf5t27ZFtXD+zeD5v3GmkcFIBK86h5HQM2nSpA0hR8QgFzt+L7/lAQ/SXVVVVbvwTLs2KysrzIcoibWHz7UXgZHOedEeJuXzMP6C2rJ8+fKDId+kvdy4yOD5D4lbInj+jwnb3n78me4PL48j5Lcx+KPAZ4GR7fOmDvI/wjt27Di0YsWKnwz+tW+q1kSO+/xRBs+H4r3AyE540OUJ/IJVXl5+ANDpKTTyBYx3gMETWoH5wNnMRAn8clZbW9uAT7THMY2jVJ2sLv7/iPHGbXG81fEuHwqWLVuWh8XqUltbW6q+/Jj6yzs97/Y2uO3vvM/zbfxOA65tu9Wg9Ps8y3jh5/bHB4A7BdjbTXowbj2vyozKNzy1AfhquxTI9HaBbjga+vVWDXZUvturDSA0d4SFwFHzxUYC19NR961ObwA1n4kMR0bUX2m5R/ephsLS/wH1d06gIbPkLwAAAABJRU5ErkJggg==) no-repeat;
  background-size: contain;
}

.prism-player .prism-pause-animation {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAD8AAAA/CAYAAAEgWCBJAAAAAXNSR0IArs4c6QAABbpJREFUaAXtm01oHVUUx5uqAS0pgoKpCylFrAEtLdkkiG4EIQurQRduRSkIEcSFC104LuzChatAIejeRa1fi64EUTDZPCtRiBWR4qKt25YoRGz8/6Y9w5n75r6Zee/Ne+ZND5x3zz333PNx586999xJ9u3LwyFV3/asKVdJHG1kYgJFjanQfv2iNoXd3d13IayERuBliBggcDrWCL/UBxNAOOEngOSOgPG66vcJfzO+aUiM4crLotdwMnFMTz5IBYEM1tfXl/0YqCHJCWSSjigVwMl7hG+5Tp5Mw/xHnH+FR3yL6IS6hQltkBgRKT8Q/y9r8woSY1Ysv5bcd6agqzND1ul0/lhZWelAo3RxcfEzSgc7d6rC4+uChYWFY7eYHUeHCqYZ5uy5d2mpwIiGUKEvImdsNn6jyiPCGWFVSCS4bR6EnXi1p0Om6meEf3p+TAEyS8ITwuvCs8Irwi4IFfSaltY5MYLSKzilevoOeYEInRjf3pYnxajamb4JP4ApePpmtdZvgjQKGPEcMHVt+tLg6ZygKkzlrscVTt1b9XAao+uQhUClH3hxUAUzgyq4MKiC80ykB4Sv9TMA6pOuy7mXo4Yi1sZsIiU1OiJ6WZgurP5doCHhpwTSxdRkQgXwY2Oyo7bT1tHKIgXW5kuUviLsmrVeyNEY+1hYOr69HOAN7+cldX5kZG7YMq6IIgdOiV9nafH6ymge/poX8g5UWU1930HobHu3XYln/MYgGmv2fULyW8JsV0uqKPCnq42NjU1/VPBtU1NT71XRJ5l0JWD3GxcssRiy9Y4LTuAA+/644DoOcOgYF5zFAU48rFyjBmxe8etAMmIPUnveAewPc/mNxZNblkMHrFMTy3HXMoyxmAPmyDCW52zZNaW+LHPAyxpNDn5c+LDQEgpeZVKdH4WFx3jxC6GuA7w188KjwlnhAeG28KrworAjvCGsBFWNPydtdVbLC5L/osyDMuPPSgGR9guMxFexzr2MJ7FOffALdRUZPyjlb/ZhoKzLhxK45oWYQB7uUqUJw9hAL/ozCI2/k7U0Q+T0e+Oxi51hu5HZMeOcclnVRgHYwV6WN7GujxJSe4W5d8wLn8T7g+bq6uq84CHr59uMV1BOY3y5oKGQ5S4EaM8uAjAcaytUdJO5zDOf6yHQZNOcTbgmjUR13zYeHZomG24Pe5OjG9XNsJNXjwO2MH5uHJaxayeZZAwOpJcI2F0bsfHUnr1qpDXZN5uGHcEO9rL9HJr0ZhSQ2bHIzej7RjRU5vTb1ZnZItX5QbhojCGWHJ3/9vpstnue0YkRQygLdfUyjs2xpUs+4OdVITWuCqTLn5cJl0Ue9meCjjxFDp3oVScl4lwIHhbeLewXmKCXhOw/IB+lhwZ1R77IMAnIU8JHixob4v0ivd8K08WyXxv9Bk+gJ4WjyvJ6xceO8aWQAakFdYJnOhPw47UsjFb4J5ljICq9HlWCPyhlrwop9wpck6MfCSmjUBb8C+r5f37S0cBuNTATPo0JxYLnnX4p1mkP8j+Rz11rQni2Ii5OFc9ATBA8plhmhL/6mMLgedrHvMAE0WzJs8KfLSYfPEc4RmiS4X4Fd68wfQW4IgR42sdTakg//uO4Vxl+RPdt3H8GV41Zc40P7FmfCEGcvws3OSuDS8I2AfHut0RhkPP3Xhw04p0neD4ithGOEjwrYBthluD5bNxGOEDwfC9vI2wT/NU2Rk7cBM9fSLQRLhJ8R5i7z2zBSBBvh+C5KD7fgoB9iMR7w463m6ocEQ7tiMsx1lszmn8tMTose7WFsgPU+fuj1LcwnyerI5efVCChIbdPwWd1MEj3yHtJ/yYNWNvO+aDC4Gkj4Wf7m6T0lqf9vTAH4bTPNarSyjs8Pwjc2rby9tYPQivv7f0AGM2OcFLYmi82FnhYsjO06ltdOAC+Pq0KM2NOeFg4yC0Rx9BLwi0he/SOcGjwH3EbEPF8TEPUAAAAAElFTkSuQmCC) no-repeat;
  background-size: contain;
}

.prism-player .play-apply-animation {
  -webkit-animation: prismplayanimation 1s 1;
  animation: prismplayanimation 1s 1;
}

@-webkit-keyframes prismplayanimation {
  0% {
    width: 32px;
    height: 32px;
    border-radius: 32px;
    opacity: 0;
  }

  50% {
    width: 32px;
    height: 32px;
    border-radius: 32px;
    opacity: 1;
  }

  100% {
    width: 76px;
    height: 76px;
    border-radius: 76px;
    opacity: 0;
  }
}

@keyframes prismplayanimation {
  0% {
    width: 32px;
    height: 32px;
    border-radius: 32px;
    opacity: 0;
  }

  50% {
    width: 32px;
    height: 32px;
    border-radius: 32px;
    opacity: 1;
  }

  100% {
    width: 76px;
    height: 76px;
    border-radius: 76px;
    opacity: 0;
  }
}

@-webkit-keyframes spinoffPulse {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }

  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@keyframes spinoffPulse {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }

  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@-webkit-keyframes hoverAnimationRotate {
  0%,
  100% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }

  50% {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
  }
}

@keyframes hoverAnimationRotate {
  0%,
  100% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }

  50% {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
  }
}

@-webkit-keyframes hoverAnimationScale {
  0%,
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  50% {
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
  }
}

@keyframes hoverAnimationScale {
  0%,
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  50% {
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
  }
}

@-webkit-keyframes hoverAnimationScaleX {
  0%,
  100% {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
  }

  50% {
    -webkit-transform: scaleX(1.2);
    transform: scaleX(1.2);
  }
}

@keyframes hoverAnimationScaleX {
  0%,
  100% {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
  }

  50% {
    -webkit-transform: scaleX(1.2);
    transform: scaleX(1.2);
  }
}

@-webkit-keyframes hoverVolumeAnimation {
  0%,
  100% {
    opacity: 1;
  }

  50% {
    opacity: 0;
  }
}

@keyframes hoverVolumeAnimation {
  0%,
  100% {
    opacity: 1;
  }

  50% {
    opacity: 0;
  }
}

.volume-hover-animation {
  -webkit-animation: hoverVolumeAnimation 0.3s 1;
  animation: hoverVolumeAnimation 0.3s 1;
}

@-webkit-keyframes hoverPlayButtonAnimation {
  0% {
    width: 63px;
    height: 63px;
    border: 7px solid #fff;
  }

  60% {
    width: 90px;
    height: 90px;
    border: 7px solid rgba(255, 255, 255, 0.51);
  }

  100% {
    width: 97px;
    height: 97px;
    border: 14px solid rgba(255, 255, 255, 0);
  }
}

@keyframes hoverPlayButtonAnimation {
  0% {
    width: 63px;
    height: 63px;
    border: 7px solid #fff;
  }

  60% {
    width: 90px;
    height: 90px;
    border: 7px solid rgba(255, 255, 255, 0.51);
  }

  100% {
    width: 97px;
    height: 97px;
    border: 14px solid rgba(255, 255, 255, 0);
  }
}

@-webkit-keyframes warn {
  0% {
    opacity: 0;
    -webkit-transform: scale(1);
            transform: scale(1);
  }

  25% {
    opacity: 0.1;
    -webkit-transform: scale(1);
            transform: scale(1);
  }

  50% {
    opacity: 0.3;
    -webkit-transform: scale(1.1);
            transform: scale(1.1);
  }

  75% {
    opacity: 0.5;
    -webkit-transform: scale(1.5);
            transform: scale(1.5);
  }

  100% {
    opacity: 0;
    -webkit-transform: scale(2);
            transform: scale(2);
  }
}

@keyframes warn {
  0% {
    opacity: 0;
    -webkit-transform: scale(1);
            transform: scale(1);
  }

  25% {
    opacity: 0.1;
    -webkit-transform: scale(1);
            transform: scale(1);
  }

  50% {
    opacity: 0.3;
    -webkit-transform: scale(1.1);
            transform: scale(1.1);
  }

  75% {
    opacity: 0.5;
    -webkit-transform: scale(1.5);
            transform: scale(1.5);
  }

  100% {
    opacity: 0;
    -webkit-transform: scale(2);
            transform: scale(2);
  }
}

.big-playbtn-hover-animation {
  -webkit-animation: warn 1s ease-out;
  animation: warn 1s ease-out;
}

.big-playbtn-hover-animation1 {
  -webkit-animation: hoverPlayButtonAnimation 1s 1;
  animation: hoverPlayButtonAnimation 1s 1;
}

.prism-player {
  position: relative;
  background-color: #222;
}

.prism-player a {
  text-decoration: none;
}

.prism-player video {
  position: absolute;
  top: 50%;
  left: 50%;
  -ms-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  -ms-transform-origin: center;
  -moz-transform-origin: center;
  -webkit-transform-origin: center;
  -o-transform-origin: center;
}

.prism-player .prism-ErrorMessage,
.prism-player .prism-cover {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #222;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}

.prism-player .x5-full-screen {
  -o-object-fit: fill;
     object-fit: fill;
  -o-object-position: 50% 50%;
     object-position: 50% 50%;
}

.prism-player .x5-top-left {
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: 0 0;
     object-position: 0 0;
}

.prism-player .prism-ErrorMessage {
  z-index: 99;
  display: none;
}

.prism-player .prism-ErrorMessage .prism-error-content {
  padding: 0 5px;
  margin-top: 20px;
}

.prism-player .prism-ErrorMessage .prism-error-content p {
  font-size: 12px;
  color: #fff;
  text-align: center;
}

.prism-player .prism-ErrorMessage .prism-error-operation {
  padding-bottom: 5px;
  margin-top: 10px;
  margin-bottom: 10px;
  text-align: center;
  border-bottom: 1.5px;
  border-bottom-color: rgba(255, 255, 255, 0.15);
  border-bottom-style: dotted;
}

.prism-player .prism-ErrorMessage .prism-error-operation a {
  display: inline-block;
  width: 80px;
  height: 32px;
  margin-left: 10px;
  line-height: 32px;
  vertical-align: top;
}

.prism-player .prism-ErrorMessage .prism-error-operation a.prism-button-refresh {
  color: #21c5e0;
  border: 1px solid #21c5e0;
}

.prism-player .prism-ErrorMessage .prism-error-operation a.prism-button-refresh:hover {
  color: #05d3f5;
  cursor: pointer;
  border-color: #05d3f5;
}

.prism-player .prism-ErrorMessage .prism-error-operation a.prism-button-refresh:active {
  color: #026a7b;
  border-color: #026a7b;
}

.prism-player .prism-ErrorMessage .prism-error-operation .prism-button-orange:visited {
  color: #05d3f5;
}

.prism-player .prism-ErrorMessage .prism-detect-info {
  font-size: 10px;
  color: #fff;
}

.prism-player .prism-ErrorMessage .prism-detect-info p {
  padding: 0 5px;
  margin: 0 0 4px;
  word-break: break-all;
}

.prism-player .prism-ErrorMessage .prism-detect-info span.info-label {
  display: inline-block;
  font-weight: 700;
}

.prism-player .prism-ErrorMessage .prism-detect-info span.info-content {
  color: gray;
}

.prism-player .prism-big-play-btn {
  z-index: 1000;
}

.prism-player .prism-controlbar {
  position: relative;
  z-index: 1;
  width: 100%;
  height: 48px;
  font-size: 14px;
}

.prism-player .prism-controlbar .prism-controlbar-bg {
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: -1;
  width: 100%;
  height: 44px;
  background: rgba(75, 75, 75, 0.1);
}

.prism-player .prism-time-display {
  height: 44px;
  font-size: 12px;
  line-height: 44px;
  color: #a4aab3;
}

.prism-player .prism-time-display .current-time {
  color: #fff;
}

.prism-player .prism-live-time-display {
  height: 44px;
  font-size: 12px;
  line-height: 44px;
  color: #a4aab3;
}

.prism-player .prism-live-time-display span {
  display: inline;
}

.prism-player .prism-live-time-display .live-text {
  margin-left: 5px;
  font-size: 12px;
  color: #ebecec;
}

.prism-player .prism-live-time-display .current-time {
  color: #fff;
}

.prism-player .prism-fullscreen-btn:hover {
  cursor: pointer;
  -webkit-animation: hoverAnimationScale 1s 1;
  animation: hoverAnimationScale 1s 1;
}

.prism-player .prism-liveshift-progress,
.prism-player .prism-progress {
  position: relative;
  width: 100%;
  height: 4px;
  cursor: pointer;
  background: rgba(195, 197, 198, 0.5);
  -webkit-box-shadow: inset 1px 1px 1px 0 rgba(0, 0, 0, 0.06);
          box-shadow: inset 1px 1px 1px 0 rgba(0, 0, 0, 0.06);
}

.prism-player .prism-liveshift-progress .prism-progress-time,
.prism-player .prism-progress .prism-progress-time {
  position: absolute;
  top: -25px;
  padding: 0 6px;
  font-size: 14px;
  color: #fff;
  text-align: center;
  white-space: nowrap;
  background: rgba(0, 0, 0, 0.8);
  border-radius: 7.5px;
  -webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.1);
}

.prism-player .prism-liveshift-progress .prism-progress-loaded,
.prism-player .prism-progress .prism-progress-loaded {
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  height: 100%;
  background: #c3c5c6;
}

.prism-player .prism-liveshift-progress .prism-progress-played,
.prism-player .prism-progress .prism-progress-played {
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  height: 100%;
  background-color: #00c1de;
}

.prism-player .prism-liveshift-progress .prism-progress-cursor,
.prism-player .prism-progress .prism-progress-cursor {
  position: absolute;
  top: -6px;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  display: none;
  width: 24px;
  height: 24px;
  overflow: hidden;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAkCAYAAADhAJiYAAAAAXNSR0IArs4c6QAABE5JREFUWAnNmM9vG0UUx9+8mdm1s3YKTtPWVkJMUCtqVJUm/IqAJj1U4lIOnPhvoP8N4gASuSAh0bQXWtoEqkCoQApOHeyINAHF3tq7szvDPBdHrhMhx95ErGTZM573/X78PDO7bxj0XMYY1um6CcBgCTC/ACwAwN1aja9XMumNXT7dDFVRRfEoMuHFsclQDOesoU3kS8H30o4sT+Xi9enJRjOXz8cugK4tgYEF0J+Aff/3Yoztf6aufXNqdGAIpGRff1mIWrnMvXSaL664F+otuAIaJyzyc3EUe9hlrQyg3sym4IcbM8GvfrMZ54vF+EULt2btOmDdUPvC3TCUldIC4FoNxN2HTyb/bMqr2rDCYab99iEz1TNpdeedy6crpTxEa0ugu7PVgWoDdcPM26zcLpfF0yAjb/3mLqjQzPRr2s846bCVa+eDpRG3oeaLxei2zVZ3plg3TH55mdfGZvl2C7zvHtVvaG2m+jE56hhEtjH3anZxPAV+fmc5rs3OxvtQBHTTzpdnmQFR3alnVirm40jD2FGNjjJeIOzMTLLPCmPZxnwR9jPFPjUGac5AsSxgdNT56o786Lgy0wtMmfrwqvoC9vZCKBcjmlPsc2O4HcjXtredr++lrrUSnjO9EL3tlJ1TH7zdulUaHw/tdzHS0qbVdP8hTp40DMGRJ3kTA7G095mcuytqDfF+L/1Jtcm7zWD3PKRN78sHqfNas/xJAfT6kDcxEAu6UvK/W/Hl3kEn3SYGYsFHW+4IKDNx0gAH/CwDseDPj/XL/d6bDogk2EEMxIJBoF9KUHcoKWJBFcfZoVQSDCYWBBRegprDSVkW7DxcDaeUTDSxoH3UMsnIJaBiWZAj8xOQSkSCWGyGzP8GiFgwxaGeyM9LQIRYMJ3CPxLQSkRixHM28bVC9LhdHSQiObgIMZTOtip41pFNFKw6uFQykcTQZglTOj7jmZ+SkR1chRiIBXMjUfTeK/x3wc3W4HLDRZI3MRALBkrFzNHRxClzbzjZwaPJmxiIBam8zaSVeveiqHpCrw4uO1gkeZI3MRALUq29G+SiKIjV9SvRXVewymDSR48iL/Ikb2IgFqTCn2rtIB0qB91g7oL8ljOwBcDxXuRBXuRJ3sRALEinEO3C3/cj7mbDF06pxlzJLDpoNo8LibTJg7zIE6w3MRBLu7bvLqUh2nXAkw5olfrmR+ctP9CXkgTzXFy9/nr4PaBsga9CELnwuVL6sMOGdOaJjAPXMRF37q+rQnUP3ghjdm4YMMcu7cIoPHhzWlaZiEPuBmGzcVodOGwgk26oZ4cOts73POE2HSlcLv166KxU5NSWDxdVYAr9FgV0O5Auq57z4JeZSbXhZZ2QJjDNGfqbDj2O6fzqbqjuAyuqKBtNKU2IwkgUO3sqvVrVE34o81EYZmPNR7Qx7cdgZMznGD8VjlP3HFW7VMDNsVHZZEpHtM/Q0qbV9F8HVv8Ab1VE7GXnBiUAAAAASUVORK5CYII=);
  border-radius: 12px;
}

.prism-player .prism-liveshift-progress .prism-progress-cursor img,
.prism-player .prism-progress .prism-progress-cursor img {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 24px;
  height: 24px;
  -ms-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

.prism-player .prism-liveshift-progress .cursor-hover,
.prism-player .prism-progress .cursor-hover {
  top: -10px;
  width: 32px;
  height: 32px;
  border-radius: 16px;
}

.prism-player .prism-progress {
  cursor: pointer;
}

.prism-player .prism-progress:hover {
  height: 10px;
  -webkit-transition: height 0.1s;
  -o-transition: height 0.1s;
  transition: height 0.1s;
}

.prism-player .prism-liveshift-progress {
  background: 0 0;
}

.prism-player .prism-liveshift-progress .prism-enable-liveshift {
  position: absolute;
  height: 5px;
  cursor: pointer;
  background: #fff;
}

.prism-player .prism-liveshift-progress .prism-enable-liveshift:hover {
  height: 10px;
  -webkit-transition: height 0.1s;
  -o-transition: height 0.1s;
  transition: height 0.1s;
}

.prism-player .prism-liveshift-progress .prism-liveshift-seperator {
  position: absolute;
  top: -8px;
  right: -65px;
  height: 15px;
  margin-right: 5px;
  margin-left: 5px;
  color: #fff;
}

.prism-player .prism-loading {
  width: 55px;
  height: 55px;
  margin-top: -27px !important;
  margin-left: -27px !important;
}

.prism-player .prism-loading .circle {
  width: 45px;
  height: 45px;
  margin: 0 auto;
  background-color: rgba(0, 0, 0, 0);
  border: 5px solid;
  border-color: rgba(0, 193, 222, 0.2) rgba(0, 193, 222, 0.5) rgba(0, 193, 222, 0.7)
    rgba(0, 193, 222, 0.1);
  border-radius: 50px;
  opacity: 0.9;
  -moz-animation: spinoffPulse 0.9s infinite linear;
  -webkit-animation: spinoffPulse 0.9s infinite linear;
}

.prism-player .prism-hide {
  display: none;
}

.prism-player .prism-snapshot-btn {
  width: 32px;
  height: 32px;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAYAAAHdbkFIAAAAAXNSR0IArs4c6QAAAydJREFUeAHtWjty1EAQ3QXKAbljuYozcAo4BoW5BLk5ATknIDcxVRyBCxhiExKY10It3nzVkkbeZbenamp6ul9/9NTaHcu7260dew3wgKGyrnuMJ7qRVRQyWBcAEORWgQzqZU4hsowEdCBFf0m5goLLZQDkOy42iRB4KjKK0JOltiNYgzvLtdZq4wt9lgMyILbHSYJ2YjCA97w3yRJdBoP/av4Fi+2rOeBkLi9kYPVdKDaStaCklee0sSQxVRB3H1eXDQCHNwyqVcW43dD3vAQPlBrYKVfBa8koA8Bv4sQOVbkEHjLfD2sQcHUfVCtyozPwOAwEfcwpSw8FY+bIw5OZuCQfZwkCipJzDss6y0XkPks4hllGsgvMO8wbs1MNKNXrqOHUBuxNjNe9rIozr7Ez9j9ZB/ntVDDGT2ETOzsP8ncFYd9F9mwxjFFf82p1Bq5jLORrTcJ61cXrwR/DZk9BfGW+dwacAWfAGbAy4N8FB/8yOp1DqbXpYlyzW4DTjxxK5VR8ESdZtLccpzgw4ccXo6QrnoqbMUDFfCJ5uZirHrpfmNkTcC5TLkYOl9WxM+RX0T54fZMNACX7lDBFPTuT/JVkEccjeC4QY3P2qo6dB/mlOmD/hexFNghTbEKNmaxTzrB3jIGc9AbbkwRTCqszcLeEDdggfXsG+AKQqONkkPveYB3jWfav4y0+CZlhl50BZ8AZcAacAWfAGXAGnIEKA8UDeclHTvkl2zHo5/538+zP42dPgOn9pKW157aeJWYN0+pRPPsOODoCcGfHHx/IXR5Gm19C1FrKatOK4tXqP4VDXHnJHY/xnbP6xwDdq926btoBKOoFZmctZsBdYf2A+WOYIl9hHsdQpuNVq4P+EvNzbMdeXmHOJUPDJmsmfq9KgK0VpcTQf6zYYtNqMuKAum99vUk8TTSx/ob9PeZTCYD1Heb4K1DIPBaRwQFYTgpureBkGVm64HkpJ2x7zGvM1WQgRnaUcjfTZ7NCuSQB3BaT0bKOWbVvlXguGVvVMUnGYyS2kNGqDv9zePKWnzhg05PgiXPnl+cMOAPOgDPgDDgD/zkDfwDyUp0YrB7CmAAAAABJRU5ErkJggg==) no-repeat;
  background-size: contain;
}

.prism-player .prism-snapshot-btn:hover {
  cursor: pointer;
  -webkit-animation: hoverAnimationScale 1s 1;
  animation: hoverAnimationScale 1s 1;
}

.prism-player .prism-snapshot-btn:active {
  displa: block;
}

.prism-player .prism-info-display {
  position: absolute;
  top: 50%;
  z-index: 900;
  width: 100%;
  height: 44px;
  padding: 10px 12px;
  font-size: 16px;
  line-height: 28px;
  color: #fff;
  text-align: center;
}

.prism-player .prism-setting-list .prism-setting-item .setting-content span,
.prism-player .prism-setting-selector .header span {
  line-height: 36px;
}

.prism-player .prism-info-display span {
  color: #00c1de;
}

.prism-player .prism-info-left-bottom {
  top: auto !important;
  bottom: 70px;
  left: 20px !important;
  width: auto !important;
  text-align: left;
}

.prism-player .prism-auto-stream-selector {
  position: absolute;
  bottom: 50%;
  display: none;
  width: 100%;
  margin: auto;
  color: #efeff4;
}

.prism-player .prism-auto-stream-selector p.tip-text {
  text-align: center;
}

.prism-player .prism-auto-stream-selector .operators {
  width: 100px;
  margin: auto;
}

.prism-player .prism-button-cancel {
  padding: 2px 5px;
  margin-left: 5px;
  font-size: 16px;
  color: #fffa8;
  background: 0 0;
  border: 1px solid;
}

.prism-player .prism-button-ok {
  padding: 2px 5px;
  font-size: 16px;
  color: #fff;
  background: 0 0;
  border: 1px solid #fff;
}

.prism-player .prism-button-cancel:hover,
.prism-player .prism-button-ok:hover {
  color: #f5f5f5;
}

.prism-player .prism-cc-btn {
  width: 28px;
  height: 28px;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADgAAAAsCAYAAAAwwXuTAAAAAXNSR0IArs4c6QAAANVJREFUaAXtllEOgCAMQ8V4BL3/AeUOmvi5BEYmTUZT/whQt74GKHetz0b87cS9fa2pwdUJi6AIJndAEU0OyC2PnuDhWXCdZ/HW9Oa9lxJan56gGuzFb4U5EVyBUq9G9xRtbban49/T0P5nlj59RMMEPcft/N+xJTqqR09QDY5GIes6EcxKZrQuERx1Kuu6afdg6yUTvb+sYVF9+oiGCbYctc5Hx7P06QmqwWjEsuwTwSwkonWUWfdUtAD0PkUU7TBaXwTRDqP1RRDtMFpfBNEOo/XpCb7+ZiflzAikegAAAABJRU5ErkJggg==) center no-repeat;
  background-size: contain;
}

.prism-player .prism-cc-btn:hover {
  cursor: pointer;
  -webkit-animation: hoverAnimationScale 1s 1;
  animation: hoverAnimationScale 1s 1;
}

.prism-player .prism-setting-btn {
  width: 28px;
  height: 28px;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADYAAAA2CAYAAACMRWrdAAAAAXNSR0IArs4c6QAAA3BJREFUaAXtmjtv1EAQx732XSpOupOPBoQQSJHoKKmA4j4AJQ1SIvEo+BB8EYhCm5IWKQWPJiWijEQKoECx7y46lCJ3jpm/pbUcZ73e9XpXF2RL0T5md2Z++/J4L57n4EnT1D+O43dRFG07MOfGBKCiON49jqKU0sQVHLOJB6h4Ot2hNJ8pxti5l6bPx+Pxe5u2rYGJoDiICzgrYDIoV3Ctg6lAuYBrFUwHyjacFIwc7Z2cnNziTtSlqyR5Q32269qV5dhzKWOv+77/sSwTlZMkWYZh+Esk43VSsPl8fme5Wv3gjdcmZezoehjelfnjy4RXWdaBXbXZ62asm7E1GYFuKa7JRCi70c2Y8lAVGlJYs+8z9srb2Lg3DsMB/pBHHWSFpq1nK0OqJgFtwbvDXhC8HI1Gnwp1l7Kz2ewxxZdvSbB5SSipUPmeE4IZQTH2pR8ET4bD4UziWy6ieHS0TJIP9FX9MK9UyNTBXQIzgvK8w36v90AVivufwa1WB1RubeYuHB6GUB6Wny4U4NAHfTmoagp/PcZ2RBdEOZgpFE39ft2ekjmMvtAhayOSVcFlYKZQMEhrfk9kWKeuqQ4RnN8GFJw/7/c/60CI2proKMMx3NDink9kSKcO7yga8b86fcptyblrdKm6KNfrlLPTkrEtn6Xp16yg09tS24hWdAuqZwFj333cyJK2F6Zw0WJx09ipxeKGiQ5iiAPfn9BB9C07POjGZxfL0QTOXy4fmTiFviY6ilCZLu5MdpduAEf74ynX1TRtqqMMdQEMBRO41PMmiP2aQqEvdOj2F0FBh3CzZm9yeqNnR6ieJdchVb6nym7mkUdRYDBzmwhoEfsV9cnyeRCsHydWQsGeEAwCwOHaGXmth6J0uj0+UFmWaIO2upE9+XPKT78q34RLkTem0TS64ibl+7QH9hBRjAeD39CL1wJOPxwUTfZU5pvCFXePQ9hI4TgBTLyzM48iitzEeZ6zl6lcivZMutHcgbkZ5/asdDPW3li60dTNmJtxbs/Kfztj0hc0fp2nW5oj1XGkSON2g8CZqz8lW394oSb9WSMXR/d1narkTb8Kqj49quyo1EtjRRUF5Ta6cDag4FPrYFCqCmcLyhqYCpxNKKtgMjjbUNbBRHAuoGDXyYM9l/3bbBxH9NV834lRV0ai6fSZS6h/YKUM+mPI10YAAAAASUVORK5CYII=) center no-repeat;
  background-size: contain;
}

.prism-player .prism-setting-btn:hover {
  cursor: pointer;
  -webkit-animation: hoverAnimationRotate 1s 1;
  animation: hoverAnimationRotate 1s 1;
}

.prism-player .prism-setting-list {
  position: absolute;
  right: 14px;
  bottom: 54px;
  z-index: 10000;
  display: none;
  width: 220px;
  background: #3c3c3c;
}

.prism-player .prism-setting-list .prism-setting-item {
  height: 36px;
  font-size: 14px;
  color: #ebecec;
}

.prism-player .prism-setting-list .prism-setting-item .setting-content {
  width: 100%;
}

.prism-player .prism-setting-list .prism-setting-item .setting-content:hover {
  cursor: pointer;
  background: rgba(216, 216, 216, 0.1);
}

.prism-player .prism-setting-list .prism-setting-item .setting-content .setting-title {
  margin-left: 15px;
}

.prism-player .prism-setting-list .prism-setting-item .setting-content .current-setting {
  float: right;
}

.prism-player .prism-setting-list .prism-setting-item .array {
  display: inline-block;
  float: right;
  width: 8px;
  height: 8px;
  margin-top: 15px;
  margin-right: 10px;
  margin-left: 10px;
  border-color: #fff;
  border-right: 2px solid;
  border-bottom: 2px solid;
  -ms-transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}

.prism-player .prism-setting-selector {
  position: absolute;
  right: 40px;
  bottom: 54px;
  z-index: 10000;
  display: none;
  width: 180px;
  font-size: 14px;
  color: #ebecec;
  background: #3c3c3c;
}

.prism-player .prism-setting-selector .header {
  width: 180px;
  height: 36px;
  background: #242424;
}

.prism-player .prism-setting-selector .header:hover {
  cursor: pointer;
}

.prism-player .prism-setting-selector .header .left-array {
  display: inline-block;
  float: left;
  width: 8px;
  height: 8px;
  margin-top: 14px;
  margin-right: 6px;
  margin-left: 16px;
  border-color: #fff;
  border-bottom: 2px solid;
  border-left: 2px solid;
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}

.prism-player .prism-setting-selector ul {
  max-height: 150px;
  padding-left: 0;
  overflow-y: auto;
  list-style-type: none;
}

.prism-player .prism-setting-selector ul li {
  height: 36px;
  padding-left: 32px;
}

.prism-player .prism-setting-selector ul li.current {
  padding-left: 20px;
  color: #30adf2;
}

.prism-player .prism-setting-selector ul li.current:before {
  display: inline-block;
  padding-right: 5px;
  margin-top: 14px;
  line-height: 0;
  content: '';
  border: 5px solid transparent;
  border-right-width: 0;
  border-left-color: #30adf2;
}

.prism-player .prism-setting-selector ul li:hover {
  cursor: pointer;
  background: rgba(216, 216, 216, 0.1);
}

.prism-player .prism-setting-selector ul span {
  line-height: 36px;
}

.prism-player .prism-thumbnail {
  position: absolute;
  bottom: 55px;
  display: none;
  width: 174px;
  height: 98px;
  border: 1px solid rgba(0, 0, 0, 0.8);
}

.prism-player .prism-thumbnail .none {
  border: none;
}

.prism-player .prism-thumbnail span {
  position: absolute;
  bottom: 0;
  left: 33%;
  display: inline-block;
  padding-right: 5px;
  padding-left: 5px;
  font-size: 12px;
  line-height: 20px;
  color: #fff;
  text-align: center;
  text-shadow: 1px 1px 4px #373d41;
  background: rgba(0, 0, 0, 0.8);
}

.prism-player .prism-tooltip {
  position: absolute;
  bottom: 56px;
  display: none;
  height: 28px;
  padding-right: 5px;
  padding-left: 5px;
  font-size: 10px;
  line-height: 28px;
  color: #fff;
  white-space: nowrap;
  background: #3c3c3c;
  -webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.1);
          box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.1);
}

:-ms-full-screen {
  width: 100% !important;
  height: 100% !important;
}

:-ms-fullscreen {
  width: 100% !important;
  height: 100% !important;
}

:-webkit-full-screen {
  width: 100% !important;
  height: 100% !important;
}

:-moz-full-screen {
  width: 100% !important;
  height: 100% !important;
}

:fullscreen {
  width: 100% !important;
  height: 100% !important;
}

body.prism-full-window {
  height: 100%;
  padding: 0;
  margin: 0;
  overflow-y: auto;
}

.prism-fullscreen {
  position: absolute;
  top: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  left: 0 !important;
  z-index: 99999;
  width: 100% !important;
  height: 100% !important;
  overflow: hidden;
}

.prism-button {
  text-align: center;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);
  cursor: pointer;
  border-radius: 0.5em;
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
          box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
}

.prism-button-orange {
  color: #a56117;
  border: 1px solid #a56117;
}

.prism-button-retry {
  color: #f2dede;
  border: 1px solid #f2dede;
}

.prism-button-orange:active,
.prism-button-orange:hover {
  color: #d67400;
  border-color: #d67400;
}

.prism-button-orange:visited {
  color: #d67400;
}

.prism-button-retry:active,
.prism-button-retry:hover {
  color: #fcf8e3;
  border-color: #fcf8e3;
}

.prism-button-retry:visited {
  color: #fcf8e3;
}

.prism-center {
  position: absolute;
  left: 50%;
  -ms-transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}

.prism-width90 {
  width: 90%;
}

.prism-stream-selector {
  position: relative;
  font-size: 16px;
  line-height: 32px;
}

.prism-stream-selector .current-stream-selector {
  display: none;
  width: 70px;
  color: #efeff4;
  text-align: center;
}

.prism-stream-selector .current-stream-selector:hover {
  color: #00c1de;
  cursor: pointer;
}

.prism-stream-selector .stream-selector-tip {
  position: absolute;
  bottom: 61.5px;
  left: 43%;
  display: none;
  padding: 2px 5px;
  font-size: 18px;
  color: #fff;
  text-align: center;
  white-space: nowrap;
}

.prism-stream-selector .stream-selector-list {
  position: absolute;
  bottom: 32px;
  display: none;
  width: 70px;
  padding: 5px 5px 0;
  margin: 0;
  color: #efeff4;
  background: rgba(0, 0, 0, 0.4);
}

.prism-stream-selector .stream-selector-list li {
  padding: 0 2px;
  line-height: 24px;
  text-align: center;
  white-space: nowrap;
  list-style-type: none;
}

.prism-stream-selector .stream-selector-list li:last-child {
  margin-bottom: 10px;
}

.prism-stream-selector .stream-selector-list li span.current,
.prism-stream-selector .stream-selector-list li.current {
  color: #00c1de;
}

.prism-stream-selector .stream-selector-list li:hover {
  color: #00c1de;
  cursor: pointer;
}

.prism-speed-selector {
  position: relative;
  font-size: 16px;
  line-height: 32px;
}

.prism-speed-selector .current-speed-selector {
  width: 60px;
  color: #efeff4;
  text-align: center;
}

.prism-speed-selector .current-speed-selector:hover {
  color: #00c1de;
  cursor: pointer;
}

.prism-speed-selector .speed-selector-list {
  position: absolute;
  bottom: 32px;
  display: none;
  padding: 5px 5px 0;
  margin: 0;
  color: #efeff4;
  background: rgba(0, 0, 0, 0.4);
}

.prism-speed-selector .speed-selector-list li {
  padding: 0 2px;
  line-height: 24px;
  text-align: center;
  white-space: nowrap;
  list-style-type: none;
}

.prism-speed-selector .speed-selector-list li:last-child {
  margin-bottom: 10px;
}

.prism-speed-selector .speed-selector-list li span.current,
.prism-speed-selector .speed-selector-list li.current {
  color: #00c1de;
}

.prism-speed-selector .speed-selector-list li:hover {
  color: #00c1de;
  cursor: pointer;
}

.prism-ai-container {
  position: absolute;
  overflow: hidden;
}

.prism-ai-container .prism-ai-marking {
  position: absolute;
  font-size: 12px;
}

.prism-ai-container .prism-ai-marking[vh='large'] {
  font-size: 18px;
}

.prism-ai-container .prism-ai-marking[vh='middle'] {
  font-size: 16px;
}

.prism-ai-container .prism-ai-marking .prism-ai-rect-region {
  position: relative;
  display: inline-block;
}

.prism-ai-container .prism-ai-marking .prism-ai-rect-region .prism-ai-title {
  height: 0;
  -ms-transform: translateY(-40px);
  -webkit-transform: translateY(-40px);
          transform: translateY(-40px);
}

.prism-ai-container .prism-ai-marking .prism-ai-rect-region .prism-ai-title p {
  width: 100%;
  margin: 10px 0 0;
  color: #fff;
  text-align: center;
  word-break: keep-all;
  background: #ff1d00;
}

.prism-ai-container .prism-ai-marking .prism-ai-rect-region .prism-ai-title .top-left-anchor {
  width: 5px;
  height: 5px;
  border-width: 1px;
  border-top-color: red;
  border-top-style: solid;
  border-left-color: red;
  border-left-style: solid;
  -ms-transform: translate(-5px, 10px);
  -webkit-transform: translate(-5px, 10px);
          transform: translate(-5px, 10px);
}

.prism-ai-container .prism-ai-marking .prism-ai-rect-region .prism-ai-title .top-right-anchor {
  float: right;
  width: 5px;
  height: 5px;
  border-width: 1px;
  border-top-color: red;
  border-top-style: solid;
  border-right-color: red;
  border-right-style: solid;
  -ms-transform: translate(5px, 5px);
  -webkit-transform: translate(5px, 5px);
          transform: translate(5px, 5px);
}

.prism-ai-container .prism-ai-marking .prism-ai-rect-region .prism-ai-rect {
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  color: rgba(255, 29, 0, 0.3);
  background: rgba(255, 29, 0, 0.1);
  border-color: #ff1d00;
  border-style: solid;
  border-width: 1px;
}

.prism-ai-container
  .prism-ai-marking
  .prism-ai-rect-region
  .prism-ai-rect
  .prism-ai-slash-container {
  position: absolute;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.prism-ai-container .prism-ai-marking .prism-ai-rect-region .prism-ai-rect .prism-ai-slash {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: block;
  height: 10px;
  margin-top: 15px;
  content: '';
  border-top-style: solid;
  border-top-width: 1px;
  border-bottom-style: solid;
  border-bottom-width: 1px;
  -webkit-transform: rotateZ(-45deg) scaleX(2);
      -ms-transform: rotate(-45deg) scaleX(2);
          transform: rotateZ(-45deg) scaleX(2);
  -ms-transform-origin: bottom center;
  -webkit-transform-origin: bottom center;
          transform-origin: bottom center;
}

.prism-ai-container .prism-ai-marking .prism-ai-rect-region .prism-ai-rect .prism-ai-top-slash {
  margin-top: -10px !important;
}

.prism-ai-container .prism-ai-marking .prism-ai-rect-region .anchor-plug {
  position: absolute;
}

.prism-ai-container .prism-ai-marking .prism-ai-rect-region .top-left {
  top: -7px;
  left: -2px;
}

.prism-ai-container .prism-ai-marking .prism-ai-rect-region .top-right {
  top: -7px;
  right: -2px;
}

.prism-ai-container .prism-ai-marking .prism-ai-rect-region .bottom-left {
  bottom: -8px;
  left: -2px;
}

.prism-ai-container .prism-ai-marking .prism-ai-rect-region .bottom-right {
  right: -2px;
  bottom: -8px;
}

.prism-ai-container .prism-ai-marking .prism-ai-labels {
  float: right;
  padding-top: 5px;
  padding-bottom: 5px;
  color: #fff;
  background: rgba(0, 0, 0, 0.4);
}

.prism-ai-container .prism-ai-marking .prism-ai-labels p {
  padding-right: 5px;
  padding-left: 5px;
  margin: 0;
  text-align: left;
}

.prism-ai-container .prism-ai-marking .prism-ai-labels a {
  padding-right: 5px;
  padding-left: 5px;
}

.prism-ai-container .prism-ai-marking .prism-ai-labels p[vh='large'] {
  padding-right: 25px;
  padding-left: 25px;
}

.prism-ai-container .prism-ai-marking .prism-ai-labels p[vh='middle'] {
  padding-right: 15px;
  padding-left: 15px;
}

video::-webkit-media-text-track-container {
  overflow: visible !important;
}

video::cue {
  line-height: 1.7;
}

.disabled {
  color: gray;
  pointer-events: none;
}

@charset "UTF-8";
* {
  -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; }

body {
  padding: 0;
  margin: 0;
  font-size: 12px;
  line-height: 1.5;
  color: rgba(0, 0, 0, 0.4); }
  body div,
  body dl,
  body dt,
  body dd,
  body ul,
  body ol,
  body li,
  body h1,
  body h2,
  body h3,
  body h4,
  body h5,
  body h6,
  body pre,
  body code,
  body form,
  body fieldset,
  body legend,
  body input,
  body textarea,
  body p,
  body blockquote,
  body th,
  body td,
  body hr,
  body button,
  body article,
  body aside,
  body details,
  body figcaption,
  body figure,
  body footer,
  body header,
  body hgroup,
  body menu,
  body nav,
  body section {
    padding: 0;
    margin: 0; }
  body button,
  body input,
  body select,
  body textarea {
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
    color: inherit;
    -webkit-appearance: none; }
  body ul,
  body ol {
    list-style: none; }
  body input::-ms-clear,
  body input::-ms-reveal {
    display: none; }
  body h1,
  body h2,
  body h3,
  body h4,
  body h5,
  body h6 {
    font-weight: 500; }
  body ::-moz-selection {
    color: #222 !important;
    background: #a7c9ef !important; }
  body ::selection {
    color: #222 !important;
    background: #a7c9ef !important; }

/* 吃豆豆动画 start */
@-webkit-keyframes rotate_pacman_half_up {
  0% {
    -webkit-transform: rotate(270deg);
    transform: rotate(270deg); }
  50% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); }
  100% {
    -webkit-transform: rotate(270deg);
    transform: rotate(270deg); } }

@keyframes rotate_pacman_half_up {
  0% {
    -webkit-transform: rotate(270deg);
    transform: rotate(270deg); }
  50% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); }
  100% {
    -webkit-transform: rotate(270deg);
    transform: rotate(270deg); } }

@-webkit-keyframes rotate_pacman_half_down {
  0% {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg); }
  50% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg); } }

@keyframes rotate_pacman_half_down {
  0% {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg); }
  50% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg); } }

@-webkit-keyframes pacman-balls {
  75% {
    opacity: 0.7; }
  100% {
    -webkit-transform: translate(-100px, -6.25px);
    transform: translate(-100px, -6.25px); } }

@keyframes pacman-balls {
  75% {
    opacity: 0.7; }
  100% {
    -webkit-transform: translate(-100px, -6.25px);
    transform: translate(-100px, -6.25px); } }

.pacman {
  position: relative;
  left: 48px; }

.pacman > div:nth-child(2) {
  -webkit-animation: pacman-balls 1s -0.99s infinite linear;
  animation: pacman-balls 1s -0.99s infinite linear; }

.pacman > div:nth-child(3) {
  -webkit-animation: pacman-balls 1s -0.66s infinite linear;
  animation: pacman-balls 1s -0.66s infinite linear; }

.pacman > div:nth-child(4) {
  -webkit-animation: pacman-balls 1s -0.33s infinite linear;
  animation: pacman-balls 1s -0.33s infinite linear; }

.pacman > div:nth-child(5) {
  -webkit-animation: pacman-balls 1s 0s infinite linear;
  animation: pacman-balls 1s 0s infinite linear; }

.pacman > div:first-of-type {
  position: relative;
  left: -30px;
  width: 0;
  height: 0;
  border-top: 25px solid #fe6a49;
  border-right: 25px solid transparent;
  border-bottom: 25px solid #fe6a49;
  border-left: 25px solid #fe6a49;
  border-radius: 25px;
  -webkit-animation: rotate_pacman_half_up 0.5s 0s infinite;
  animation: rotate_pacman_half_up 0.5s 0s infinite; }

.pacman > div:nth-child(2) {
  position: relative;
  left: -30px;
  width: 0;
  height: 0;
  margin-top: -50px;
  border-top: 25px solid #fe6a49;
  border-right: 25px solid transparent;
  border-bottom: 25px solid #fe6a49;
  border-left: 25px solid #fe6a49;
  border-radius: 25px;
  -webkit-animation: rotate_pacman_half_down 0.5s 0s infinite;
  animation: rotate_pacman_half_down 0.5s 0s infinite; }

.pacman > div:nth-child(3),
.pacman > div:nth-child(4),
.pacman > div:nth-child(5),
.pacman > div:nth-child(6) {
  position: absolute;
  top: 25px;
  left: 70px;
  width: 10px;
  height: 10px;
  margin: 2px;
  background-color: #fe6a49;
  border-radius: 100%;
  -webkit-transform: translate(0, -6.25px);
  -ms-transform: translate(0, -6.25px);
  transform: translate(0, -6.25px); }

/* 吃豆豆动画 end */
.spinner {
  width: 70px;
  margin: 100px auto 0;
  text-align: center; }

.spinner {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAASMAAAEgCAYAAAD/tBWDAAAAAXNSR0IArs4c6QAAAERlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAABI6ADAAQAAAABAAABIAAAAADbElwzAAAuIElEQVR4Ae2dCYAdRb3uz5l9JpNksgAhhC2TQMJkg4Aa1gBRlqso5AKCLKJe0OuCT694VbzkCm54gwjyBBdcgjwgCoI+FuVJgEgQDQkJgWxsSVAxIcmEZCYzycx5v3/P6TCZqZr1zEx3n6+Tnu7+V3V11a/qfF1VXV2dSmkRAREQAREQAREQAREQAREQAREQAREQAREQAREQAREQAREQAREQAREQAREQAREQAREQAREQAREQAREQAREQAREQAREQAREQAREQAREQAREQAREQAREQAREQAREQAREQAREQAREQAREQAREQAREQAREQAREQAREQAREQAREQAREQAREQAREQAREQAREQAREQAREQAREQAREQAREQAREQAREQAREQAREQAREQAREQAREQAREQAREQAREQAREQAREQAREQAREQAREQAREQAREQAREQAREQAREQAREQAREQAREQAREQAREQAREQAREQAREQAREQAREQAREQAREQAREQARGIJoF0NKOlWA0UgenTpxfX1tYelMlkDk6n06PZDmc7orm5eYRtiddQ1hLsJbbFZvtFbHdx3NBm3cLxJtzexM8m2y8sLHydsF5Zu3btRo61iMAeAhKjPSjya+fwww8f3dTUNAmRmEzKbR3HejDHo9kWsPb1sgORepXrvcKFVrO/jHX5mDFjXliwYMHOvr64wo8eAYlR9PIk5zGqqakZXl9f/y5+7McS+LEIwFS2w3N+odwE2EQ8VxPHJQUFBX+y9cILL1w+Z86c5twEr1CiSkBiFNWc6UW8Jk+ePAzxmcUP+j0EcxzbCWxjm9eI0zbiv4jtE2wfXrNmzRL2M+xrSRCB2BbQBOVBTpIybty4o+iLeS8/0tMRn3cQaGFOAo5mIG+QzoeJ2kMVFRW/X758ufVNaYk5AYlRzDNw5syZRevWrbuLZMyOeVJ6FH1EaTcnPsp6NyJ838svv1zbo4B00oATkBgNeBb0LgLUiD5HjWhu70LZ6+xmfuCv88N+Detr9NlsZP9NbJtty/Fm7A3sN7JttC1PyHazFHNcir9S22IvZ9+ewI1k357CjWTdj/1DsB3KdgjHOV0I1+JkNab/w/59PLGzp3taYkJAYhSTjPJFs7q6+n5+2Gf53Duw1+G2gnU5AvM863L2Xx48ePD6xYsX22P6Pl2y/VomSuO50GS2U9jaenAuLowY2XCCXxQVFf1w9erVK3MRpsLoWwISo77l2+ehjx079vtc5JOdXCjDj3MlP86nEJ1g5QnV6ig+oSI9Q4nrUaTneNbjWGcQ797Wop4knFsPOuigexg2YM06LREkIDGKYKZ0J0qMFzqUJtIz/GCtGdR6eZUftTVZHqGT9/G4dvIimAV33nnnZJqip7KeQZpOIK3WFOz2wrnrWb9bWlr6oxUrVmzvdgA6oU8JSIz6FG//BE5t4iCu9HF+aNY3s4KmySOrWPrn6v17lSlTpgyqq6s7BUE6k/UDXH1UD2KwlXN+gEh/7/nnn3+jB+frlD4gIDHqA6gKsn8IWK1p3rx5M7na+ayzEScT4+4sdQj498vKyr5NTWlzd06U39wTkBjlnqlCHAAC2SEO70FcPsbl34cwFXU1GpyzDf9zi4uLv0uF8q2unid/uSUgMcotT4UWAQITJ07cf9euXZfRx2TCdGhXo4Qo2Uu911x00UW3RrFzv6vpiKs/iVEvcy7z2Jyixi2pCc3ppmmZTHpKqrm5IlMxpDnTnGlKD6pamy4s/Ev5/qOfS48/U2Neesm6u6dT20kfdthh/8ILwVdx7gndOP/P9LtdwZCA57pxjrz2koDEqIcAG+75/BHpurf+LZNqvjiTSY1oLq1sCYk3psL9TOngVBrChRVVjZh/W1xZdVPxO86396u09DOB8ePHvxNR+gKXPZu101kJqCHZEIDvDRo06Jply5bt6Ofo5uXlJEbdzPbMHZ8es7tu0y3cdc96+93TDG+hplNNJkgoky0mRBn+NZdUsm9ClU4VVAxNFVUOW1owuOrK4iNOkygFpPr3D08ebZDlNawXsHYqSvhZx9isTzOa+wH2tfQhAYlRN+A2/uiDnyxsqPtmprm5pcoT6A5/rPoTiFB6T63IRMjMTSWDgiuEolRQUZUqHDS0uXDQ8LlFk8ZcnU7X2CsMWvqZAK/R1HBDuY7Vhgd0ulBTuo/1M4jShk49y0OPCEiMuoDN+h6abznrxvTO7Z/Zy3vrXiCG4eEPAUKQECKOAmFqpoZkQmVNN6stmZvVkAoHBaL016LKUe9OH3qkjXvRMgAE6FM6hubbd8i7kzq7PHm7HX9fZTbMm+fPn9/UmX+5d4+AxKgTXpnMnILUDU/cRiH8WDCpqtWAGqndBzWhNieXZY+z44Obg1pRS23J9k2MrKaUKRucKigfGorS08WjDnp3et8ajQhug7M/D3nH71Ku9z/kc9uR7K5oLGQYwPkMA/iby1G2nhGQGHXCLTP35C9l6lPfCKYm22meQWZbH7lSxMocy9juEaXKlloSQmQ1pVCYCgYhSIhS0aCqPxZNPv3d3Hk1m6EhHqBlwoQJI3i15jsMCfgwUfDlcBg7m1Ppgpdeeumx0KBt7wh0Brx3ocf87MzcWUemdu7+c2ZnujjVkEW107YIjXUIBeLUchiIj9lMjKzWZLUkW4P9t2tH1kwL+4+s6Va8zyGpdPkQBGnYlYXjZtzEGVoGmABP3k5EkG6lljSxk6hYU+0rCNL1CBOZrqU3BLK/sN4EkcxzbfxQatETS6kV1QTNs6A2ZAJkyCh3oTi1Tn5QK8Jg29ZNNo4z1JTCPiOrGe0ePOrt5ho1JMRoe1HFyJp09dHrWgep/YEhwLzhJTt37rwKQfoKMQhz0xkZhOgB/F2iid2ceLps7MqjzS4HliiPTz9xdqY+UxPUfkx4GkBl3czWaV2bFSUTqGC1Y3Mzf9nVRCt0x5ZmLWh4u1uooHF7Kr3zrVRz3dZUpq6WsZKZyubUrjmEoiUCBHhXrZEaz3U81p9EdP7QUZQQorMQpMV0htuHDrT0kIDEyAeuPv3pQFgaQ6HBowmSCUwTNqug27C4cN+Od4QCxHYbqwmTnd/qqZsJUkHjjkCYTJCsuWctOROl5h1bz8+8uaa3c/cQES25IsCj/Jeo8bwHUfo8guOdCwlBqqa/aRHjmC7L1bXzLRyJkSPHM1+bNZla0QmBmIQ1nkCEUI3diIstzexbH6dtTE0y2X0TJxMhs9kSboNaUgYhMjF6u4YU1o4sKHqvK5q3brqw5UT9jRIBROkGBOdkBKmjJ2jlxPl2nszdeu655yb5gwh9kjUSIxfWXZmT9/QTmbDYaiITPmAJBSY814QoWLICZLUkOycUsjAMGxJgC+e3iNKOYFySmZppqpmwMVLpvXasJXoEqCEtLC8vPwpBWtBR7BCtK5i6927rd+rIn9z2JiAx2ptHy9HOzDHB0zI7sr6f3aYSgVJkt9jsyZlpT1BDYhsIVNZm+2ENKRSl4HzsO02IEKGgVoX00G8U1rAy9bWpdCYzDYOWiBKwydiOOuqoWTTbvk0UrQT4ltl0gN8/Y8YMqy1p6QIBiZEb0tGBCFnNJihviExYKwq3NiIoKIrmZktWiFoOWv5aD0NYXK2/yYTJRIwlHXRm2zEvSLVqtjXVbT0gs+3F7k4SFoSpP/1DwEZf02z7TwTJXrqlSuteqCGd/sYbbzzM1MAMw9fSGQGJkYtQQ6oqUBETDmtyBQuqYsIS1pDMFtSG2IbCtMed82zfzrfOaxOhUJUCgTM3RKihZR4vCm2qmVqRbW1NbdwyGh9aIk4AQbofQZpONJ/rIKon0rH9RxtQ2YEfOUFAYuQqBpSwwBwIR1ZYwhpRtmbToi2hG75DYTJ//A+W0BYKkxnD81t8BH8D7+bXTjX3oiKNxG7FJ8q79rRt2LBhxxLH3/viyQ3maCZ7W0Af0iifH9klRu4ykMnsLdKmFoGwmKqE+y27LbUl9kORyXrJVo1a7Ha+CZu5WTj0GwX72XNaTsGTme0g0yQxAkNcFjqr6+jYfh83kvt8cUaQJtGH9CSzUB7s85Pv9r1/dPlO4+30r3t7N6sQgXCYqrCEwhPs27HthEuoKGbM7gcKw6GZ7NzgfNwCU8vJLebsOaWlmwJH/YkNARskeeCBB55HhO/wRRpBGtfY2LiQ6UuqfX7y2S4xcuZ+pqUPIHgJoLV4tAhIIDItGsLZWVvoFAhN1jHYx4ttw1dFTJhsP3DL9hFZKNgtiHRBwbr0/kdtZFdLzAjYByIZtX0J0f6BL+rk8xjWh9WH1J6QxKg9EyzppYHZ1MGGrgU1m1CUzCUUG9s1e2iyE1rvB/KSFaLsOaEHnILH+9nTg0BMkDKZZwIv+hNLAjTVMoxH+ne21/sSQB6Pow/pfr5o0uE7b77zk2qXGLlytrz4gXRZ0MbC1VTDhCQrNMFxeFLWFuhM1l/rffNmU4kEasXWphQJa0jsBrNAZoOwCdes85rTH8VJS8wJUEP6Ivl5tS8ZCNJx69ev/znboMT4/OWTXWLkyO30tx5+FfOjwbvaJh6FrIEgYQ2FyYqQ7YdFac9+K7+FOAbNMvqjg3tgi5u9tR9M2p89p5nJ1oIlna4t3ne0t8+hxZP+xoUAgvR1BOlKX3wRovOYruSbPvd8s0uMfDlenr6tdS2mxRtiYksgRLZj4hJus25mMAEyAdszwVrgqaVWFEy41nLcXIwo2RS1QTOQU8qH3J4eNVVfojCkCVkQpJsYKfI1X3KYN+mLvMt2uc89n+wSI19uf/MP96YL0k+01I7wZOJSxDarK8FpBdmDoIZj+/ixjfmzmpAJj70MEIiSubX4D2pG1I6sWWaLTdJfVFm1rShTdkNg0J9EEWAs0jXk9bwOEnULgnR6B+554SQx8mQzhSeTqiy+PF3KGGoTk0Bc2AZNNk4KdITjUIBsayJkHd7WtAtWmmclto8tK05BTYhDCyCYD5vZHltaa+nPpKeevCFw0p/EESgrK/sYZWqBK2E016zk3JPv8yFJjFylI2tLX/fwqlR5+gt7xCWs7djXh0yUTHiKUSXbr2A/cM/2D9l+sIbCxFsjCE9zKU0z+ohsGywoER95vLfknef/vMWgv0kkYOOQKioqzkGQXnSlD0EazFdKfocgjXS554NNYtRJLqe//ejNPFmbkxqSFZWwH8iOh7Jazce2YVNsKAGaCJk9EKeWrY0iamme8cmiPfNgD6afqOqxksEFl3YSDTkngMDy5cu38FWRMxGkf7qSgyCNQZB+7HLLB1tLp0U+pLSXacz81ynXZXambD7kllc7bJvt8wk6oG3fOqJNgGwJm2pl2Q874hTUjAIhGpRqGjIqVVA57KGKQw47J33oyeHrsy3n6m+iCVD7eQcvzz5GIq0+3W5BrK6g4/uH7RwSbpAYdSODEaQzEJyfoCv7t7yJz8kcBP1HtrXO6uBRPgcmTvQVtQgQTTJMoRjxuetdqbLB36oYVXVt+ugrdnGWljwjQIf1B6gJ/Zpku1ondSUlJUeuXLlydT5hkRh1M7cz3ziVqSCav800sxfR9CrdI0atw7EOa5ZwPFFziY0jsq/Ksi2pfLKpctgnBp/+uRWBJ/3JWwK8ozaHR/vXuABQO/prVVXVsbyEmzc3K4mRqyR0wZa56Yx9UrvqL09lCi5DlKrDU0yArKrU0kHN1o5Lh2xhQsg7myuG/Ljy7Dktr5qEJ2ibtwR4HaSIUdhPUkN6lwfCN3m15Mset8SZJUY5yNLMbReMbGrcfkymZMhkakClzIZUsLt4cFMq3bQyUz54aem5N7zEnc4aclpEYC8C9gY/YrSUldGv7ZbmoqKimatXr36ynUsCDRKjBGaqkhQvAtnPG93uifVr2KdSQ/JOb+s5L3ZmGymjRQREYAAJbNmyZSmzRU4iCkc4osEUyKkD8XOvwy1RJldPfqISqMSIQBwIMFPkFTTlX/fE9UM052Z63BJjlhglJiuVkDgTYIT2ZvqNLiUNzr5Fnrp9d86cOYn+vaqZFucSrLgnigBNsVeGDx9u40COdSRsFCO4N2zevPlZh1siTIlVWu4yaToGJ9uaiJxSIvKCwL777vtVErrOlVhqR9cl+RtsiRSjSZMm7Ucb+69k6DJbGe36F77KsL8rg2UTgSgRWLRoUT19R1d54rQfr5F4Z4/0nBMbcyLFqK6u7g5qRkeFucD+0XyV4XvhsbYiEGUCvJd2N4L0lCeOV/Ju21iPW6zNiRMjmmWnkiOzHLlyssMmkwhEkkBhYeFniVi7zmxurKW82f+dSEa6l5FKnBjB4+suJmTi31x22UQgigQYdf0XakfzXHGjLJ9DN8RJLrc42xIlRmTQWWTGO10ZQsb+xGWXTQSiSoBXQb5E3JxzoiNIiZuiODFiROak7WmDq2AhROtZb3O5ySYCUSWwatWqv1Fuv+WKH+X9KL4s8m6XW1xtiREjnpidTSY4H+OToV9jUvSGuGaS4p2/BHjUP5fUr3MRoO/oP1z2uNoSI0ZkgPNxKEK0ZsyYMT+LawYp3vlNwB71Q2COh8J7kjSOLhFixKPOE8gsZ18R1dlr7BvonsyUWQQiT4D31n5JJP/uiig328+57HG0JUKMGAjmqxW9PH369HvimDGKswiEBOzLInwI8ubwuM32wqQM6I29GNGJN5HM+Zc2GRQccte4Yf78+U0uN9lEIE4ESktL7QFMuydr1PxLGND7qTilxRfX2IsRnXiWEe0miUOINg0dOvSnvoTLLgJxImBv9VOmneUZQfr4lClTbL7jWC+xFiOaYPaplw+5coCMu4XJzOtcbrKJQBwJUKZvJN58JbTdMnzHjh2XtbPGzBBrMWLKhfPhbZ9N3Gsh0xox3LKXUQciEHMCDE+xudR/40nGZ6khtWshePxG0hxrMSJjLvdQvY+M2+hxk1kE4kzAxh21WxCiaqYXOb6dQ4wMsRUjG19BBvg+8fLDGOWBoioCXSbAG/1PcRNe5DqBp8rWUojtElsxIkMudlHHvoZa0WMuN9lEIAkEKOO+9yz/Nc5T08ZSjKxtzHqep2D9iMzKeNxkFoHYE+Ax/32UcdeXZvebN2/eSXFNYCzFiLFF1jw72AHdPnpno1W1iEBiCdhjfhL3B08CY9tUi6UYUStyAudu8aS96ezJJJlFIEkE7vYkZrZ9NtvjFmlz7MQo2yY+10UVkfJlkMu7bCIQWwKU9fu5+babiQL7yA0bNpwSx4TFTozuvPPO6QAf7YDdxPs7v3LYZRKBxBHIfu76EVfCmNfL2XJw+Y2SLXZixOPLMz0AH9PYIg8ZmRNJoIOWwNm8nVAct0THTowAfIYH8u88dplFIJEEmFrkARJW70jcsLfeeit2T9ViJUbMWzQS8Mc44KdKSkoectllE4GkEuCp2nbS9qArfbxAfqLLHmVbrMSItvBpwGwXZzryXlq5cuXqKINW3ESgLwjQT/qwJ9zYvRrS7oftSVgkzLSRZ3oiolqRB4zMySbA99WedKWQ38o749ZvFDcxcqo9NaPfuzJENhFIOgHG1a2i/LteCq/Ytm3bnq8qx4FDbMQo2180wQE1w/D4PznsMolAvhBwln+6NZw376hCiY0YAfZYF0TuCi9kh8e7nGUTgcQT4DfgbKqR8BPilPjYiBFtYJ/KO+8KccoExVUEekOATuyFnvOP89gjaY6NGEHvaBdB7gq+jHB5l00EEkdg9OjRz5KodlMscwMfSfeGq2sjkgziJEZTXAR5mvCMyy6bCOQLAfsuIDflp13pZbxRbJpqsRAj1P0AVH6EA3b9BRdcsMZhl0kE8opABy0EZ4siinBiIUaou7NWBNDneYvf9bWEKLJWnESgLwn81RU4N/EjXPYo2mIhRgB1ihF3g+eiCFVxEoH+JsBvYa3rmtjtI6exWGIhRgD1dcItiwVlRVIE+pjAAQcc8AqXyLS9jHVvjBs3bp+29igex0KMAHeoCx4itcpll00E8o0Andg7+T287kl3LJpqcRGjsS7IDIS0u4EWERCBFgIveUCM89gjZY68GNXU1JRQ1TzAQa2Z+Vxec9hlEoG8JMDvxCdGB8YBSOTFqL6+/mBAtounVUl5DaQxDpAVRxHoDwKMxHaKES0IiVEuMgDArlpRiruAmmi5AKwwEkOgg5rRmDgksl2NI4KRdj4JoGa0OYJxVZREYMAI+MSI34pqRjnKFacYEXZtjsJXMCKQCAJMvexsLSBSo+KQwMjXjGjv+sRoWxwAK44i0F8ERo0a5btBD0WQ0v0Vj55eJ/JiRMJ8YuQD31MWOk8EYk0g+8Ks66FOQXV19ZCoJy4OYlTlgSgx8oCROX8JUANqN5WI0WA2VN/vKDKw4iBGZR5aaqZ5wMicvwTorHaKER8/HRZ1KnEWI9WMol66FL+BIOAUI2a+qByIyHTnmpEXI5S+3JMg1Yw8YGTOXwI003a4Us94vSKXPUq2yIsRsHzNNNWMolSSFJdIEPA10yRGOcgelN6n6A05CF5BiEDSCPiaab7fUWTSH/maEUq/20ULkfI131zeZROBvCDge5qmmlEOsh+4TjEC7qAcBK8gRCBRBLh5Z+KaoDjXjCriCl3xFoE+JOAc3IhI7ezDa+Yk6MiLka9mBFyJUU6KgAJJGIGhrvQwzkhi5ALTTZuzoxqRkhh1E6S85wUBZ82IlEuMepv91IC2uMJAjNRn5AIjW74TcNaM6GOtjzqYyDfTALjVBRG4qhm5wMiW7wScNaOioiLnYMgowYq8GFEzcoqRmmlRKkaKSxQIzJw5s4zfRYkrLsx1tNFlj5It8mLEfEbOZhoipWZalEqS4jLgBNavX++sFRGx+mXLlqlm1Nscojn2pisMRCoW8/q64i6bCPQFAWpFzv4ibtyb+uJ6uQ4z8jUjErzelWgAV7vssolAHhNwihE8It9EszyLrRgRd4mR5aAWEcgS4Abtm3j/H3GAFHkxGjNmjPOTvVRJhxx22GEj4wBZcRSB/iCAGDk/A89v5dX+uH5vrxF5Mcp+Q9xZzQSyake9LQE6PzEE6Ecd60oMIvWyyx41W+TFyID5lJ3Z6yRGUStRis+AEeigZuT8hNGARdRz4ViIEZBfdMUfu8TIBUa2vCTgaykUFhaqZpSrEgFkpxgRvsQoV5AVTqwJ2IBHEjDOlQh+PxIjF5ie2Bhr5BQj352gJ9fQOSIQZwIMeKwh/oWONLy6du3aWMwXH4tmGh1zLzggm+kIBCnyX8r0xF1mEcgZAbosproCw77MZY+iLRZiNH36dKtmuoazDx8/fvzEKIJVnESgPwlwU57iuZ7EyAOmR+b58+c3ceIi18lkwgkuu2wikE8E+B0c5UovNaPnXPYo2mJRM8qCW+gCSCYc77LLJgL5QqCmpsbe1D/GlV5+H0td9ijaYi9GQJUYRbFkKU79RqChoWE6F2v3fUFqRRtfeumltf0WkV5eKDZiVFlZ+TRwdzvSe8i4cePGOOwyiUBeEKD2c5wnoX/y2CNpjo0Y2XwsQF/ioqimmouKbHlEwNc6cHZtRJVLbMQoC9AJFzFSJ3ZUS5ji1acEzj333ELK/4muizA+z/l7cfmNgi1WYkQz7UkPNN+dweNdZhFIBoFnn332XaRkmCM1dUOGDHnWYY+sKW5i5FP6SRMmTBgRWcqKmAj0HYEzPEH/cfHixbs8bpE0x0qMGNZuU4mscpAs2LVr1zkOu0wikHQCZ7oSSBPtIZc9yrZYiZGBpKn2ew/Q8z12mUUgkQQmTpy4P/1F01yJ49NED7rsUbbFToyAebcLKJkys7q6el+Xm2wikEQC2daA693MlSyvxi3NsRMjmmpPUTta7wBdiP1fHXaZRCCRBHiB3Nka4Hfwf+OY4NiJEaCpBGXmu2D7MsflVzYRiDMB5n8/gPg7nyLTX+T8fUQ9vbETIwNKe9jZVLPMOfzww0dHHbriJwK9JcCN9zzCcDXRXl2zZs2fexv+QJwfSzFavXr1M8ByzetbsHv3bjXVBqIk6Zr9SgAxusB1QWpFvhu1y3ukbLEUIyMI9Hs8JJ3taI9fmUUgdgRootlEas639LFLjAYgR53Q6U+aQWaNHYD46JIi0C8EqP1f7rnQSh7wON/f9PiPlDm2NSODTmf2GgfNNJ8wutJhl0kEYk+AWU8rSMSHXAnh9/ATlz0uttiKURbwXR7QH5k2bVqVx01mEYgtgS1btlg3xNC2CUCIGvkk0c/a2uN0HGsxAv5tZEK7929oqlVu27btijhlhOIqAl0hQHn/lMffvTzY2eRxi4U51mIE/Neh7KwdkWmfpkpbHItcUCRFoAsExo4deyo3Wudc15z+wy4EEWkvsRYjI0vtaK6LMJl2QG1t7QddbrKJQBwJcIP9gifeq+hDXeBxi4059mJE7ci+fvCoizhjMT7vsssmAnEjwGDeKdxgT3PFG5Gay5pxucXJFnsxMtiWGR7oU3nMP8vjJrMIxIYAL8Ve5YnsG5T/X3jcYmVOhBjxBYSHyZAVLvI85lftyAVGttgQ4IY6gcg6uxwY/HsTTbSG2CSmg4gmQowsfYjRDa50UrU9ncx8h8tNNhGIAwEGOV5LPAvbxpUyv728vPwHbe1xPU6MGJEBv2T9hysjqB3d6LLLJgJRJ8BnuOzp2WxPPG9bvnz5Fo9b7MyJESOrqnKn+L4rB6gdzeCx6IUuN9lEIMoEKLvXEb92b+dT1t/iSfK3ohz37sYtMWJkCWdqkZvYOGtHZN63ZsyYUd5dQPIvAgNFwB6+IEZneK5/Y9wHObZNV7t2aFsPcTp+8803G0eMGLGFDHy/I95Dd+zY0chw+scdbjKJQKQI0DwrZWiKzdjo+urNZuwfpCwnouM6BJ+ompEl6qKLLvoZtaAlYQLbbL/I3cZmyNMiAlEn8GVuquM9kbz+5ZdfrvW4xdbcri0a25S0ivj48eNPpNPaWQNCqOYxFOCSVt61KwKRIsAAx8N5grYMMSpxROyV/fbbr2bRokX1DrdYmxLVTAtzYvPmza8NGzZsEsdHhLZW2yn77LPPQzTp7L02LSIQOQJVVVW/QoiqXRHjZnrhsmXLVrrc4m5LXDMtzJDi4uKryDhXmzrNXedm+0Z56FdbEYgKAT63dSlCNNMVH8rzPTbA1+WWBFtif5DUfLZSOxpEJrm+oHDA3//+9yZ1ZiehCCcnDfaJdjqtHyBFNoFa26W2tLT0fZs2bdre1iEpx4mtGVkGUTv6Bps3XJnFXear9C290+UmmwgMBAFq7N+hVjTSdW1e+/jyiy+++HeXW1JsiRajVatWvUVGfcmVWWR6EXehX9bU1FS63GUTgf4kYA9dKI8f9lzzGZ4S3+pxS4w5kU/T2uYOo69/i+29be3Z49t5TPpRj5vMItDnBBhuMpKnv89ygzzQcbEmRlofzbfQljrcEmVKdM0ozCmquB9h39lcw/4R7kq+d3/CILQVgT4hMGfOHPvW3y89QmQvgN+YD0JkcBPbgd265PCov47O7BewOb+qQEGYte+++95Bp7c167SIQL8R2LBhwxzKn90sXcu6ysrKc994441287y7PMfdlhc1I8skmmIPsrnFk2HDmbzq5xSKvGi2ehjI3M8EeIx/Bv1EX/Vctpnm2ccYU7TD4544c96IkeUcI1e/QLXXakiuZRbvA13tcpBNBHJNYOLEiQdz87uDcH03wP+mefaHXF83yuHllRjZEHr6jz6EIDW6MoXC8d+aasRFRrZcErCXYBsbG39FmMNd4VI+H77kkkts6pC8WvKiz6h1jtJ/9I/hw4fvxPae1vbsPuUg/V5eF3mc/qN1DneZRKDXBOi/vIUb31megF5j9sbT5s+fX+dxT6zZV0VMbIItYRSENHenR9me4knoZgZMHss4pVUed5lFoEcE6Cf6MOXup66TuRE24HY8/Zt/dbkn3ZZXzbQwM8l0+6zLBayvhLY22+E8bn0QwdqnjV2HItBjAgwhsbFuHX1s8cp8FSKDmpdiZAnnhcN/MjPkmew65xDmDjWW9YGZM2eWmX8tItAbAtSITmFg43zKlPMrx9wgbWqb23pzjbifm7diZBnHtJ0r6dA+m4Lg69B+17p16+6gAOVlczbuhTsq8aeG/S7icj+r78a2nGlDPh6V+A5UPPJajAw6E/k/jhh19DrIbKrXzs8gDVSm6brxIcCrHlMZS/QQN7RKT6xtCtnZixcvzrsO67Y88l6MDAiCdAeC9F9t4YTHFKbPUs2+WTWkkIi2XSFgMzbSNPs9fqtc/ilzb9FVcAb9RGtc7vlmkxhlc5z2+rUUjp/5CgBC9Cmq27drUjYfIdlbE7BBjTwEsSe2+7a2t9qvp7y9j66CZ1rZ8no378YZdZTbDHh8sKGh4Vj8jPX4m8akbEeMHj36/o0bNzZ5/Mic5wSoEI3m9aIFCNEhLhSIkL1rdg43wEdd7vlqU8dsm5xHkIZSWBZSkCa1cdpziPtDvFg7O4mTou9JpHZ6RIDacw3NevvE0MGeAJp4aHIBXQPzPe55a5YYObI+O7/MIwiSfVrYtzzBwMj3Zidw8/mRPY8IcCM7leT+mnWoJ9k2vu2j9BH91OOe12b1GTmy377UiRCdQg3oTw7n0HQiVfH/x0yRzveLQk/a5gcBG1ltNWZS6xMim5vIBjVKiDxFQmLkAUOhqWXsh72/1tGb08fs3LnzCQriOE8wMucBAfL/a9y8fsrqHNBoCBCiq+kjujkPcPQ4iWqmdYKOPoBSCtldrB/owGsthe3DFLbfdOBHTgkjQK24pL6+/naS9aEOkpahbPwnZeP6DvzICQJ6mtZJMeAt/6apU6f+ura21p6wTfF4t5G1H2Q2gIpZs2Y99sILL1jfgJYEE5g8efIwhMg6qt/XQTJ30ll9EULU0ftoHZyeX06qGXUxv6kZ2Zv+/5tth8P2uQs+zhQQ5z///PO+Obe7eEV5iyoBHnAcw2DGOykL3uY55WAT8X8/QvRUVNMRtXipz6iLOULhylCwPsG2w+o2BfSkurq6JRTYE7oYtLzFhIANeKV/6GqE6KlOhMhGVM+QEHUvY9VM6x6vFF+hfZTm2Gucdhqrr8NyMIX14hEjRuygmbeom5eQ9wgS4Guvh7z++uu/JV8vJXod3cQXlpSUvJspY1+PYDIiHSU103qYPfYCJHfIX1M4qzsKgprUfWVlZf++YsWKf3TkT27RJUDz/GLy+fusQzqKJXl9F+uHGdDY0JE/ubkJdKTw7jNkDQgwFuk5Cud0Cp9NDeFd8HM2HZ0rGRD3cftGltejHCJHYNq0aVU0y+5iRPUvOhMiIv9NROhCCVHPs1E1o56zC86kkKYpsFdx8HXWDpu9CNfTvKV9BaO2l/Xysjq9jwlQ851Fzfd28tf1ldc9VydP/8kTs4/SLPvdHqN2ekRAYtQjbO1Poio/kzvoXbjs1971bQuFdzdHNw4aNGhOPn0T620C0d4jH6sRoO+wnt1ZTMnLB3ly+hE9Oe2MVNfcJUZd49QlX0wbsT9v/d+D5+O7cMJrfKTvU7qjdoFUP3hBhIYgQPbdvCvZlnRySfvk1Rdokt3SiT85d4NAh82KboQjrxDYtGnTdgZIztu2bRs3zfQMTB3xraLQX8iTuSmsi3hKt00Q+5+A9eOtX7/+37jyfeSHvf7TUZ7Zax1LuImchhA92P+xTfYVVTPqo/ylz2ECfQ63UsBP6sIl7DtuP+Bua52gG7vgX15yQIC+vlPIn+8SlG9kfeurNCNEc3kyejVPRp1zprf2rP3uE5AYdZ9Zt87gKdplFGLrgxjR2Yn4246fG/H7P/aibmf+5d4zAtwo3sGN4itwPquLIbxG3lzGIMbHuuhf3npAoMMqaQ/C0yltCND8WsoXau2pjE0/Oq2Nc9tD66s4kfUKmm6VrCs4f0dbTzruPgFrjm3YsOEsZmL4EQ8ariWEw7sQyg5E6NqDDjrowiVLlqztgn956QUB1Yx6Aa+7p9JJehI/hFs5b0IXz93Jj+HnCNlcakr2ioGWbhKYPn16BYJ+KRz/FxzHd/F0e9P+FwzD+DLDMP7WxXPkrZcEJEa9BNjd023aCeZA+iI/jC9zblkXz7f+ChvHcuvFF1/8CHf55i6el7fe4DwKzp8EwCdg3WkTuRWohbD+LE2yxa1s2u0HAhKjfoDsuoR9PYKZIq+hpnQJ7t1pLq/jx/Jjnujczihwvf/UCi61oOKtW7fOwmSfLj8PESpt5dzZ7qs8QPgiDxBsaIaWASAgMRoA6K0vad/W4pM2NlPgudi7kx9NiNKjnHPX4MGDf7N06dKtrcPNl317k560n4Kom/icQ7q7Ow1wLSJ0/ZgxY25YsGCBPdXUMkAEulP4ByiK+XFZvlo7jR/UNfyg7AlPt95hQ5TsUfPDnHs3I7sfWr58+ZYkU7PO6Hnz5tmQifNYZ5PufXqQ3lc553t8VOEn+qhCD+j1wSkSoz6A2psgmariMJpv/0EYl/Aj604zI7ys1Zie5uAhtg8ywnsp20zoGNctY4IOhMfxpOUktu8nHaN6mJZnqAnNPfLII389f/58ffuuhxD74jSJUV9QzUGYkyZN2o+3/T9DUFfw4+tOB+xeV+fH+08M1im7kB/hQj5AuYTmyO69PEXsgPTarJo1bI8narbaRHUH9SKa9gDgAcKzp5ILexGOTu1DAhKjPoSbi6D5UZbSfDuHH9Pl/Jhm5iDMOsJYTHjP2YpALaPP6fnFixebvd+XKVOmDNq+fftY4lLNOpG0HkskjmMdloPI2BitnxPud3k6tjYH4SmIPiQgMepDuLkOOtuEM1Gyr1H0tJniipYNFbCndK8Q9svhlid2m9i3keDb2K+tqKio7apoWb/OvffeW84UvBX0y1TQ9NyfcKoRGxOdatvnWrbNZToILmVjs+z7ZdZ/9jvNjGBI4rFIjOKRT3vFslUH7gdxsA7cHjfj9gq4Cwf80HdzPXup10TKPtFUz7YM2yD2K9hWcGxrV8dQ4bV3C9dt5LqPUMu7G9F8QB3SveM5UGdLjAaKfI6uO3PmzCLeOrexNe/nB3kG24NzFHSkg0GAdhHBR1nvJt2/0bt8kc6uLkVOYtQlTPHxRB/TEVlROpOt9b/0Ww2lLymZ+JCeJVzDOuOfpMn4eNKHMPQlzyiGLTGKYq7kKE7ZV0+OJrjj+SHbUynrGO7uoMAcxaZ7wSA4bxFnG6IQiA8vuP65q/1V3buSfEeFgMQoKjnRD/Hgx51mcOVYtlP4sU+1LZe17aFsB6wsEJc3icMLbF8kHs+z/RPjgJ7TOKB+KBQRusSAFcAIMcj7qNjwATp+D+G1FHvEbmJl4mQT0dvI5n04tu1I1u68Q4f3lA22tM7urVnBsXfp1ttKZ/MG1td4urZSE8pBRMvA3Q3FPl4EECSrVQ1mpsNyJiYrYy3HVobIlCAouxGz3dhsayPAG3icXzt79uxazTAQr3xWbEVABERABERABERABERABERABERABERABERABERABERABERABERABERABERABERABERABERABERABERABERABERABERABERABERABERABERABERABERABERABERABERABERABERABERABERABERABERABERABERABERABERABERABERABERABERABERABERABERABERABERABERABERABERABERABERABERABERABERABERABERABERABERABERABERABERABERABERABERABERABERABERABERABERABERABERABERABERABERABERABERABERABERABERABERABERABERABEQgogT+P/nHN7Lp18H6AAAAAElFTkSuQmCC);
  background-size: cover;
  background-repeat: no-repeat;
  width: 50px;
  animation: yidong linear 2s infinite;
  -webkit-animation: yidong linear 2s infinite; }

@-webkit-keyframes yidong {
  from {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg); }
  to {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg); } }

@keyframes yidong {
  from {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg); }
  to {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg); } }

.spinner .bounce1 {
  -webkit-animation-delay: -0.32s;
  animation-delay: -0.32s; }

.spinner .bounce2 {
  -webkit-animation-delay: -0.16s;
  animation-delay: -0.16s; }

@-webkit-keyframes sk-bouncedelay {
  0%,
  80%,
  100% {
    -webkit-transform: scale(0); }
  40% {
    -webkit-transform: scale(1); } }

@keyframes sk-bouncedelay {
  0%,
  80%,
  100% {
    -webkit-transform: scale(0);
    transform: scale(0); }
  40% {
    -webkit-transform: scale(1);
    transform: scale(1); } }

/* 消息中间loading 动画 start */
@-webkit-keyframes ball-beat {
  50% {
    opacity: 0.2;
    -webkit-transform: scale(0.75);
    transform: scale(0.75); }
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1); } }

@keyframes ball-beat {
  50% {
    opacity: 0.2;
    -webkit-transform: scale(0.75);
    transform: scale(0.75); }
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1); } }

.ball-beat > div {
  display: inline-block;
  width: 11px;
  height: 11px;
  margin: 2px;
  background-color: #fe6a49;
  border-radius: 100%;
  -webkit-animation: ball-beat 0.7s 0s infinite linear;
  animation: ball-beat 0.7s 0s infinite linear;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both; }

.ball-beat > div:nth-child(2n-1) {
  -webkit-animation-delay: -0.35s !important;
  animation-delay: -0.35s !important; }

/* 消息中间loading 动画 end */
/* 切换团队动画 start */
@-webkit-keyframes line-scale {
  0% {
    -webkit-transform: scaley(1);
    transform: scaley(1); }
  50% {
    -webkit-transform: scaley(0.4);
    transform: scaley(0.4); }
  100% {
    -webkit-transform: scaley(1);
    transform: scaley(1); } }

@keyframes line-scale {
  0% {
    -webkit-transform: scaley(1);
    transform: scaley(1); }
  50% {
    -webkit-transform: scaley(0.4);
    transform: scaley(0.4); }
  100% {
    -webkit-transform: scaley(1);
    transform: scaley(1); } }

.line-scale > div:nth-child(1) {
  -webkit-animation: line-scale 1s -0.4s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08);
  animation: line-scale 1s -0.4s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08); }

.line-scale > div:nth-child(2) {
  -webkit-animation: line-scale 1s -0.3s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08);
  animation: line-scale 1s -0.3s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08); }

.line-scale > div:nth-child(3) {
  -webkit-animation: line-scale 1s -0.2s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08);
  animation: line-scale 1s -0.2s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08); }

.line-scale > div:nth-child(4) {
  -webkit-animation: line-scale 1s -0.1s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08);
  animation: line-scale 1s -0.1s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08); }

.line-scale > div:nth-child(5) {
  -webkit-animation: line-scale 1s 0s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08);
  animation: line-scale 1s 0s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08); }

.line-scale > div {
  display: inline-block;
  width: 4px;
  height: 35px;
  margin: 2px;
  background-color: #fe6a49;
  border-radius: 2px;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both; }

/* 切换团队动画 end */
/* 菊花 start */
@-webkit-keyframes loading {
  0%,
  100% {
    -webkit-box-shadow: 0 -2.6em 0 0 #fe6a49, 1.8em -1.8em 0 0 rgba(252, 114, 86, 0.2), 2.5em 0 0 0 rgba(252, 114, 86, 0.2), 1.75em 1.75em 0 0 rgba(252, 114, 86, 0.2), 0 2.5em 0 0 rgba(252, 114, 86, 0.2), -1.8em 1.8em 0 0 rgba(252, 114, 86, 0.2), -2.6em 0 0 0 rgba(252, 114, 86, 0.5), -1.8em -1.8em 0 0 rgba(252, 114, 86, 0.7);
            box-shadow: 0 -2.6em 0 0 #fe6a49, 1.8em -1.8em 0 0 rgba(252, 114, 86, 0.2), 2.5em 0 0 0 rgba(252, 114, 86, 0.2), 1.75em 1.75em 0 0 rgba(252, 114, 86, 0.2), 0 2.5em 0 0 rgba(252, 114, 86, 0.2), -1.8em 1.8em 0 0 rgba(252, 114, 86, 0.2), -2.6em 0 0 0 rgba(252, 114, 86, 0.5), -1.8em -1.8em 0 0 rgba(252, 114, 86, 0.7); }
  12.5% {
    -webkit-box-shadow: 0 -2.6em 0 0 rgba(252, 114, 86, 0.7), 1.8em -1.8em 0 0 #fe6a49, 2.5em 0 0 0 rgba(252, 114, 86, 0.2), 1.75em 1.75em 0 0 rgba(252, 114, 86, 0.2), 0 2.5em 0 0 rgba(252, 114, 86, 0.2), -1.8em 1.8em 0 0 rgba(252, 114, 86, 0.2), -2.6em 0 0 0 rgba(252, 114, 86, 0.2), -1.8em -1.8em 0 0 rgba(252, 114, 86, 0.5);
            box-shadow: 0 -2.6em 0 0 rgba(252, 114, 86, 0.7), 1.8em -1.8em 0 0 #fe6a49, 2.5em 0 0 0 rgba(252, 114, 86, 0.2), 1.75em 1.75em 0 0 rgba(252, 114, 86, 0.2), 0 2.5em 0 0 rgba(252, 114, 86, 0.2), -1.8em 1.8em 0 0 rgba(252, 114, 86, 0.2), -2.6em 0 0 0 rgba(252, 114, 86, 0.2), -1.8em -1.8em 0 0 rgba(252, 114, 86, 0.5); }
  25% {
    -webkit-box-shadow: 0 -2.6em 0 0 rgba(252, 114, 86, 0.5), 1.8em -1.8em 0 0 rgba(252, 114, 86, 0.7), 2.5em 0 0 0 #fe6a49, 1.75em 1.75em 0 0 rgba(252, 114, 86, 0.2), 0 2.5em 0 0 rgba(252, 114, 86, 0.2), -1.8em 1.8em 0 0 rgba(252, 114, 86, 0.2), -2.6em 0 0 0 rgba(252, 114, 86, 0.2), -1.8em -1.8em 0 0 rgba(252, 114, 86, 0.2);
            box-shadow: 0 -2.6em 0 0 rgba(252, 114, 86, 0.5), 1.8em -1.8em 0 0 rgba(252, 114, 86, 0.7), 2.5em 0 0 0 #fe6a49, 1.75em 1.75em 0 0 rgba(252, 114, 86, 0.2), 0 2.5em 0 0 rgba(252, 114, 86, 0.2), -1.8em 1.8em 0 0 rgba(252, 114, 86, 0.2), -2.6em 0 0 0 rgba(252, 114, 86, 0.2), -1.8em -1.8em 0 0 rgba(252, 114, 86, 0.2); }
  37.5% {
    -webkit-box-shadow: 0 -2.6em 0 0 rgba(252, 114, 86, 0.2), 1.8em -1.8em 0 0 rgba(252, 114, 86, 0.5), 2.5em 0 0 0 rgba(252, 114, 86, 0.7), 1.75em 1.75em 0 0 #fe6a49, 0 2.5em 0 0 rgba(252, 114, 86, 0.2), -1.8em 1.8em 0 0 rgba(252, 114, 86, 0.2), -2.6em 0 0 0 rgba(252, 114, 86, 0.2), -1.8em -1.8em 0 0 rgba(252, 114, 86, 0.2);
            box-shadow: 0 -2.6em 0 0 rgba(252, 114, 86, 0.2), 1.8em -1.8em 0 0 rgba(252, 114, 86, 0.5), 2.5em 0 0 0 rgba(252, 114, 86, 0.7), 1.75em 1.75em 0 0 #fe6a49, 0 2.5em 0 0 rgba(252, 114, 86, 0.2), -1.8em 1.8em 0 0 rgba(252, 114, 86, 0.2), -2.6em 0 0 0 rgba(252, 114, 86, 0.2), -1.8em -1.8em 0 0 rgba(252, 114, 86, 0.2); }
  50% {
    -webkit-box-shadow: 0 -2.6em 0 0 rgba(252, 114, 86, 0.2), 1.8em -1.8em 0 0 rgba(252, 114, 86, 0.2), 2.5em 0 0 0 rgba(252, 114, 86, 0.5), 1.75em 1.75em 0 0 rgba(252, 114, 86, 0.7), 0 2.5em 0 0 #fe6a49, -1.8em 1.8em 0 0 rgba(252, 114, 86, 0.2), -2.6em 0 0 0 rgba(252, 114, 86, 0.2), -1.8em -1.8em 0 0 rgba(252, 114, 86, 0.2);
            box-shadow: 0 -2.6em 0 0 rgba(252, 114, 86, 0.2), 1.8em -1.8em 0 0 rgba(252, 114, 86, 0.2), 2.5em 0 0 0 rgba(252, 114, 86, 0.5), 1.75em 1.75em 0 0 rgba(252, 114, 86, 0.7), 0 2.5em 0 0 #fe6a49, -1.8em 1.8em 0 0 rgba(252, 114, 86, 0.2), -2.6em 0 0 0 rgba(252, 114, 86, 0.2), -1.8em -1.8em 0 0 rgba(252, 114, 86, 0.2); }
  62.5% {
    -webkit-box-shadow: 0 -2.6em 0 0 rgba(252, 114, 86, 0.2), 1.8em -1.8em 0 0 rgba(252, 114, 86, 0.2), 2.5em 0 0 0 rgba(252, 114, 86, 0.2), 1.75em 1.75em 0 0 rgba(252, 114, 86, 0.5), 0 2.5em 0 0 rgba(252, 114, 86, 0.7), -1.8em 1.8em 0 0 #fe6a49, -2.6em 0 0 0 rgba(252, 114, 86, 0.2), -1.8em -1.8em 0 0 rgba(252, 114, 86, 0.2);
            box-shadow: 0 -2.6em 0 0 rgba(252, 114, 86, 0.2), 1.8em -1.8em 0 0 rgba(252, 114, 86, 0.2), 2.5em 0 0 0 rgba(252, 114, 86, 0.2), 1.75em 1.75em 0 0 rgba(252, 114, 86, 0.5), 0 2.5em 0 0 rgba(252, 114, 86, 0.7), -1.8em 1.8em 0 0 #fe6a49, -2.6em 0 0 0 rgba(252, 114, 86, 0.2), -1.8em -1.8em 0 0 rgba(252, 114, 86, 0.2); }
  75% {
    -webkit-box-shadow: 0 -2.6em 0 0 rgba(252, 114, 86, 0.2), 1.8em -1.8em 0 0 rgba(252, 114, 86, 0.2), 2.5em 0 0 0 rgba(252, 114, 86, 0.2), 1.75em 1.75em 0 0 rgba(252, 114, 86, 0.2), 0 2.5em 0 0 rgba(252, 114, 86, 0.5), -1.8em 1.8em 0 0 rgba(252, 114, 86, 0.7), -2.6em 0 0 0 #fe6a49, -1.8em -1.8em 0 0 rgba(252, 114, 86, 0.2);
            box-shadow: 0 -2.6em 0 0 rgba(252, 114, 86, 0.2), 1.8em -1.8em 0 0 rgba(252, 114, 86, 0.2), 2.5em 0 0 0 rgba(252, 114, 86, 0.2), 1.75em 1.75em 0 0 rgba(252, 114, 86, 0.2), 0 2.5em 0 0 rgba(252, 114, 86, 0.5), -1.8em 1.8em 0 0 rgba(252, 114, 86, 0.7), -2.6em 0 0 0 #fe6a49, -1.8em -1.8em 0 0 rgba(252, 114, 86, 0.2); }
  87.5% {
    -webkit-box-shadow: 0 -2.6em 0 0 rgba(252, 114, 86, 0.2), 1.8em -1.8em 0 0 rgba(252, 114, 86, 0.2), 2.5em 0 0 0 rgba(252, 114, 86, 0.2), 1.75em 1.75em 0 0 rgba(252, 114, 86, 0.2), 0 2.5em 0 0 rgba(252, 114, 86, 0.2), -1.8em 1.8em 0 0 rgba(252, 114, 86, 0.5), -2.6em 0 0 0 rgba(252, 114, 86, 0.7), -1.8em -1.8em 0 0 #fe6a49;
            box-shadow: 0 -2.6em 0 0 rgba(252, 114, 86, 0.2), 1.8em -1.8em 0 0 rgba(252, 114, 86, 0.2), 2.5em 0 0 0 rgba(252, 114, 86, 0.2), 1.75em 1.75em 0 0 rgba(252, 114, 86, 0.2), 0 2.5em 0 0 rgba(252, 114, 86, 0.2), -1.8em 1.8em 0 0 rgba(252, 114, 86, 0.5), -2.6em 0 0 0 rgba(252, 114, 86, 0.7), -1.8em -1.8em 0 0 #fe6a49; } }

@keyframes loading {
  0%,
  100% {
    -webkit-box-shadow: 0 -2.6em 0 0 #fe6a49, 1.8em -1.8em 0 0 rgba(252, 114, 86, 0.2), 2.5em 0 0 0 rgba(252, 114, 86, 0.2), 1.75em 1.75em 0 0 rgba(252, 114, 86, 0.2), 0 2.5em 0 0 rgba(252, 114, 86, 0.2), -1.8em 1.8em 0 0 rgba(252, 114, 86, 0.2), -2.6em 0 0 0 rgba(252, 114, 86, 0.5), -1.8em -1.8em 0 0 rgba(252, 114, 86, 0.7);
            box-shadow: 0 -2.6em 0 0 #fe6a49, 1.8em -1.8em 0 0 rgba(252, 114, 86, 0.2), 2.5em 0 0 0 rgba(252, 114, 86, 0.2), 1.75em 1.75em 0 0 rgba(252, 114, 86, 0.2), 0 2.5em 0 0 rgba(252, 114, 86, 0.2), -1.8em 1.8em 0 0 rgba(252, 114, 86, 0.2), -2.6em 0 0 0 rgba(252, 114, 86, 0.5), -1.8em -1.8em 0 0 rgba(252, 114, 86, 0.7); }
  12.5% {
    -webkit-box-shadow: 0 -2.6em 0 0 rgba(252, 114, 86, 0.7), 1.8em -1.8em 0 0 #fe6a49, 2.5em 0 0 0 rgba(252, 114, 86, 0.2), 1.75em 1.75em 0 0 rgba(252, 114, 86, 0.2), 0 2.5em 0 0 rgba(252, 114, 86, 0.2), -1.8em 1.8em 0 0 rgba(252, 114, 86, 0.2), -2.6em 0 0 0 rgba(252, 114, 86, 0.2), -1.8em -1.8em 0 0 rgba(252, 114, 86, 0.5);
            box-shadow: 0 -2.6em 0 0 rgba(252, 114, 86, 0.7), 1.8em -1.8em 0 0 #fe6a49, 2.5em 0 0 0 rgba(252, 114, 86, 0.2), 1.75em 1.75em 0 0 rgba(252, 114, 86, 0.2), 0 2.5em 0 0 rgba(252, 114, 86, 0.2), -1.8em 1.8em 0 0 rgba(252, 114, 86, 0.2), -2.6em 0 0 0 rgba(252, 114, 86, 0.2), -1.8em -1.8em 0 0 rgba(252, 114, 86, 0.5); }
  25% {
    -webkit-box-shadow: 0 -2.6em 0 0 rgba(252, 114, 86, 0.5), 1.8em -1.8em 0 0 rgba(252, 114, 86, 0.7), 2.5em 0 0 0 #fe6a49, 1.75em 1.75em 0 0 rgba(252, 114, 86, 0.2), 0 2.5em 0 0 rgba(252, 114, 86, 0.2), -1.8em 1.8em 0 0 rgba(252, 114, 86, 0.2), -2.6em 0 0 0 rgba(252, 114, 86, 0.2), -1.8em -1.8em 0 0 rgba(252, 114, 86, 0.2);
            box-shadow: 0 -2.6em 0 0 rgba(252, 114, 86, 0.5), 1.8em -1.8em 0 0 rgba(252, 114, 86, 0.7), 2.5em 0 0 0 #fe6a49, 1.75em 1.75em 0 0 rgba(252, 114, 86, 0.2), 0 2.5em 0 0 rgba(252, 114, 86, 0.2), -1.8em 1.8em 0 0 rgba(252, 114, 86, 0.2), -2.6em 0 0 0 rgba(252, 114, 86, 0.2), -1.8em -1.8em 0 0 rgba(252, 114, 86, 0.2); }
  37.5% {
    -webkit-box-shadow: 0 -2.6em 0 0 rgba(252, 114, 86, 0.2), 1.8em -1.8em 0 0 rgba(252, 114, 86, 0.5), 2.5em 0 0 0 rgba(252, 114, 86, 0.7), 1.75em 1.75em 0 0 #fe6a49, 0 2.5em 0 0 rgba(252, 114, 86, 0.2), -1.8em 1.8em 0 0 rgba(252, 114, 86, 0.2), -2.6em 0 0 0 rgba(252, 114, 86, 0.2), -1.8em -1.8em 0 0 rgba(252, 114, 86, 0.2);
            box-shadow: 0 -2.6em 0 0 rgba(252, 114, 86, 0.2), 1.8em -1.8em 0 0 rgba(252, 114, 86, 0.5), 2.5em 0 0 0 rgba(252, 114, 86, 0.7), 1.75em 1.75em 0 0 #fe6a49, 0 2.5em 0 0 rgba(252, 114, 86, 0.2), -1.8em 1.8em 0 0 rgba(252, 114, 86, 0.2), -2.6em 0 0 0 rgba(252, 114, 86, 0.2), -1.8em -1.8em 0 0 rgba(252, 114, 86, 0.2); }
  50% {
    -webkit-box-shadow: 0 -2.6em 0 0 rgba(252, 114, 86, 0.2), 1.8em -1.8em 0 0 rgba(252, 114, 86, 0.2), 2.5em 0 0 0 rgba(252, 114, 86, 0.5), 1.75em 1.75em 0 0 rgba(252, 114, 86, 0.7), 0 2.5em 0 0 #fe6a49, -1.8em 1.8em 0 0 rgba(252, 114, 86, 0.2), -2.6em 0 0 0 rgba(252, 114, 86, 0.2), -1.8em -1.8em 0 0 rgba(252, 114, 86, 0.2);
            box-shadow: 0 -2.6em 0 0 rgba(252, 114, 86, 0.2), 1.8em -1.8em 0 0 rgba(252, 114, 86, 0.2), 2.5em 0 0 0 rgba(252, 114, 86, 0.5), 1.75em 1.75em 0 0 rgba(252, 114, 86, 0.7), 0 2.5em 0 0 #fe6a49, -1.8em 1.8em 0 0 rgba(252, 114, 86, 0.2), -2.6em 0 0 0 rgba(252, 114, 86, 0.2), -1.8em -1.8em 0 0 rgba(252, 114, 86, 0.2); }
  62.5% {
    -webkit-box-shadow: 0 -2.6em 0 0 rgba(252, 114, 86, 0.2), 1.8em -1.8em 0 0 rgba(252, 114, 86, 0.2), 2.5em 0 0 0 rgba(252, 114, 86, 0.2), 1.75em 1.75em 0 0 rgba(252, 114, 86, 0.5), 0 2.5em 0 0 rgba(252, 114, 86, 0.7), -1.8em 1.8em 0 0 #fe6a49, -2.6em 0 0 0 rgba(252, 114, 86, 0.2), -1.8em -1.8em 0 0 rgba(252, 114, 86, 0.2);
            box-shadow: 0 -2.6em 0 0 rgba(252, 114, 86, 0.2), 1.8em -1.8em 0 0 rgba(252, 114, 86, 0.2), 2.5em 0 0 0 rgba(252, 114, 86, 0.2), 1.75em 1.75em 0 0 rgba(252, 114, 86, 0.5), 0 2.5em 0 0 rgba(252, 114, 86, 0.7), -1.8em 1.8em 0 0 #fe6a49, -2.6em 0 0 0 rgba(252, 114, 86, 0.2), -1.8em -1.8em 0 0 rgba(252, 114, 86, 0.2); }
  75% {
    -webkit-box-shadow: 0 -2.6em 0 0 rgba(252, 114, 86, 0.2), 1.8em -1.8em 0 0 rgba(252, 114, 86, 0.2), 2.5em 0 0 0 rgba(252, 114, 86, 0.2), 1.75em 1.75em 0 0 rgba(252, 114, 86, 0.2), 0 2.5em 0 0 rgba(252, 114, 86, 0.5), -1.8em 1.8em 0 0 rgba(252, 114, 86, 0.7), -2.6em 0 0 0 #fe6a49, -1.8em -1.8em 0 0 rgba(252, 114, 86, 0.2);
            box-shadow: 0 -2.6em 0 0 rgba(252, 114, 86, 0.2), 1.8em -1.8em 0 0 rgba(252, 114, 86, 0.2), 2.5em 0 0 0 rgba(252, 114, 86, 0.2), 1.75em 1.75em 0 0 rgba(252, 114, 86, 0.2), 0 2.5em 0 0 rgba(252, 114, 86, 0.5), -1.8em 1.8em 0 0 rgba(252, 114, 86, 0.7), -2.6em 0 0 0 #fe6a49, -1.8em -1.8em 0 0 rgba(252, 114, 86, 0.2); }
  87.5% {
    -webkit-box-shadow: 0 -2.6em 0 0 rgba(252, 114, 86, 0.2), 1.8em -1.8em 0 0 rgba(252, 114, 86, 0.2), 2.5em 0 0 0 rgba(252, 114, 86, 0.2), 1.75em 1.75em 0 0 rgba(252, 114, 86, 0.2), 0 2.5em 0 0 rgba(252, 114, 86, 0.2), -1.8em 1.8em 0 0 rgba(252, 114, 86, 0.5), -2.6em 0 0 0 rgba(252, 114, 86, 0.7), -1.8em -1.8em 0 0 #fe6a49;
            box-shadow: 0 -2.6em 0 0 rgba(252, 114, 86, 0.2), 1.8em -1.8em 0 0 rgba(252, 114, 86, 0.2), 2.5em 0 0 0 rgba(252, 114, 86, 0.2), 1.75em 1.75em 0 0 rgba(252, 114, 86, 0.2), 0 2.5em 0 0 rgba(252, 114, 86, 0.2), -1.8em 1.8em 0 0 rgba(252, 114, 86, 0.5), -2.6em 0 0 0 rgba(252, 114, 86, 0.7), -1.8em -1.8em 0 0 #fe6a49; } }

.loading {
  position: relative;
  display: inline-block;
  width: 1em;
  height: 1em;
  text-indent: -9999em;
  border-radius: 50%;
  -webkit-transform: translateZ(0) scale(0.5);
  -ms-transform: translateZ(0) scale(0.5);
  transform: translateZ(0) scale(0.5);
  -webkit-animation: loading 1.1s infinite ease;
  animation: loading 1.1s infinite ease; }

/* 菊花 end*/
.icon {
  display: inline-block;
  font-style: normal; }
  .icon.small-tool {
    padding: 1px 4px;
    font-size: 12px;
    font-weight: 100;
    color: #c9c9c9;
    border: 1px solid;
    border-radius: 5px; }
    .icon.small-tool.zh::after {
      content: '\8F7B\5E94\7528'; }
    .icon.small-tool.en::after {
      content: 'Small Tool'; }
  .icon.chat-up-message {
    width: 190px;
    padding: 6px;
    font-size: 14px;
    font-weight: 400;
    color: #fff;
    text-align: center;
    background-color: #7a88cb;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px; }
    .icon.chat-up-message .arrow {
      display: inline-block;
      margin-left: 8px;
      font-size: 16px;
      -webkit-transform: rotate(270deg);
          -ms-transform: rotate(270deg);
              transform: rotate(270deg); }
    .icon.chat-up-message .text.zh::after {
      content: '\4E0A\65B9\6709\65B0\6D88\606F'; }
    .icon.chat-up-message .text.en::after {
      content: 'more unreads above'; }
  .icon.chat-down-message {
    width: 190px;
    padding: 6px;
    font-size: 14px;
    font-weight: 400;
    color: #fff;
    text-align: center;
    background-color: #7a88cb;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px; }
    .icon.chat-down-message .arrow {
      display: inline-block;
      margin-left: 8px;
      font-size: 16px;
      -webkit-transform: rotate(90deg);
          -ms-transform: rotate(90deg);
              transform: rotate(90deg); }
    .icon.chat-down-message .text.zh::after {
      content: '\4E0B\65B9\6709\65B0\6D88\606F'; }
    .icon.chat-down-message .text.en::after {
      content: 'more unreads below'; }
  .icon.collab-app {
    position: relative;
    bottom: -2px;
    left: 10px;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-align: center;
        align-items: center;
    height: 19px;
    padding: 10px 4px;
    color: #b4b4bd;
    background: #f5f5f5;
    border: 1px solid #d2d2d2;
    border-radius: 3px;
    -webkit-transform: scale(0.9);
        -ms-transform: scale(0.9);
            transform: scale(0.9); }
    .icon.collab-app.zh::after {
      content: '\8F7B\5E94\7528'; }
    .icon.collab-app.en::after {
      content: 'Small Tool'; }
  .icon.collab-sub {
    position: relative;
    bottom: -2px;
    left: 10px;
    display: inline-block;
    height: 19px;
    padding: 1px 2px;
    font-size: 11px;
    font-style: normal;
    color: #b4b4bd;
    background: #f5f5f5;
    border: 1px solid #d2d2d2;
    border-radius: 3px; }
    .icon.collab-sub.zh::after {
      content: '\8BA2\9605\53F7'; }
    .icon.collab-sub.en::after {
      content: 'Subscription Account'; }
  .icon.collab-badge-verified {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center;
    -ms-flex-pack: center;
        justify-content: center;
    height: 16px;
    padding: 2px 3px;
    font-size: 9px;
    font-style: normal;
    line-height: 16px;
    color: #f5f5f5;
    background: #3296a0;
    border-radius: 3px; }
    .icon.collab-badge-verified.zh::after {
      content: '\5DF2\8BA4\8BC1';
      padding: 0 2px; }
    .icon.collab-badge-verified.en::after {
      content: 'Verified';
      padding: 0 2px; }
  .icon.collab-badge-team {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center;
    -ms-flex-pack: center;
        justify-content: center;
    height: 16px;
    padding: 2px 3px;
    font-size: 9px;
    font-style: normal;
    line-height: 16px;
    color: #f5f5f5;
    background: #fe6a49;
    border-radius: 3px; }
    .icon.collab-badge-team.zh::after {
      content: '\56E2\961F\4E13\5C5E';
      padding: 0 2px; }
    .icon.collab-badge-team.en::after {
      content: 'Team-Specific';
      padding: 0 2px; }

.app-content-header .header-middle-drag-bar .header-drag:hover .drag-box {
  display: block; }

#main-drag-box.drag {
  -webkit-app-region: drag; }

.app-sidebar .middle:hover .sidebar-drag-box {
  display: list-item; }

html {
  /* 解决下拉hover不能完全展现 */ }
  html .ant-input {
    height: 32px;
    font-size: 12px !important;
    color: #222;
    text-align: left !important;
    border: 1px solid #e0e5f0;
    border-radius: 6px !important;
    -webkit-box-shadow: none !important;
            box-shadow: none !important; }
    html .ant-input:focus {
      border-color: #d9d9d9 !important;
      -webkit-box-shadow: none !important;
      box-shadow: none !important; }
    html .ant-input:hover {
      border-color: #d9d9d9 !important;
      -webkit-box-shadow: none !important;
      box-shadow: none !important; }
  html .ant-select-dropdown > div {
    overflow: inherit !important; }
  html .ant-input-group-addon {
    border: 1px solid #e0e5f0;
    border-radius: 6px; }
  html .ant-input-group > .ant-input:last-child,
  html .ant-input-group-addon:last-child {
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important; }
  html .ant-input-group.ant-input-group-compact > .ant-select:first-child > .ant-select-selection {
    border-top-left-radius: 6px;
    border-bottom-left-radius: 6px; }
  html .ant-checkbox-checked .ant-checkbox-inner {
    background-color: #fe6a49;
    border-color: #fe6a49; }
  html .ant-checkbox-disabled .ant-checkbox-inner {
    background-color: #f5f5f5;
    border-color: #d9d9d9 !important; }
  html .ant-select-dropdown-menu-item-selected {
    background-color: #f3f4f6; }
  html .ant-select-open {
    color: #fe6a49; }
  html .ant-btn {
    text-shadow: none !important;
    border: none;
    -webkit-box-shadow: none !important;
            box-shadow: none !important; }
  html .ant-btn {
    height: 30px;
    padding: 0 16px !important;
    font-size: 14px;
    text-shadow: none !important; }
  html .btn-cancel,
  html .btn-ignore {
    font-size: 14px;
    color: #222;
    background: #f3f4f6 !important;
    border-color: #f3f4f6 !important;
    border-radius: 8px; }
    html .btn-cancel:hover,
    html .btn-ignore:hover {
      color: #222;
      background: #e9ebf0 !important;
      border-color: #e9ebf0 !important; }
    html .btn-cancel:focus,
    html .btn-ignore:focus {
      color: #222; }
  html .ant-btn-primary {
    text-shadow: none !important;
    background: -webkit-gradient(linear, right top, left top, from(#fe8d40), to(#fe5045));
    background: -webkit-linear-gradient(right, #fe8d40 0%, #fe5045 100%);
    background: -o-linear-gradient(right, #fe8d40 0%, #fe5045 100%);
    background: linear-gradient(270deg, #fe8d40 0%, #fe5045 100%);
    border-radius: 8px; }
    html .ant-btn-primary:focus {
      color: #fff;
      background: -webkit-gradient(linear, right top, left top, from(#fda87c), to(#fe847e));
      background: -webkit-linear-gradient(right, #fda87c 0%, #fe847e 100%);
      background: -o-linear-gradient(right, #fda87c 0%, #fe847e 100%);
      background: linear-gradient(270deg, #fda87c 0%, #fe847e 100%);
      border-color: #fe847e; }
    html .ant-btn-primary:hover {
      color: #fff;
      background: -webkit-gradient(linear, right top, left top, from(#fda87c), to(#fe847e));
      background: -webkit-linear-gradient(right, #fda87c 0%, #fe847e 100%);
      background: -o-linear-gradient(right, #fda87c 0%, #fe847e 100%);
      background: linear-gradient(270deg, #fda87c 0%, #fe847e 100%);
      border-color: #fe847e; }
  html .ant-btn-primary:disabled {
    color: #828992;
    background: #f3f4f6; }
  html .ant-btn.disabled,
  html button .disabled {
    color: #828992;
    background: #f3f4f6; }
  html .ant-message-warning .anticon {
    color: #faad14; }
  html .ant-message-error .anticon {
    color: #f5222d; }
  html .ant-popover-inner {
    border-radius: 10px;
    -webkit-box-shadow: 0 5px 7px 0 rgba(52, 61, 76, 0.2);
            box-shadow: 0 5px 7px 0 rgba(52, 61, 76, 0.2); }
  html .ant-popover-inner-content {
    padding: 8px 16px;
    color: #222 !important; }
  html .ant-select {
    font-weight: 400; }
  html .ant-select-arrow .ant-select-arrow-icon svg {
    width: 9px;
    height: 9px; }
  html .ant-select-selection__rendered {
    margin-right: 7px;
    margin-left: 7px;
    line-height: 30px; }
  html .ant-select-selection {
    height: 32px !important;
    border: 1px solid #e0e5f0;
    border-radius: 6px; }
  html .ant-modal-title {
    font-size: 16px; }
  html .ant-modal-header {
    padding: 13px 16px;
    background: #f3f4f6;
    border-bottom: none;
    border-radius: 10px 10px 0 0; }
  html .ant-modal-content {
    border-radius: 10px; }
  html .ant-modal-body {
    font-size: 14px;
    color: #222;
    word-wrap: break-word; }
  html .ant-modal {
    border-radius: 10px; }
    html .ant-modal .ant-btn {
      min-width: 78px; }
    html .ant-modal .ant-modal-close-x {
      width: 46px;
      height: 46px;
      font-size: 12px;
      line-height: 46px; }
      html .ant-modal .ant-modal-close-x::before {
        content: '\E6A2' !important; }
    html .ant-modal .ant-modal-close-icon {
      display: none;
      font-size: 16px; }
  html .ant-modal-footer {
    padding: 12px 16px 12px 10px;
    background-color: none;
    border-top: none;
    border-radius: 0 0 10px 10px; }
    html .ant-modal-footer .ant-btn {
      height: 30px;
      padding: 0 16px !important;
      font-size: 14px;
      text-shadow: none !important; }
    html .ant-modal-footer .cancel-btn,
    html .ant-modal-footer .qt-cancel {
      color: #222;
      background: #f3f4f6 !important;
      border-color: #f3f4f6 !important;
      border-radius: 8px; }
      html .ant-modal-footer .cancel-btn:hover,
      html .ant-modal-footer .qt-cancel:hover {
        background: #e9ebf0 !important;
        border-color: #e9ebf0 !important; }
    html .ant-modal-footer button + button {
      margin-left: 13px; }
  html .ant-switch {
    min-width: 34px;
    height: 20px;
    line-height: 20px; }
    html .ant-switch::after {
      width: 16px;
      height: 16px; }
  html .ant-switch-checked {
    background: -webkit-gradient(linear, right top, left top, from(#f94e56), to(#fd8540));
    background: -webkit-linear-gradient(right, #f94e56 0%, #fd8540 100%);
    background: -o-linear-gradient(right, #f94e56 0%, #fd8540 100%);
    background: linear-gradient(270deg, #f94e56 0%, #fd8540 100%);
    border-color: #fd8540; }
  html .ant-radio-inner {
    width: 14px;
    height: 14px; }
    html .ant-radio-inner::after {
      width: 6px;
      height: 6px; }
  html .ant-breadcrumb-separator {
    margin: 0 4px; }
  html .ant-radio-wrapper {
    color: #222; }
  html .ant-input-password-icon {
    color: #aaafb5; }
  html .ant-btn-link {
    color: #333; }
  html .ant-table-filter-dropdown {
    min-width: 40px; }
    html .ant-table-filter-dropdown .ant-menu-item {
      height: 20px;
      margin-top: 9px;
      margin-bottom: 16px;
      line-height: 20px; }
  html .ant-menu-vertical .ant-menu-item,
  html .ant-menu-vertical .ant-menu-submenu {
    height: 20px;
    margin-top: 9px;
    margin-bottom: 12px;
    line-height: 20px; }
  html .ant-menu-vertical .ant-menu-submenu-title {
    height: 20px !important;
    line-height: 20px !important; }
  html .ant-menu-vertical .ant-menu-item:not(:last-child) {
    margin-bottom: 9px; }
  html .ant-menu-vertical .ant-menu-item:first-child {
    margin-top: 12px; }
  html .ant-dropdown {
    -webkit-box-shadow: 0 1px 10px 0.5px rgba(51, 51, 51, 0.2);
            box-shadow: 0 1px 10px 0.5px rgba(51, 51, 51, 0.2); }
    html .ant-dropdown .ant-menu-root {
      border-radius: 6px;
      -webkit-box-shadow: 0 1px 10px 0.5px rgba(51, 51, 51, 0.2) !important;
              box-shadow: 0 1px 10px 0.5px rgba(51, 51, 51, 0.2) !important; }
  html .ant-table-tbody > tr:hover:not(.ant-table-expanded-row) > td {
    background: #f3f4f6; }
  html .ant-table-thead .ant-table-column-has-filters:hover .ant-table-filter-icon {
    color: #fe6a49 !important;
    background: none !important; }
  html .ant-table-thead .ant-table-filter-icon.ant-table-filter-open {
    color: #fe6a49 !important;
    background: none !important; }
  html .ant-dropdown-menu .ant-dropdown-menu-item:hover {
    background: none; }

.color-33333-50 {
  color: #222;
  opacity: 0.5; }

.color-828992 {
  color: #828992; }

.empty-img {
  width: 140px; }

.emoji {
  padding-top: 2px;
  font-size: 20px;
  vertical-align: bottom; }

.__react_component_tooltip {
  display: inline-block;
  padding: 4px 6px;
  font-size: 12px;
  border-radius: 6px; }

.__react_component_tooltip.type-dark {
  opacity: 0.8 !important; }

.__react_component_tooltip.place-top::after {
  bottom: -4px !important; }

html,
body {
  position: relative;
  min-width: 900px;
  height: 100%;
  min-height: 450px; }

.context-menu-list.context-menu-root {
  z-index: 999 !important; }

html {
  -webkit-text-size-adjust: none; }

body {
  /* stylelint-disable declaration-colon-newline-after,value-list-comma-newline-after  */
  font-family: Helvetica, Tahoma, Arial, 'Microsoft YaHei', '\5FAE\8F6F\96C5\9ED1', 'PingFang SC', '\82F9\65B9', sans-serif;
  font-size: 14px;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  background-color: #f5f5f5;
  -webkit-box-shadow: 0 1px 10px 0.5px rgba(51, 51, 51, 0.2);
          box-shadow: 0 1px 10px 0.5px rgba(51, 51, 51, 0.2);
  -webkit-font-variant-ligatures: normal;
          font-variant-ligatures: normal;
  font-variant-caps: normal;
  font-variant-numeric: normal; }

#mac-client .app-sidebar .middle {
  top: 450px !important;
  height: calc(100% - 450px) !important; }

#mac-client .app-content-header .header-middle-drag-bar {
  right: 167px !important; }

#win-client .can-drag,
.pc-client .can-drag {
  -webkit-app-region: drag;
  cursor: pointer; }

.app-loading {
  position: absolute;
  top: 0;
  bottom: 0;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  width: 100%;
  font-size: 16px;
  color: #fff; }
  .app-loading .message-loading-gif {
    width: 80px;
    animation: yidong linear 2s infinite;
    -webkit-animation: yidong linear 2s infinite; }

@-webkit-keyframes yidong {
  from {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg); }
  to {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg); } }

@keyframes yidong {
  from {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg); }
  to {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg); } }

.app-loading .loader {
  width: 160px; }

.app-loading .loader-text {
  margin-top: 15px;
  font-size: 13px;
  color: #fe6a49;
  text-align: center; }

#appRoot {
  position: absolute;
  top: 0;
  bottom: 0;
  width: 100%;
  overflow: hidden;
  background-color: #fff; }
  #appRoot #main-drag-box {
    width: 100%;
    height: 100%; }

#web-client {
  min-width: 1000px;
  min-height: 620px; }
  #web-client .ant-message {
    position: absolute !important;
    top: calc(50% - 325px + 21px) !important;
    height: 300px !important; }
  #web-client body {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    background: url(../../static/media/background.cfa71abf.jpg) no-repeat 0 0;
    background-size: cover; }
  #web-client #appRoot {
    top: calc(50% - 310px);
    left: calc(50% - 500px);
    width: 1000px;
    height: 620px; }

.qt-main-background {
  position: absolute;
  bottom: 0;
  width: 2200px;
  height: 350px; }

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none !important;
  margin: 0; }

input[type='number'] {
  -moz-appearance: textfield; }

.not-allow-select {
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
      user-select: none; }

.can-use-select {
  -moz-user-select: text;
  -webkit-user-select: text;
  -ms-user-select: text;
      user-select: text; }

.show-panel-btn {
  display: inline-block;
  -webkit-transition: -webkit-transform 0.2s ease;
  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; }

.arrow-right {
  display: inline-block;
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg); }

.arrow-left {
  display: inline-block;
  -webkit-transform: rotate(0deg);
      -ms-transform: rotate(0deg);
          transform: rotate(0deg); }

.unread-point {
  display: inline-block;
  width: 8px;
  height: 8px;
  background: #fe6a49;
  border-radius: 5px; }

::-webkit-input-placeholder {
  color: #828992 !important; }

:-moz-placeholder {
  color: #828992 !important; }

:-ms-input-placeholder {
  color: #828992 !important; }

.breadcrumb {
  display: inline-block;
  font-size: 18px;
  color: #828992;
  cursor: pointer;
  -webkit-transform: scale(0.5);
      -ms-transform: scale(0.5);
          transform: scale(0.5); }
  .breadcrumb:hover {
    color: #fe6a49; }
  .breadcrumb.active {
    color: #fe6a49; }

.clearfix::after {
  display: block;
  width: 0;
  height: 0;
  clear: both;
  visibility: hidden;
  content: '\200B'; }

/* 右侧展开后，list的title */
.folder-list-title {
  position: relative;
  display: block;
  height: 42px;
  padding: 11px 14px;
  color: #222;
  border-bottom: 1px solid #d2d2d2; }

.qt-box-shadow {
  border-color: #69b0e7 !important;
  outline: 0;
  -webkit-box-shadow: 0 0 0 2px rgba(105, 176, 231, 0.2);
  box-shadow: 0 0 0 2px rgba(105, 176, 231, 0.2); }

.btn-transition {
  -webkit-transition: all 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
  -o-transition: all 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: all 0.2s cubic-bezier(0.645, 0.045, 0.355, 1); }

.ellipsis {
  overflow: hidden;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  white-space: nowrap; }

.nicescroll-cursors {
  background-color: #e1e1e1 !important; }

.ant-select-selection:focus {
  border-color: #e0e5f0 !important;
  -webkit-box-shadow: none !important;
          box-shadow: none !important; }

.ant-modal-mask {
  background-color: rgba(0, 0, 0, 0.4) !important; }
  .ant-modal-mask .ant-modal-header {
    padding: 6px 16px 4px 16px !important;
    border-radius: 10px 10px 0 0; }

.ant-tabs-tabpane {
  height: 100%; }

.ant-popover {
  z-index: 9999; }

.moji-viewer-loading {
  position: fixed;
  z-index: 999;
  width: 100%;
  height: 100%;
  font-size: 30px; }
  .moji-viewer-loading .title {
    height: 41px;
    font-size: 16px;
    line-height: 41px;
    text-align: center;
    background-color: #ebebeb;
    -webkit-box-shadow: 0 2px 4px #888;
            box-shadow: 0 2px 4px #888; }
    .moji-viewer-loading .title .file-name {
      font-size: 12px;
      color: black; }
    .moji-viewer-loading .title .close {
      float: right;
      margin-right: 50px;
      font-size: 20px;
      color: rgba(153, 148, 148, 0.71);
      cursor: pointer; }
      .moji-viewer-loading .title .close:hover {
        color: white; }
  .moji-viewer-loading .content {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center;
    -ms-flex-pack: center;
        justify-content: center;
    width: 100%;
    height: calc(100% - 41px); }
    .moji-viewer-loading .content .previewing-tip {
      padding-top: 15px;
      font-size: 13px; }
    .moji-viewer-loading .content .progress-container {
      text-align: center; }
      .moji-viewer-loading .content .progress-container .tip {
        font-size: 13px;
        color: #d9d9d9; }
      .moji-viewer-loading .content .progress-container .progress {
        width: 150px;
        height: 2px;
        overflow: hidden;
        background-color: #d9d9d9; }
        .moji-viewer-loading .content .progress-container .progress .uploaded {
          width: 0;
          height: 2px;
          background-color: #fe6a49;
          -webkit-transition: all 0.2s;
          -o-transition: all 0.2s;
          transition: all 0.2s; }

span.nc-lang-cnt {
  color: #222 !important; }

.has-error .ant-form-explain {
  color: #fe6a49 !important; }

input:-webkit-autofill {
  background-color: #fff !important;
  background-image: none;
  -webkit-box-shadow: 0 0 0 1000px #fff inset !important;
          box-shadow: 0 0 0 1000px #fff inset !important; }

.introjs-overlay {
  position: absolute !important;
  background: none !important;
  background-color: rgba(0, 0, 0, 0.4) !important;
  opacity: 1 !important; }

.qt-intro-tip {
  min-width: 140px !important;
  padding: 17px 20px 20px 20px !important;
  margin-right: 20px;
  font-size: 14px;
  color: #5d6470;
  background: white;
  -webkit-box-shadow: none;
          box-shadow: none; }
  .qt-intro-tip .qt-intro-content .intro-close {
    position: absolute;
    top: 0;
    right: 5px;
    font-size: 16px;
    font-weight: bold;
    cursor: pointer;
    -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
            transform: rotate(45deg); }

.bg + .ant-popover-inner-content {
  padding: 0 !important; }

.ant-select-open .ant-select-arrow,
.ant-select-open .ant-select-arrow-icon,
.ant-select-open .ant-select-selection-selected-value {
  color: #fe6a49; }

.ant-select-selection-selected-value {
  padding-left: 6px;
  color: #222; }

.has-error .ant-select-arrow {
  color: rgba(0, 0, 0, 0.43) !important; }

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus {
  -webkit-box-shadow: 0 0 0 1000px white inset !important;
  box-shadow: 0 0 0 1000px white inset !important; }

input {
  -webkit-box-shadow: none;
  box-shadow: none;
  -webkit-text-fill-color: none; }

input::-webkit-input-placeholder {
  color: #828992; }

input:-moz-placeholder {
  color: #828992; }

.qt-avatar-background {
  background-color: #eee; }

.avatar-fail {
  display: inline-block;
  vertical-align: middle;
  background-color: #dcdcdc !important; }

.qt-text-btn {
  color: #fe6a49 !important; }
  .qt-text-btn:hover {
    color: #ef5129 !important; }

::-webkit-scrollbar {
  width: 6px;
  background: #e1e1e1; }

::-webkit-scrollbar-button {
  display: none; }

::-webkit-scrollbar-thumb {
  background: #e1e1e1;
  border-radius: 6px; }

::-webkit-scrollbar-track {
  background: #f8f8f8;
  border-radius: 5px; }

.text-no-wrap {
  overflow: hidden;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  white-space: nowrap; }

.text-primary-btn {
  color: #fe6a49;
  cursor: pointer; }
  .text-primary-btn:hover {
    color: #d64f35; }

.right-click-quick:hover {
  background-color: #e1e1e1; }

.context-menu-quick {
  height: 30px;
  padding: 0 14px;
  line-height: 30px;
  color: #222;
  white-space: nowrap;
  background-color: transparent; }

.ant-select-dropdown-menu-item:hover {
  background-color: #f3f4f6 !important; }

.ant-select-dropdown-menu-item-selected {
  color: #fe6a49 !important;
  background: none !important;
  background-color: #fff !important;
  /*  background-color: $dropdown-select-color !important; */ }

.ant-select-dropdown {
  z-index: 2000 !important; }

.sprite-emoji-263a {
  width: 19px; }

.qt-icon-artboard1::before {
  content: '\E6A2'; }

#drag-table-item-container .ant-table-selection-column {
  vertical-align: middle; }

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
/* stylelint-disable at-rule-no-unknown */
html,
body {
  width: 100%;
  height: 100%;
}
input::-ms-clear,
input::-ms-reveal {
  display: none;
}
*,
*::before,
*::after {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
html {
  font-family: sans-serif;
  line-height: 1.15;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  -ms-overflow-style: scrollbar;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
@-ms-viewport {
  width: device-width;
}
article,
aside,
dialog,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section {
  display: block;
}
body {
  margin: 0;
  color: rgba(0, 0, 0, 0.65);
  font-size: 12px;
  font-family: Helvetica, Tahoma, Arial, 'Microsoft YaHei', '\5FAE\8F6F\96C5\9ED1', 'PingFang SC', '\82F9\65B9', sans-serif;
  font-variant: tabular-nums;
  line-height: 1.5;
  background-color: #fff;
  -webkit-font-feature-settings: 'tnum';
          font-feature-settings: 'tnum';
}
[tabindex='-1']:focus {
  outline: none !important;
}
hr {
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  height: 0;
  overflow: visible;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  margin-top: 0;
  margin-bottom: 0.5em;
  color: rgba(0, 0, 0, 0.85);
  font-weight: 500;
}
p {
  margin-top: 0;
  margin-bottom: 1em;
}
abbr[title],
abbr[data-original-title] {
  text-decoration: underline;
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted;
  border-bottom: 0;
  cursor: help;
}
address {
  margin-bottom: 1em;
  font-style: normal;
  line-height: inherit;
}
input[type='text'],
input[type='password'],
input[type='number'],
textarea {
  -webkit-appearance: none;
}
ol,
ul,
dl {
  margin-top: 0;
  margin-bottom: 1em;
}
ol ol,
ul ul,
ol ul,
ul ol {
  margin-bottom: 0;
}
dt {
  font-weight: 500;
}
dd {
  margin-bottom: 0.5em;
  margin-left: 0;
}
blockquote {
  margin: 0 0 1em;
}
dfn {
  font-style: italic;
}
b,
strong {
  font-weight: bolder;
}
small {
  font-size: 80%;
}
sub,
sup {
  position: relative;
  font-size: 75%;
  line-height: 0;
  vertical-align: baseline;
}
sub {
  bottom: -0.25em;
}
sup {
  top: -0.5em;
}
a {
  color: #037aff;
  text-decoration: none;
  background-color: transparent;
  outline: none;
  cursor: pointer;
  -webkit-transition: color 0.3s;
  -o-transition: color 0.3s;
  transition: color 0.3s;
  -webkit-text-decoration-skip: objects;
}
a:hover {
  color: #3e91c8;
}
a:active {
  color: #015c9f;
}
a:active,
a:hover {
  text-decoration: none;
  outline: 0;
}
a[disabled] {
  color: rgba(0, 0, 0, 0.25);
  cursor: not-allowed;
  pointer-events: none;
}
pre,
code,
kbd,
samp {
  font-size: 1em;
  font-family: 'SFMono-Regular', Consolas, 'Liberation Mono', Menlo, Courier, monospace;
}
pre {
  margin-top: 0;
  margin-bottom: 1em;
  overflow: auto;
}
figure {
  margin: 0 0 1em;
}
img {
  vertical-align: middle;
  border-style: none;
}
svg:not(:root) {
  overflow: hidden;
}
a,
area,
button,
[role='button'],
input:not([type='range']),
label,
select,
summary,
textarea {
  -ms-touch-action: manipulation;
      touch-action: manipulation;
}
table {
  border-collapse: collapse;
}
caption {
  padding-top: 0.75em;
  padding-bottom: 0.3em;
  color: rgba(0, 0, 0, 0.45);
  text-align: left;
  caption-side: bottom;
}
th {
  text-align: inherit;
}
input,
button,
select,
optgroup,
textarea {
  margin: 0;
  color: inherit;
  font-size: inherit;
  font-family: inherit;
  line-height: inherit;
}
button,
input {
  overflow: visible;
}
button,
select {
  text-transform: none;
}
button,
html [type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
}
button::-moz-focus-inner,
[type='button']::-moz-focus-inner,
[type='reset']::-moz-focus-inner,
[type='submit']::-moz-focus-inner {
  padding: 0;
  border-style: none;
}
input[type='radio'],
input[type='checkbox'] {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 0;
}
input[type='date'],
input[type='time'],
input[type='datetime-local'],
input[type='month'] {
  -webkit-appearance: listbox;
}
textarea {
  overflow: auto;
  resize: vertical;
}
fieldset {
  min-width: 0;
  margin: 0;
  padding: 0;
  border: 0;
}
legend {
  display: block;
  width: 100%;
  max-width: 100%;
  margin-bottom: 0.5em;
  padding: 0;
  color: inherit;
  font-size: 1.5em;
  line-height: inherit;
  white-space: normal;
}
progress {
  vertical-align: baseline;
}
[type='number']::-webkit-inner-spin-button,
[type='number']::-webkit-outer-spin-button {
  height: auto;
}
[type='search'] {
  outline-offset: -2px;
  -webkit-appearance: none;
}
[type='search']::-webkit-search-cancel-button,
[type='search']::-webkit-search-decoration {
  -webkit-appearance: none;
}
::-webkit-file-upload-button {
  font: inherit;
  -webkit-appearance: button;
}
output {
  display: inline-block;
}
summary {
  display: list-item;
}
template {
  display: none;
}
[hidden] {
  display: none !important;
}
mark {
  padding: 0.2em;
  background-color: #feffe6;
}
::-moz-selection {
  color: #fff;
  background: #FE6A49;
}
::selection {
  color: #fff;
  background: #FE6A49;
}
.clearfix {
  zoom: 1;
}
.clearfix::before,
.clearfix::after {
  display: table;
  content: '';
}
.clearfix::after {
  clear: both;
}
.anticon {
  display: inline-block;
  color: inherit;
  font-style: normal;
  line-height: 0;
  text-align: center;
  text-transform: none;
  vertical-align: -0.125em;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.anticon > * {
  line-height: 1;
}
.anticon svg {
  display: inline-block;
}
.anticon::before {
  display: none;
}
.anticon .anticon-icon {
  display: block;
}
.anticon[tabindex] {
  cursor: pointer;
}
.anticon-spin::before {
  display: inline-block;
  -webkit-animation: loadingCircle 1s infinite linear;
          animation: loadingCircle 1s infinite linear;
}
.anticon-spin {
  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: translateY(100%);
            transform: translateY(100%);
    -webkit-transform-origin: 0 0;
            transform-origin: 0 0;
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0%);
            transform: translateY(0%);
    -webkit-transform-origin: 0 0;
            transform-origin: 0 0;
    opacity: 1;
  }
}
@keyframes antMoveDownIn {
  0% {
    -webkit-transform: translateY(100%);
            transform: translateY(100%);
    -webkit-transform-origin: 0 0;
            transform-origin: 0 0;
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0%);
            transform: translateY(0%);
    -webkit-transform-origin: 0 0;
            transform-origin: 0 0;
    opacity: 1;
  }
}
@-webkit-keyframes antMoveDownOut {
  0% {
    -webkit-transform: translateY(0%);
            transform: translateY(0%);
    -webkit-transform-origin: 0 0;
            transform-origin: 0 0;
    opacity: 1;
  }
  100% {
    -webkit-transform: translateY(100%);
            transform: translateY(100%);
    -webkit-transform-origin: 0 0;
            transform-origin: 0 0;
    opacity: 0;
  }
}
@keyframes antMoveDownOut {
  0% {
    -webkit-transform: translateY(0%);
            transform: translateY(0%);
    -webkit-transform-origin: 0 0;
            transform-origin: 0 0;
    opacity: 1;
  }
  100% {
    -webkit-transform: translateY(100%);
            transform: translateY(100%);
    -webkit-transform-origin: 0 0;
            transform-origin: 0 0;
    opacity: 0;
  }
}
@-webkit-keyframes antMoveLeftIn {
  0% {
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
    -webkit-transform-origin: 0 0;
            transform-origin: 0 0;
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0%);
            transform: translateX(0%);
    -webkit-transform-origin: 0 0;
            transform-origin: 0 0;
    opacity: 1;
  }
}
@keyframes antMoveLeftIn {
  0% {
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
    -webkit-transform-origin: 0 0;
            transform-origin: 0 0;
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0%);
            transform: translateX(0%);
    -webkit-transform-origin: 0 0;
            transform-origin: 0 0;
    opacity: 1;
  }
}
@-webkit-keyframes antMoveLeftOut {
  0% {
    -webkit-transform: translateX(0%);
            transform: translateX(0%);
    -webkit-transform-origin: 0 0;
            transform-origin: 0 0;
    opacity: 1;
  }
  100% {
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
    -webkit-transform-origin: 0 0;
            transform-origin: 0 0;
    opacity: 0;
  }
}
@keyframes antMoveLeftOut {
  0% {
    -webkit-transform: translateX(0%);
            transform: translateX(0%);
    -webkit-transform-origin: 0 0;
            transform-origin: 0 0;
    opacity: 1;
  }
  100% {
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
    -webkit-transform-origin: 0 0;
            transform-origin: 0 0;
    opacity: 0;
  }
}
@-webkit-keyframes antMoveRightIn {
  0% {
    -webkit-transform: translateX(100%);
            transform: translateX(100%);
    -webkit-transform-origin: 0 0;
            transform-origin: 0 0;
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0%);
            transform: translateX(0%);
    -webkit-transform-origin: 0 0;
            transform-origin: 0 0;
    opacity: 1;
  }
}
@keyframes antMoveRightIn {
  0% {
    -webkit-transform: translateX(100%);
            transform: translateX(100%);
    -webkit-transform-origin: 0 0;
            transform-origin: 0 0;
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0%);
            transform: translateX(0%);
    -webkit-transform-origin: 0 0;
            transform-origin: 0 0;
    opacity: 1;
  }
}
@-webkit-keyframes antMoveRightOut {
  0% {
    -webkit-transform: translateX(0%);
            transform: translateX(0%);
    -webkit-transform-origin: 0 0;
            transform-origin: 0 0;
    opacity: 1;
  }
  100% {
    -webkit-transform: translateX(100%);
            transform: translateX(100%);
    -webkit-transform-origin: 0 0;
            transform-origin: 0 0;
    opacity: 0;
  }
}
@keyframes antMoveRightOut {
  0% {
    -webkit-transform: translateX(0%);
            transform: translateX(0%);
    -webkit-transform-origin: 0 0;
            transform-origin: 0 0;
    opacity: 1;
  }
  100% {
    -webkit-transform: translateX(100%);
            transform: translateX(100%);
    -webkit-transform-origin: 0 0;
            transform-origin: 0 0;
    opacity: 0;
  }
}
@-webkit-keyframes antMoveUpIn {
  0% {
    -webkit-transform: translateY(-100%);
            transform: translateY(-100%);
    -webkit-transform-origin: 0 0;
            transform-origin: 0 0;
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0%);
            transform: translateY(0%);
    -webkit-transform-origin: 0 0;
            transform-origin: 0 0;
    opacity: 1;
  }
}
@keyframes antMoveUpIn {
  0% {
    -webkit-transform: translateY(-100%);
            transform: translateY(-100%);
    -webkit-transform-origin: 0 0;
            transform-origin: 0 0;
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0%);
            transform: translateY(0%);
    -webkit-transform-origin: 0 0;
            transform-origin: 0 0;
    opacity: 1;
  }
}
@-webkit-keyframes antMoveUpOut {
  0% {
    -webkit-transform: translateY(0%);
            transform: translateY(0%);
    -webkit-transform-origin: 0 0;
            transform-origin: 0 0;
    opacity: 1;
  }
  100% {
    -webkit-transform: translateY(-100%);
            transform: translateY(-100%);
    -webkit-transform-origin: 0 0;
            transform-origin: 0 0;
    opacity: 0;
  }
}
@keyframes antMoveUpOut {
  0% {
    -webkit-transform: translateY(0%);
            transform: translateY(0%);
    -webkit-transform-origin: 0 0;
            transform-origin: 0 0;
    opacity: 1;
  }
  100% {
    -webkit-transform: translateY(-100%);
            transform: translateY(-100%);
    -webkit-transform-origin: 0 0;
            transform-origin: 0 0;
    opacity: 0;
  }
}
@-webkit-keyframes loadingCircle {
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
@keyframes loadingCircle {
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
[ant-click-animating='true'],
[ant-click-animating-without-extra-node='true'] {
  position: relative;
}
html {
  --antd-wave-shadow-color: #FE6A49;
}
[ant-click-animating-without-extra-node='true']::after,
.ant-click-animating-node {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: block;
  border-radius: inherit;
  -webkit-box-shadow: 0 0 0 0 #FE6A49;
          box-shadow: 0 0 0 0 #FE6A49;
  -webkit-box-shadow: 0 0 0 0 var(--antd-wave-shadow-color);
          box-shadow: 0 0 0 0 var(--antd-wave-shadow-color);
  opacity: 0.2;
  -webkit-animation: fadeEffect 2s cubic-bezier(0.08, 0.82, 0.17, 1), waveEffect 0.4s cubic-bezier(0.08, 0.82, 0.17, 1);
          animation: fadeEffect 2s cubic-bezier(0.08, 0.82, 0.17, 1), waveEffect 0.4s cubic-bezier(0.08, 0.82, 0.17, 1);
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
  content: '';
  pointer-events: none;
}
@-webkit-keyframes waveEffect {
  100% {
    -webkit-box-shadow: 0 0 0 #FE6A49;
            box-shadow: 0 0 0 #FE6A49;
    -webkit-box-shadow: 0 0 0 6px var(--antd-wave-shadow-color);
            box-shadow: 0 0 0 6px var(--antd-wave-shadow-color);
  }
}
@keyframes waveEffect {
  100% {
    -webkit-box-shadow: 0 0 0 #FE6A49;
            box-shadow: 0 0 0 #FE6A49;
    -webkit-box-shadow: 0 0 0 6px var(--antd-wave-shadow-color);
            box-shadow: 0 0 0 6px var(--antd-wave-shadow-color);
  }
}
@-webkit-keyframes fadeEffect {
  100% {
    opacity: 0;
  }
}
@keyframes fadeEffect {
  100% {
    opacity: 0;
  }
}
.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% {
    -webkit-transform: scaleY(0.8);
            transform: scaleY(0.8);
    -webkit-transform-origin: 0% 0%;
            transform-origin: 0% 0%;
    opacity: 0;
  }
  100% {
    -webkit-transform: scaleY(1);
            transform: scaleY(1);
    -webkit-transform-origin: 0% 0%;
            transform-origin: 0% 0%;
    opacity: 1;
  }
}
@keyframes antSlideUpIn {
  0% {
    -webkit-transform: scaleY(0.8);
            transform: scaleY(0.8);
    -webkit-transform-origin: 0% 0%;
            transform-origin: 0% 0%;
    opacity: 0;
  }
  100% {
    -webkit-transform: scaleY(1);
            transform: scaleY(1);
    -webkit-transform-origin: 0% 0%;
            transform-origin: 0% 0%;
    opacity: 1;
  }
}
@-webkit-keyframes antSlideUpOut {
  0% {
    -webkit-transform: scaleY(1);
            transform: scaleY(1);
    -webkit-transform-origin: 0% 0%;
            transform-origin: 0% 0%;
    opacity: 1;
  }
  100% {
    -webkit-transform: scaleY(0.8);
            transform: scaleY(0.8);
    -webkit-transform-origin: 0% 0%;
            transform-origin: 0% 0%;
    opacity: 0;
  }
}
@keyframes antSlideUpOut {
  0% {
    -webkit-transform: scaleY(1);
            transform: scaleY(1);
    -webkit-transform-origin: 0% 0%;
            transform-origin: 0% 0%;
    opacity: 1;
  }
  100% {
    -webkit-transform: scaleY(0.8);
            transform: scaleY(0.8);
    -webkit-transform-origin: 0% 0%;
            transform-origin: 0% 0%;
    opacity: 0;
  }
}
@-webkit-keyframes antSlideDownIn {
  0% {
    -webkit-transform: scaleY(0.8);
            transform: scaleY(0.8);
    -webkit-transform-origin: 100% 100%;
            transform-origin: 100% 100%;
    opacity: 0;
  }
  100% {
    -webkit-transform: scaleY(1);
            transform: scaleY(1);
    -webkit-transform-origin: 100% 100%;
            transform-origin: 100% 100%;
    opacity: 1;
  }
}
@keyframes antSlideDownIn {
  0% {
    -webkit-transform: scaleY(0.8);
            transform: scaleY(0.8);
    -webkit-transform-origin: 100% 100%;
            transform-origin: 100% 100%;
    opacity: 0;
  }
  100% {
    -webkit-transform: scaleY(1);
            transform: scaleY(1);
    -webkit-transform-origin: 100% 100%;
            transform-origin: 100% 100%;
    opacity: 1;
  }
}
@-webkit-keyframes antSlideDownOut {
  0% {
    -webkit-transform: scaleY(1);
            transform: scaleY(1);
    -webkit-transform-origin: 100% 100%;
            transform-origin: 100% 100%;
    opacity: 1;
  }
  100% {
    -webkit-transform: scaleY(0.8);
            transform: scaleY(0.8);
    -webkit-transform-origin: 100% 100%;
            transform-origin: 100% 100%;
    opacity: 0;
  }
}
@keyframes antSlideDownOut {
  0% {
    -webkit-transform: scaleY(1);
            transform: scaleY(1);
    -webkit-transform-origin: 100% 100%;
            transform-origin: 100% 100%;
    opacity: 1;
  }
  100% {
    -webkit-transform: scaleY(0.8);
            transform: scaleY(0.8);
    -webkit-transform-origin: 100% 100%;
            transform-origin: 100% 100%;
    opacity: 0;
  }
}
@-webkit-keyframes antSlideLeftIn {
  0% {
    -webkit-transform: scaleX(0.8);
            transform: scaleX(0.8);
    -webkit-transform-origin: 0% 0%;
            transform-origin: 0% 0%;
    opacity: 0;
  }
  100% {
    -webkit-transform: scaleX(1);
            transform: scaleX(1);
    -webkit-transform-origin: 0% 0%;
            transform-origin: 0% 0%;
    opacity: 1;
  }
}
@keyframes antSlideLeftIn {
  0% {
    -webkit-transform: scaleX(0.8);
            transform: scaleX(0.8);
    -webkit-transform-origin: 0% 0%;
            transform-origin: 0% 0%;
    opacity: 0;
  }
  100% {
    -webkit-transform: scaleX(1);
            transform: scaleX(1);
    -webkit-transform-origin: 0% 0%;
            transform-origin: 0% 0%;
    opacity: 1;
  }
}
@-webkit-keyframes antSlideLeftOut {
  0% {
    -webkit-transform: scaleX(1);
            transform: scaleX(1);
    -webkit-transform-origin: 0% 0%;
            transform-origin: 0% 0%;
    opacity: 1;
  }
  100% {
    -webkit-transform: scaleX(0.8);
            transform: scaleX(0.8);
    -webkit-transform-origin: 0% 0%;
            transform-origin: 0% 0%;
    opacity: 0;
  }
}
@keyframes antSlideLeftOut {
  0% {
    -webkit-transform: scaleX(1);
            transform: scaleX(1);
    -webkit-transform-origin: 0% 0%;
            transform-origin: 0% 0%;
    opacity: 1;
  }
  100% {
    -webkit-transform: scaleX(0.8);
            transform: scaleX(0.8);
    -webkit-transform-origin: 0% 0%;
            transform-origin: 0% 0%;
    opacity: 0;
  }
}
@-webkit-keyframes antSlideRightIn {
  0% {
    -webkit-transform: scaleX(0.8);
            transform: scaleX(0.8);
    -webkit-transform-origin: 100% 0%;
            transform-origin: 100% 0%;
    opacity: 0;
  }
  100% {
    -webkit-transform: scaleX(1);
            transform: scaleX(1);
    -webkit-transform-origin: 100% 0%;
            transform-origin: 100% 0%;
    opacity: 1;
  }
}
@keyframes antSlideRightIn {
  0% {
    -webkit-transform: scaleX(0.8);
            transform: scaleX(0.8);
    -webkit-transform-origin: 100% 0%;
            transform-origin: 100% 0%;
    opacity: 0;
  }
  100% {
    -webkit-transform: scaleX(1);
            transform: scaleX(1);
    -webkit-transform-origin: 100% 0%;
            transform-origin: 100% 0%;
    opacity: 1;
  }
}
@-webkit-keyframes antSlideRightOut {
  0% {
    -webkit-transform: scaleX(1);
            transform: scaleX(1);
    -webkit-transform-origin: 100% 0%;
            transform-origin: 100% 0%;
    opacity: 1;
  }
  100% {
    -webkit-transform: scaleX(0.8);
            transform: scaleX(0.8);
    -webkit-transform-origin: 100% 0%;
            transform-origin: 100% 0%;
    opacity: 0;
  }
}
@keyframes antSlideRightOut {
  0% {
    -webkit-transform: scaleX(1);
            transform: scaleX(1);
    -webkit-transform-origin: 100% 0%;
            transform-origin: 100% 0%;
    opacity: 1;
  }
  100% {
    -webkit-transform: scaleX(0.8);
            transform: scaleX(0.8);
    -webkit-transform-origin: 100% 0%;
            transform-origin: 100% 0%;
    opacity: 0;
  }
}
.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);
  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);
}
.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);
  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);
}
.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);
  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);
}
.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);
  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);
}
.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);
  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);
}
.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);
  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);
}
.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);
  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);
}
.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% {
    -webkit-transform: scale(0.2);
            transform: scale(0.2);
    opacity: 0;
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 1;
  }
}
@keyframes antZoomIn {
  0% {
    -webkit-transform: scale(0.2);
            transform: scale(0.2);
    opacity: 0;
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 1;
  }
}
@-webkit-keyframes antZoomOut {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  100% {
    -webkit-transform: scale(0.2);
            transform: scale(0.2);
    opacity: 0;
  }
}
@keyframes antZoomOut {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  100% {
    -webkit-transform: scale(0.2);
            transform: scale(0.2);
    opacity: 0;
  }
}
@-webkit-keyframes antZoomBigIn {
  0% {
    -webkit-transform: scale(0.8);
            transform: scale(0.8);
    opacity: 0;
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 1;
  }
}
@keyframes antZoomBigIn {
  0% {
    -webkit-transform: scale(0.8);
            transform: scale(0.8);
    opacity: 0;
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 1;
  }
}
@-webkit-keyframes antZoomBigOut {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  100% {
    -webkit-transform: scale(0.8);
            transform: scale(0.8);
    opacity: 0;
  }
}
@keyframes antZoomBigOut {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  100% {
    -webkit-transform: scale(0.8);
            transform: scale(0.8);
    opacity: 0;
  }
}
@-webkit-keyframes antZoomUpIn {
  0% {
    -webkit-transform: scale(0.8);
            transform: scale(0.8);
    -webkit-transform-origin: 50% 0%;
            transform-origin: 50% 0%;
    opacity: 0;
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-transform-origin: 50% 0%;
            transform-origin: 50% 0%;
  }
}
@keyframes antZoomUpIn {
  0% {
    -webkit-transform: scale(0.8);
            transform: scale(0.8);
    -webkit-transform-origin: 50% 0%;
            transform-origin: 50% 0%;
    opacity: 0;
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-transform-origin: 50% 0%;
            transform-origin: 50% 0%;
  }
}
@-webkit-keyframes antZoomUpOut {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-transform-origin: 50% 0%;
            transform-origin: 50% 0%;
  }
  100% {
    -webkit-transform: scale(0.8);
            transform: scale(0.8);
    -webkit-transform-origin: 50% 0%;
            transform-origin: 50% 0%;
    opacity: 0;
  }
}
@keyframes antZoomUpOut {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-transform-origin: 50% 0%;
            transform-origin: 50% 0%;
  }
  100% {
    -webkit-transform: scale(0.8);
            transform: scale(0.8);
    -webkit-transform-origin: 50% 0%;
            transform-origin: 50% 0%;
    opacity: 0;
  }
}
@-webkit-keyframes antZoomLeftIn {
  0% {
    -webkit-transform: scale(0.8);
            transform: scale(0.8);
    -webkit-transform-origin: 0% 50%;
            transform-origin: 0% 50%;
    opacity: 0;
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-transform-origin: 0% 50%;
            transform-origin: 0% 50%;
  }
}
@keyframes antZoomLeftIn {
  0% {
    -webkit-transform: scale(0.8);
            transform: scale(0.8);
    -webkit-transform-origin: 0% 50%;
            transform-origin: 0% 50%;
    opacity: 0;
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-transform-origin: 0% 50%;
            transform-origin: 0% 50%;
  }
}
@-webkit-keyframes antZoomLeftOut {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-transform-origin: 0% 50%;
            transform-origin: 0% 50%;
  }
  100% {
    -webkit-transform: scale(0.8);
            transform: scale(0.8);
    -webkit-transform-origin: 0% 50%;
            transform-origin: 0% 50%;
    opacity: 0;
  }
}
@keyframes antZoomLeftOut {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-transform-origin: 0% 50%;
            transform-origin: 0% 50%;
  }
  100% {
    -webkit-transform: scale(0.8);
            transform: scale(0.8);
    -webkit-transform-origin: 0% 50%;
            transform-origin: 0% 50%;
    opacity: 0;
  }
}
@-webkit-keyframes antZoomRightIn {
  0% {
    -webkit-transform: scale(0.8);
            transform: scale(0.8);
    -webkit-transform-origin: 100% 50%;
            transform-origin: 100% 50%;
    opacity: 0;
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-transform-origin: 100% 50%;
            transform-origin: 100% 50%;
  }
}
@keyframes antZoomRightIn {
  0% {
    -webkit-transform: scale(0.8);
            transform: scale(0.8);
    -webkit-transform-origin: 100% 50%;
            transform-origin: 100% 50%;
    opacity: 0;
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-transform-origin: 100% 50%;
            transform-origin: 100% 50%;
  }
}
@-webkit-keyframes antZoomRightOut {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-transform-origin: 100% 50%;
            transform-origin: 100% 50%;
  }
  100% {
    -webkit-transform: scale(0.8);
            transform: scale(0.8);
    -webkit-transform-origin: 100% 50%;
            transform-origin: 100% 50%;
    opacity: 0;
  }
}
@keyframes antZoomRightOut {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-transform-origin: 100% 50%;
            transform-origin: 100% 50%;
  }
  100% {
    -webkit-transform: scale(0.8);
            transform: scale(0.8);
    -webkit-transform-origin: 100% 50%;
            transform-origin: 100% 50%;
    opacity: 0;
  }
}
@-webkit-keyframes antZoomDownIn {
  0% {
    -webkit-transform: scale(0.8);
            transform: scale(0.8);
    -webkit-transform-origin: 50% 100%;
            transform-origin: 50% 100%;
    opacity: 0;
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-transform-origin: 50% 100%;
            transform-origin: 50% 100%;
  }
}
@keyframes antZoomDownIn {
  0% {
    -webkit-transform: scale(0.8);
            transform: scale(0.8);
    -webkit-transform-origin: 50% 100%;
            transform-origin: 50% 100%;
    opacity: 0;
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-transform-origin: 50% 100%;
            transform-origin: 50% 100%;
  }
}
@-webkit-keyframes antZoomDownOut {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-transform-origin: 50% 100%;
            transform-origin: 50% 100%;
  }
  100% {
    -webkit-transform: scale(0.8);
            transform: scale(0.8);
    -webkit-transform-origin: 50% 100%;
            transform-origin: 50% 100%;
    opacity: 0;
  }
}
@keyframes antZoomDownOut {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-transform-origin: 50% 100%;
            transform-origin: 50% 100%;
  }
  100% {
    -webkit-transform: scale(0.8);
            transform: scale(0.8);
    -webkit-transform-origin: 50% 100%;
            transform-origin: 50% 100%;
    opacity: 0;
  }
}
.ant-motion-collapse-legacy {
  overflow: hidden;
}
.ant-motion-collapse-legacy-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;
}
.ant-motion-collapse {
  overflow: hidden;
  -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 no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
.ant-modal {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.65);
  font-size: 12px;
  font-variant: tabular-nums;
  line-height: 1.5;
  list-style: none;
  -webkit-font-feature-settings: 'tnum';
          font-feature-settings: 'tnum';
  position: relative;
  top: 100px;
  top: 0;
  display: inline-block;
  width: auto;
  margin: 0 auto;
  text-align: left;
  vertical-align: middle;
}
.ant-modal-wrap {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1000;
  overflow: auto;
  outline: 0;
  -webkit-overflow-scrolling: touch;
}
.ant-modal-title {
  margin: 0;
  color: rgba(0, 0, 0, 0.85);
  font-weight: 500;
  font-size: 14px;
  line-height: 22px;
  word-wrap: break-word;
}
.ant-modal-content {
  position: relative;
  background-color: #fff;
  background-clip: padding-box;
  border: 0;
  border-radius: 4px;
  -webkit-box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
          box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}
.ant-modal-close {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 10;
  padding: 0;
  color: rgba(0, 0, 0, 0.45);
  font-weight: 700;
  line-height: 1;
  text-decoration: none;
  background: transparent;
  border: 0;
  outline: 0;
  cursor: pointer;
  -webkit-transition: color 0.3s;
  -o-transition: color 0.3s;
  transition: color 0.3s;
}
.ant-modal-close-x {
  display: block;
  width: 56px;
  height: 56px;
  font-size: 14px;
  font-size: 16px;
  font-style: normal;
  line-height: 56px;
  text-align: center;
  text-transform: none;
  text-rendering: auto;
}
.ant-modal-close:focus,
.ant-modal-close:hover {
  color: rgba(0, 0, 0, 0.75);
  text-decoration: none;
}
.ant-modal-header {
  padding: 16px 24px;
  color: rgba(0, 0, 0, 0.65);
  background: #fff;
  border-bottom: 1px solid #e9e9e9;
  border-radius: 4px 4px 0 0;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.ant-modal-body {
  padding: 16px;
  font-size: 12px;
  line-height: 1.5;
  word-wrap: break-word;
}
.ant-modal-body .anchor {
  position: absolute;
  z-index: 12;
  display: inline-block;
  background: transparent;
}
.ant-modal-body .l {
  top: 10px;
  bottom: 10px;
  left: 0;
  width: 10px;
  cursor: ew-resize;
}
.ant-modal-body .r {
  top: 10px;
  right: 0;
  bottom: 10px;
  width: 10px;
  cursor: ew-resize;
}
.ant-modal-body .b {
  right: 10px;
  bottom: 0;
  left: 10px;
  height: 10px;
  cursor: ns-resize;
}
.ant-modal-body .t {
  top: 0;
  right: 10px;
  left: 10px;
  height: 10px;
  cursor: ns-resize;
}
.ant-modal-body .b_l {
  bottom: 0;
  left: 0;
  width: 10px;
  height: 10px;
  cursor: nesw-resize;
}
.ant-modal-body .b_r {
  right: 0;
  bottom: 0;
  width: 10px;
  height: 10px;
  cursor: nwse-resize;
}
.ant-modal-body .t_l {
  top: 0;
  left: 0;
  width: 10px;
  height: 10px;
  cursor: nwse-resize;
}
.ant-modal-body .t_r {
  top: 0;
  right: 0;
  width: 10px;
  height: 10px;
  cursor: nesw-resize;
}
.ant-modal-footer {
  padding: 10px 16px;
  padding: 12px 16px 12px 10px;
  text-align: right;
  background: transparent;
  border-top: 1px solid #e9e9e9;
  border-radius: 0 0 4px 4px;
}
.ant-modal-footer .ant-btn {
  min-width: 0 !important;
  padding: 0 18px !important;
}
.ant-modal-footer button + button {
  margin-bottom: 0;
  margin-left: 16px;
  margin-left: 8px;
  font-size: 12px;
}
.ant-modal.zoom-enter,
.ant-modal.zoom-appear {
  -webkit-transform: none;
      -ms-transform: none;
          transform: none;
  opacity: 0;
  -webkit-animation-duration: 0.3s;
          animation-duration: 0.3s;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.ant-modal-mask {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1000;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.65);
  filter: alpha(opacity=50);
}
.ant-modal-mask-hidden {
  display: none;
}
.ant-modal-open {
  overflow: hidden;
}
.ant-modal-centered {
  text-align: center;
}
.ant-modal-centered::before {
  display: inline-block;
  width: 0;
  height: 100%;
  vertical-align: middle;
  content: '';
}
.ant-modal-centered .ant-modal {
  top: 0;
  display: inline-block;
  text-align: left;
  vertical-align: middle;
}
@media (max-width: 767px) {
  .ant-modal {
    max-width: calc(84vw);
    margin: 8px auto;
  }
  .ant-modal-centered .ant-modal {
    -ms-flex: 1 1;
        flex: 1 1;
  }
}
.vertical-center-modal {
  text-align: center;
}
.vertical-center-modal::before {
  display: inline-block;
  width: 0;
  height: 100%;
  vertical-align: middle;
  content: '';
}
.ant-modal-confirm .ant-modal-header {
  display: none;
}
.ant-modal-confirm .ant-modal-close {
  display: none;
}
.ant-modal-confirm .ant-modal-body {
  padding: 32px 32px 24px;
}
.ant-modal-confirm-body-wrapper {
  zoom: 1;
}
.ant-modal-confirm-body-wrapper::before,
.ant-modal-confirm-body-wrapper::after {
  display: table;
  content: '';
}
.ant-modal-confirm-body-wrapper::after {
  clear: both;
}
.ant-modal-confirm-body .ant-modal-confirm-title {
  display: block;
  overflow: hidden;
  color: rgba(0, 0, 0, 0.85);
  font-weight: 500;
  font-size: 14px;
  line-height: 1.4;
}
.ant-modal-confirm-body .ant-modal-confirm-content {
  margin-top: 8px;
  color: rgba(0, 0, 0, 0.65);
  font-size: 12px;
}
.ant-modal-confirm-body > .anticon {
  float: left;
  margin-right: 16px;
  font-size: 22px;
}
.ant-modal-confirm-body > .anticon + .ant-modal-confirm-title + .ant-modal-confirm-content {
  margin-left: 38px;
}
.ant-modal-confirm .ant-modal-confirm-btns {
  float: right;
  margin-top: 24px;
}
.ant-modal-confirm .ant-modal-confirm-btns button + button {
  margin-bottom: 0;
  margin-left: 8px;
}
.ant-modal-confirm-error .ant-modal-confirm-body > .anticon {
  color: #69b0e7;
}
.ant-modal-confirm-warning .ant-modal-confirm-body > .anticon,
.ant-modal-confirm-confirm .ant-modal-confirm-body > .anticon {
  color: #69b0e7;
}
.ant-modal-confirm-info .ant-modal-confirm-body > .anticon {
  color: #1890ff;
}
.ant-modal-confirm-success .ant-modal-confirm-body > .anticon {
  color: #52c41a;
}

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
.ant-btn {
  line-height: 1.499;
  position: relative;
  display: inline-block;
  font-weight: 400;
  white-space: nowrap;
  text-align: center;
  background-image: none;
  border: 1px solid transparent;
  -webkit-box-shadow: 0 2px 0 rgba(0, 0, 0, 0.015);
          box-shadow: 0 2px 0 rgba(0, 0, 0, 0.015);
  cursor: pointer;
  -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-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  -ms-touch-action: manipulation;
      touch-action: manipulation;
  height: 28px;
  padding: 0 15px;
  font-size: 12px;
  border-radius: 4px;
  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-box-shadow: none;
          box-shadow: none;
}
.ant-btn.disabled,
.ant-btn[disabled] {
  cursor: not-allowed;
}
.ant-btn.disabled > *,
.ant-btn[disabled] > * {
  pointer-events: none;
}
.ant-btn-lg {
  height: 32px;
  padding: 0 15px;
  font-size: 14px;
  border-radius: 4px;
}
.ant-btn-sm {
  height: 22px;
  padding: 0 7px;
  font-size: 12px;
  border-radius: 4px;
}
.ant-btn > a:only-child {
  color: currentColor;
}
.ant-btn > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn:hover,
.ant-btn:focus {
  color: #ff9173;
  background-color: #fff;
  border-color: #ff9173;
}
.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 {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn:active,
.ant-btn.active {
  color: #d94d34;
  background-color: #fff;
  border-color: #d94d34;
}
.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 {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-disabled,
.ant-btn.disabled,
.ant-btn[disabled],
.ant-btn-disabled:hover,
.ant-btn.disabled:hover,
.ant-btn[disabled]:hover,
.ant-btn-disabled:focus,
.ant-btn.disabled:focus,
.ant-btn[disabled]:focus,
.ant-btn-disabled:active,
.ant-btn.disabled:active,
.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: #f5f5f5;
  border-color: #d9d9d9;
  text-shadow: none;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.ant-btn-disabled > a:only-child,
.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]:hover > a:only-child,
.ant-btn-disabled:focus > 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,
.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] > a:only-child::after,
.ant-btn-disabled:hover > 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]: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,
.ant-btn.disabled.active > a:only-child::after,
.ant-btn[disabled].active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn:hover,
.ant-btn:focus,
.ant-btn:active,
.ant-btn.active {
  text-decoration: none;
  background: #fff;
}
.ant-btn > i,
.ant-btn > span {
  display: inline-block;
  pointer-events: none;
}
.ant-btn-primary {
  color: #fff;
  background-color: #FE6A49;
  border-color: #FE6A49;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.12);
  -webkit-box-shadow: 0 2px 0 rgba(0, 0, 0, 0.045);
          box-shadow: 0 2px 0 rgba(0, 0, 0, 0.045);
}
.ant-btn-primary > a:only-child {
  color: currentColor;
}
.ant-btn-primary > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-primary:hover,
.ant-btn-primary:focus {
  color: #fff;
  background-color: #ff9173;
  border-color: #ff9173;
}
.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 {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-primary:active,
.ant-btn-primary.active {
  color: #fff;
  background-color: #d94d34;
  border-color: #d94d34;
}
.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 {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-primary-disabled,
.ant-btn-primary.disabled,
.ant-btn-primary[disabled],
.ant-btn-primary-disabled:hover,
.ant-btn-primary.disabled:hover,
.ant-btn-primary[disabled]:hover,
.ant-btn-primary-disabled:focus,
.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,
.ant-btn-primary.disabled.active,
.ant-btn-primary[disabled].active {
  color: rgba(0, 0, 0, 0.25);
  background-color: #f5f5f5;
  border-color: #d9d9d9;
  text-shadow: none;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.ant-btn-primary-disabled > a:only-child,
.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]:hover > a:only-child,
.ant-btn-primary-disabled:focus > 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,
.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] > 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]: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]: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,
.ant-btn-primary.disabled.active > a:only-child::after,
.ant-btn-primary[disabled].active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-group .ant-btn-primary:not(:first-child):not(:last-child) {
  border-right-color: #ff9173;
  border-left-color: #ff9173;
}
.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: #ff9173;
}
.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: #ff9173;
}
.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 {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-ghost:hover,
.ant-btn-ghost:focus {
  color: #ff9173;
  background-color: transparent;
  border-color: #ff9173;
}
.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 {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-ghost:active,
.ant-btn-ghost.active {
  color: #d94d34;
  background-color: transparent;
  border-color: #d94d34;
}
.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 {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-ghost-disabled,
.ant-btn-ghost.disabled,
.ant-btn-ghost[disabled],
.ant-btn-ghost-disabled:hover,
.ant-btn-ghost.disabled:hover,
.ant-btn-ghost[disabled]:hover,
.ant-btn-ghost-disabled:focus,
.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,
.ant-btn-ghost.disabled.active,
.ant-btn-ghost[disabled].active {
  color: rgba(0, 0, 0, 0.25);
  background-color: #f5f5f5;
  border-color: #d9d9d9;
  text-shadow: none;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.ant-btn-ghost-disabled > a:only-child,
.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]:hover > a:only-child,
.ant-btn-ghost-disabled:focus > 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,
.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] > 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]: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]: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,
.ant-btn-ghost.disabled.active > a:only-child::after,
.ant-btn-ghost[disabled].active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.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 {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-dashed:hover,
.ant-btn-dashed:focus {
  color: #ff9173;
  background-color: #fff;
  border-color: #ff9173;
}
.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 {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-dashed:active,
.ant-btn-dashed.active {
  color: #d94d34;
  background-color: #fff;
  border-color: #d94d34;
}
.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 {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-dashed-disabled,
.ant-btn-dashed.disabled,
.ant-btn-dashed[disabled],
.ant-btn-dashed-disabled:hover,
.ant-btn-dashed.disabled:hover,
.ant-btn-dashed[disabled]:hover,
.ant-btn-dashed-disabled:focus,
.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,
.ant-btn-dashed.disabled.active,
.ant-btn-dashed[disabled].active {
  color: rgba(0, 0, 0, 0.25);
  background-color: #f5f5f5;
  border-color: #d9d9d9;
  text-shadow: none;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.ant-btn-dashed-disabled > a:only-child,
.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]:hover > a:only-child,
.ant-btn-dashed-disabled:focus > 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,
.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] > 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]: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]: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,
.ant-btn-dashed.disabled.active > a:only-child::after,
.ant-btn-dashed[disabled].active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-danger {
  color: #69b0e7;
  background-color: #f5f5f5;
  border-color: #d9d9d9;
}
.ant-btn-danger > a:only-child {
  color: currentColor;
}
.ant-btn-danger > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-danger:hover {
  color: #fff;
  background-color: #95cff5;
  border-color: #95cff5;
}
.ant-btn-danger:hover > a:only-child {
  color: currentColor;
}
.ant-btn-danger:hover > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-danger:focus {
  color: #95cff5;
  background-color: #fff;
  border-color: #95cff5;
}
.ant-btn-danger:focus > a:only-child {
  color: currentColor;
}
.ant-btn-danger:focus > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-danger:active,
.ant-btn-danger.active {
  color: #fff;
  background-color: #4e8cc2;
  border-color: #4e8cc2;
}
.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 {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-danger-disabled,
.ant-btn-danger.disabled,
.ant-btn-danger[disabled],
.ant-btn-danger-disabled:hover,
.ant-btn-danger.disabled:hover,
.ant-btn-danger[disabled]:hover,
.ant-btn-danger-disabled:focus,
.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,
.ant-btn-danger.disabled.active,
.ant-btn-danger[disabled].active {
  color: rgba(0, 0, 0, 0.25);
  background-color: #f5f5f5;
  border-color: #d9d9d9;
  text-shadow: none;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.ant-btn-danger-disabled > a:only-child,
.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]:hover > a:only-child,
.ant-btn-danger-disabled:focus > 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,
.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] > 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]: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]: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,
.ant-btn-danger.disabled.active > a:only-child::after,
.ant-btn-danger[disabled].active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-link {
  color: #037aff;
  background-color: transparent;
  border-color: transparent;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.ant-btn-link > a:only-child {
  color: currentColor;
}
.ant-btn-link > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-link:hover,
.ant-btn-link:focus {
  color: #ff9173;
  background-color: transparent;
  border-color: #ff9173;
}
.ant-btn-link:hover > a:only-child,
.ant-btn-link:focus > a:only-child {
  color: currentColor;
}
.ant-btn-link:hover > a:only-child::after,
.ant-btn-link:focus > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-link:active,
.ant-btn-link.active {
  color: #d94d34;
  background-color: transparent;
  border-color: #d94d34;
}
.ant-btn-link:active > a:only-child,
.ant-btn-link.active > a:only-child {
  color: currentColor;
}
.ant-btn-link:active > a:only-child::after,
.ant-btn-link.active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-link-disabled,
.ant-btn-link.disabled,
.ant-btn-link[disabled],
.ant-btn-link-disabled:hover,
.ant-btn-link.disabled:hover,
.ant-btn-link[disabled]:hover,
.ant-btn-link-disabled:focus,
.ant-btn-link.disabled:focus,
.ant-btn-link[disabled]:focus,
.ant-btn-link-disabled:active,
.ant-btn-link.disabled:active,
.ant-btn-link[disabled]:active,
.ant-btn-link-disabled.active,
.ant-btn-link.disabled.active,
.ant-btn-link[disabled].active {
  color: rgba(0, 0, 0, 0.25);
  background-color: #f5f5f5;
  border-color: #d9d9d9;
  text-shadow: none;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.ant-btn-link-disabled > a:only-child,
.ant-btn-link.disabled > a:only-child,
.ant-btn-link[disabled] > a:only-child,
.ant-btn-link-disabled:hover > a:only-child,
.ant-btn-link.disabled:hover > a:only-child,
.ant-btn-link[disabled]:hover > a:only-child,
.ant-btn-link-disabled:focus > a:only-child,
.ant-btn-link.disabled:focus > a:only-child,
.ant-btn-link[disabled]:focus > a:only-child,
.ant-btn-link-disabled:active > a:only-child,
.ant-btn-link.disabled:active > a:only-child,
.ant-btn-link[disabled]:active > a:only-child,
.ant-btn-link-disabled.active > a:only-child,
.ant-btn-link.disabled.active > a:only-child,
.ant-btn-link[disabled].active > a:only-child {
  color: currentColor;
}
.ant-btn-link-disabled > a:only-child::after,
.ant-btn-link.disabled > a:only-child::after,
.ant-btn-link[disabled] > a:only-child::after,
.ant-btn-link-disabled:hover > a:only-child::after,
.ant-btn-link.disabled:hover > a:only-child::after,
.ant-btn-link[disabled]:hover > a:only-child::after,
.ant-btn-link-disabled:focus > a:only-child::after,
.ant-btn-link.disabled:focus > a:only-child::after,
.ant-btn-link[disabled]:focus > a:only-child::after,
.ant-btn-link-disabled:active > a:only-child::after,
.ant-btn-link.disabled:active > a:only-child::after,
.ant-btn-link[disabled]:active > a:only-child::after,
.ant-btn-link-disabled.active > a:only-child::after,
.ant-btn-link.disabled.active > a:only-child::after,
.ant-btn-link[disabled].active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-link:hover,
.ant-btn-link:focus,
.ant-btn-link:active {
  border-color: transparent;
}
.ant-btn-link-disabled,
.ant-btn-link.disabled,
.ant-btn-link[disabled],
.ant-btn-link-disabled:hover,
.ant-btn-link.disabled:hover,
.ant-btn-link[disabled]:hover,
.ant-btn-link-disabled:focus,
.ant-btn-link.disabled:focus,
.ant-btn-link[disabled]:focus,
.ant-btn-link-disabled:active,
.ant-btn-link.disabled:active,
.ant-btn-link[disabled]:active,
.ant-btn-link-disabled.active,
.ant-btn-link.disabled.active,
.ant-btn-link[disabled].active {
  color: rgba(0, 0, 0, 0.25);
  background-color: transparent;
  border-color: transparent;
  text-shadow: none;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.ant-btn-link-disabled > a:only-child,
.ant-btn-link.disabled > a:only-child,
.ant-btn-link[disabled] > a:only-child,
.ant-btn-link-disabled:hover > a:only-child,
.ant-btn-link.disabled:hover > a:only-child,
.ant-btn-link[disabled]:hover > a:only-child,
.ant-btn-link-disabled:focus > a:only-child,
.ant-btn-link.disabled:focus > a:only-child,
.ant-btn-link[disabled]:focus > a:only-child,
.ant-btn-link-disabled:active > a:only-child,
.ant-btn-link.disabled:active > a:only-child,
.ant-btn-link[disabled]:active > a:only-child,
.ant-btn-link-disabled.active > a:only-child,
.ant-btn-link.disabled.active > a:only-child,
.ant-btn-link[disabled].active > a:only-child {
  color: currentColor;
}
.ant-btn-link-disabled > a:only-child::after,
.ant-btn-link.disabled > a:only-child::after,
.ant-btn-link[disabled] > a:only-child::after,
.ant-btn-link-disabled:hover > a:only-child::after,
.ant-btn-link.disabled:hover > a:only-child::after,
.ant-btn-link[disabled]:hover > a:only-child::after,
.ant-btn-link-disabled:focus > a:only-child::after,
.ant-btn-link.disabled:focus > a:only-child::after,
.ant-btn-link[disabled]:focus > a:only-child::after,
.ant-btn-link-disabled:active > a:only-child::after,
.ant-btn-link.disabled:active > a:only-child::after,
.ant-btn-link[disabled]:active > a:only-child::after,
.ant-btn-link-disabled.active > a:only-child::after,
.ant-btn-link.disabled.active > a:only-child::after,
.ant-btn-link[disabled].active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-round {
  height: 28px;
  padding: 0 14px;
  font-size: 14px;
  border-radius: 28px;
}
.ant-btn-round.ant-btn-lg {
  height: 32px;
  padding: 0 16px;
  font-size: 16px;
  border-radius: 32px;
}
.ant-btn-round.ant-btn-sm {
  height: 22px;
  padding: 0 11px;
  font-size: 12px;
  border-radius: 22px;
}
.ant-btn-circle,
.ant-btn-circle-outline {
  width: 28px;
  height: 28px;
  padding: 0;
  font-size: 14px;
  border-radius: 50%;
}
.ant-btn-circle.ant-btn-lg,
.ant-btn-circle-outline.ant-btn-lg {
  width: 32px;
  height: 32px;
  padding: 0;
  font-size: 16px;
  border-radius: 50%;
}
.ant-btn-circle.ant-btn-sm,
.ant-btn-circle-outline.ant-btn-sm {
  width: 22px;
  height: 22px;
  padding: 0;
  font-size: 12px;
  border-radius: 50%;
}
.ant-btn::before {
  position: absolute;
  top: -1px;
  right: -1px;
  bottom: -1px;
  left: -1px;
  z-index: 1;
  display: none;
  background: #fff;
  border-radius: inherit;
  opacity: 0.35;
  -webkit-transition: opacity 0.2s;
  -o-transition: opacity 0.2s;
  transition: opacity 0.2s;
  content: '';
  pointer-events: 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 .anticon.anticon-plus > svg,
.ant-btn .anticon.anticon-minus > svg {
  shape-rendering: optimizeSpeed;
}
.ant-btn.ant-btn-loading {
  position: relative;
  pointer-events: none;
}
.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;
}
.ant-btn.ant-btn-loading:not(.ant-btn-circle):not(.ant-btn-circle-outline):not(.ant-btn-icon-only) .anticon:not(:last-child) {
  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,
.ant-btn-group > span > .ant-btn {
  position: relative;
}
.ant-btn-group > .ant-btn:hover,
.ant-btn-group > span > .ant-btn:hover,
.ant-btn-group > .ant-btn:focus,
.ant-btn-group > span > .ant-btn:focus,
.ant-btn-group > .ant-btn:active,
.ant-btn-group > span > .ant-btn:active,
.ant-btn-group > .ant-btn.active,
.ant-btn-group > span > .ant-btn.active {
  z-index: 2;
}
.ant-btn-group > .ant-btn:disabled,
.ant-btn-group > span > .ant-btn:disabled {
  z-index: 0;
}
.ant-btn-group-lg > .ant-btn,
.ant-btn-group-lg > span > .ant-btn {
  height: 32px;
  padding: 0 15px;
  font-size: 14px;
  border-radius: 0;
  line-height: 30px;
}
.ant-btn-group-sm > .ant-btn,
.ant-btn-group-sm > span > .ant-btn {
  height: 22px;
  padding: 0 7px;
  font-size: 12px;
  border-radius: 0;
  line-height: 20px;
}
.ant-btn-group-sm > .ant-btn > .anticon,
.ant-btn-group-sm > span > .ant-btn > .anticon {
  font-size: 12px;
}
.ant-btn-group .ant-btn + .ant-btn,
.ant-btn + .ant-btn-group,
.ant-btn-group span + .ant-btn,
.ant-btn-group .ant-btn + span,
.ant-btn-group > span + span,
.ant-btn-group + .ant-btn,
.ant-btn-group + .ant-btn-group {
  margin-left: -1px;
}
.ant-btn-group .ant-btn-primary + .ant-btn:not(.ant-btn-primary):not([disabled]) {
  border-left-color: transparent;
}
.ant-btn-group .ant-btn {
  border-radius: 0;
}
.ant-btn-group > .ant-btn:first-child,
.ant-btn-group > span:first-child > .ant-btn {
  margin-left: 0;
}
.ant-btn-group > .ant-btn:only-child {
  border-radius: 4px;
}
.ant-btn-group > span:only-child > .ant-btn {
  border-radius: 4px;
}
.ant-btn-group > .ant-btn:first-child:not(:last-child),
.ant-btn-group > span:first-child:not(:last-child) > .ant-btn {
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
.ant-btn-group > .ant-btn:last-child:not(:first-child),
.ant-btn-group > span:last-child:not(:first-child) > .ant-btn {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
.ant-btn-group-sm > .ant-btn:only-child {
  border-radius: 4px;
}
.ant-btn-group-sm > span:only-child > .ant-btn {
  border-radius: 4px;
}
.ant-btn-group-sm > .ant-btn:first-child:not(:last-child),
.ant-btn-group-sm > span:first-child:not(:last-child) > .ant-btn {
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
.ant-btn-group-sm > .ant-btn:last-child:not(:first-child),
.ant-btn-group-sm > span:last-child:not(:first-child) > .ant-btn {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
.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 {
  padding-right: 8px;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.ant-btn-group > .ant-btn-group:last-child:not(:first-child) > .ant-btn:first-child {
  padding-left: 8px;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.ant-btn:not(.ant-btn-circle):not(.ant-btn-circle-outline).ant-btn-icon-only {
  padding-right: 8px;
  padding-left: 8px;
}
.ant-btn:focus > span,
.ant-btn:active > span {
  position: relative;
}
.ant-btn > .anticon + span,
.ant-btn > span + .anticon {
  margin-left: 8px;
}
.ant-btn-background-ghost {
  color: #fff;
  background: transparent !important;
  border-color: #fff;
}
.ant-btn-background-ghost.ant-btn-primary {
  color: #FE6A49;
  background-color: transparent;
  border-color: #FE6A49;
  text-shadow: none;
}
.ant-btn-background-ghost.ant-btn-primary > a:only-child {
  color: currentColor;
}
.ant-btn-background-ghost.ant-btn-primary > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-background-ghost.ant-btn-primary:hover,
.ant-btn-background-ghost.ant-btn-primary:focus {
  color: #ff9173;
  background-color: transparent;
  border-color: #ff9173;
}
.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 {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-background-ghost.ant-btn-primary:active,
.ant-btn-background-ghost.ant-btn-primary.active {
  color: #d94d34;
  background-color: transparent;
  border-color: #d94d34;
}
.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 {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-background-ghost.ant-btn-primary-disabled,
.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]: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]: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,
.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: #f5f5f5;
  border-color: #d9d9d9;
  text-shadow: none;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.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] > 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]: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]: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,
.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] > 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]: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]: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,
.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 {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-background-ghost.ant-btn-danger {
  color: #69b0e7;
  background-color: transparent;
  border-color: #69b0e7;
  text-shadow: none;
}
.ant-btn-background-ghost.ant-btn-danger > a:only-child {
  color: currentColor;
}
.ant-btn-background-ghost.ant-btn-danger > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-background-ghost.ant-btn-danger:hover,
.ant-btn-background-ghost.ant-btn-danger:focus {
  color: #95cff5;
  background-color: transparent;
  border-color: #95cff5;
}
.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 {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-background-ghost.ant-btn-danger:active,
.ant-btn-background-ghost.ant-btn-danger.active {
  color: #4e8cc2;
  background-color: transparent;
  border-color: #4e8cc2;
}
.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 {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-background-ghost.ant-btn-danger-disabled,
.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]: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]: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,
.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: #f5f5f5;
  border-color: #d9d9d9;
  text-shadow: none;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.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] > 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]: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]: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,
.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] > 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]: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]: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,
.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 {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-background-ghost.ant-btn-link {
  color: #037aff;
  background-color: transparent;
  border-color: transparent;
  text-shadow: none;
  color: #fff;
}
.ant-btn-background-ghost.ant-btn-link > a:only-child {
  color: currentColor;
}
.ant-btn-background-ghost.ant-btn-link > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-background-ghost.ant-btn-link:hover,
.ant-btn-background-ghost.ant-btn-link:focus {
  color: #2b95ff;
  background-color: transparent;
  border-color: transparent;
}
.ant-btn-background-ghost.ant-btn-link:hover > a:only-child,
.ant-btn-background-ghost.ant-btn-link:focus > a:only-child {
  color: currentColor;
}
.ant-btn-background-ghost.ant-btn-link:hover > a:only-child::after,
.ant-btn-background-ghost.ant-btn-link:focus > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-background-ghost.ant-btn-link:active,
.ant-btn-background-ghost.ant-btn-link.active {
  color: #005ed9;
  background-color: transparent;
  border-color: transparent;
}
.ant-btn-background-ghost.ant-btn-link:active > a:only-child,
.ant-btn-background-ghost.ant-btn-link.active > a:only-child {
  color: currentColor;
}
.ant-btn-background-ghost.ant-btn-link:active > a:only-child::after,
.ant-btn-background-ghost.ant-btn-link.active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-background-ghost.ant-btn-link-disabled,
.ant-btn-background-ghost.ant-btn-link.disabled,
.ant-btn-background-ghost.ant-btn-link[disabled],
.ant-btn-background-ghost.ant-btn-link-disabled:hover,
.ant-btn-background-ghost.ant-btn-link.disabled:hover,
.ant-btn-background-ghost.ant-btn-link[disabled]:hover,
.ant-btn-background-ghost.ant-btn-link-disabled:focus,
.ant-btn-background-ghost.ant-btn-link.disabled:focus,
.ant-btn-background-ghost.ant-btn-link[disabled]:focus,
.ant-btn-background-ghost.ant-btn-link-disabled:active,
.ant-btn-background-ghost.ant-btn-link.disabled:active,
.ant-btn-background-ghost.ant-btn-link[disabled]:active,
.ant-btn-background-ghost.ant-btn-link-disabled.active,
.ant-btn-background-ghost.ant-btn-link.disabled.active,
.ant-btn-background-ghost.ant-btn-link[disabled].active {
  color: rgba(0, 0, 0, 0.25);
  background-color: #f5f5f5;
  border-color: #d9d9d9;
  text-shadow: none;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.ant-btn-background-ghost.ant-btn-link-disabled > a:only-child,
.ant-btn-background-ghost.ant-btn-link.disabled > a:only-child,
.ant-btn-background-ghost.ant-btn-link[disabled] > a:only-child,
.ant-btn-background-ghost.ant-btn-link-disabled:hover > a:only-child,
.ant-btn-background-ghost.ant-btn-link.disabled:hover > a:only-child,
.ant-btn-background-ghost.ant-btn-link[disabled]:hover > a:only-child,
.ant-btn-background-ghost.ant-btn-link-disabled:focus > a:only-child,
.ant-btn-background-ghost.ant-btn-link.disabled:focus > a:only-child,
.ant-btn-background-ghost.ant-btn-link[disabled]:focus > a:only-child,
.ant-btn-background-ghost.ant-btn-link-disabled:active > a:only-child,
.ant-btn-background-ghost.ant-btn-link.disabled:active > a:only-child,
.ant-btn-background-ghost.ant-btn-link[disabled]:active > a:only-child,
.ant-btn-background-ghost.ant-btn-link-disabled.active > a:only-child,
.ant-btn-background-ghost.ant-btn-link.disabled.active > a:only-child,
.ant-btn-background-ghost.ant-btn-link[disabled].active > a:only-child {
  color: currentColor;
}
.ant-btn-background-ghost.ant-btn-link-disabled > a:only-child::after,
.ant-btn-background-ghost.ant-btn-link.disabled > a:only-child::after,
.ant-btn-background-ghost.ant-btn-link[disabled] > a:only-child::after,
.ant-btn-background-ghost.ant-btn-link-disabled:hover > a:only-child::after,
.ant-btn-background-ghost.ant-btn-link.disabled:hover > a:only-child::after,
.ant-btn-background-ghost.ant-btn-link[disabled]:hover > a:only-child::after,
.ant-btn-background-ghost.ant-btn-link-disabled:focus > a:only-child::after,
.ant-btn-background-ghost.ant-btn-link.disabled:focus > a:only-child::after,
.ant-btn-background-ghost.ant-btn-link[disabled]:focus > a:only-child::after,
.ant-btn-background-ghost.ant-btn-link-disabled:active > a:only-child::after,
.ant-btn-background-ghost.ant-btn-link.disabled:active > a:only-child::after,
.ant-btn-background-ghost.ant-btn-link[disabled]:active > a:only-child::after,
.ant-btn-background-ghost.ant-btn-link-disabled.active > a:only-child::after,
.ant-btn-background-ghost.ant-btn-link.disabled.active > a:only-child::after,
.ant-btn-background-ghost.ant-btn-link[disabled].active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-two-chinese-chars::first-letter {
  letter-spacing: 0.34em;
}
.ant-btn-two-chinese-chars > *:not(.anticon) {
  margin-right: -0.34em;
  letter-spacing: 0.34em;
}
.ant-btn-block {
  width: 100%;
}
.ant-btn:empty {
  vertical-align: top;
}
a.ant-btn {
  line-height: 26px;
}
a.ant-btn-lg {
  line-height: 30px;
}
a.ant-btn-sm {
  line-height: 20px;
}

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
.ant-message {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.65);
  font-size: 12px;
  font-variant: tabular-nums;
  line-height: 1.5;
  list-style: none;
  -webkit-font-feature-settings: 'tnum';
          font-feature-settings: 'tnum';
  position: fixed;
  top: 40px;
  left: 0;
  z-index: 1300;
  width: 100%;
  pointer-events: none;
}
.ant-message-notice {
  padding: 8px;
  text-align: center;
}
.ant-message-notice:first-child {
  margin-top: -8px;
}
.ant-message-notice-content {
  display: inline-block;
  padding: 10px 16px;
  background: #fff;
  border-radius: 4px;
  -webkit-box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
          box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
  pointer-events: all;
}
.ant-message-success .anticon {
  color: #52c41a;
}
.ant-message-error .anticon {
  color: #69b0e7;
}
.ant-message-warning .anticon {
  color: #69b0e7;
}
.ant-message-info .anticon,
.ant-message-loading .anticon {
  color: #1890ff;
}
.ant-message .anticon {
  position: relative;
  top: 1px;
  margin-right: 8px;
  font-size: 14px;
}
.ant-message-notice.move-up-leave.move-up-leave-active {
  overflow: hidden;
  -webkit-animation-name: MessageMoveOut;
          animation-name: MessageMoveOut;
  -webkit-animation-duration: 0.3s;
          animation-duration: 0.3s;
}
@-webkit-keyframes MessageMoveOut {
  0% {
    max-height: 150px;
    padding: 8px;
    opacity: 1;
  }
  100% {
    max-height: 0;
    padding: 0;
    opacity: 0;
  }
}
@keyframes MessageMoveOut {
  0% {
    max-height: 150px;
    padding: 8px;
    opacity: 1;
  }
  100% {
    max-height: 0;
    padding: 0;
    opacity: 0;
  }
}

.qt-icon-notice_instruct1:before {
  content: '\E745'; }

.qt-icon-icon_conversation1:before {
  content: '\E744'; }

.qt-icon-notice_instruct:before {
  content: '\E742'; }

.qt-icon-icon_conversation:before {
  content: '\E743'; }

.qt-icon-icon-ai:before {
  content: '\E6AD'; }

.qt-icon-icon-reply:before {
  content: '\E6AE'; }

.qt-icon-icon_one_by_one_forward:before {
  content: '\E73A'; }

.qt-icon-icon_combine_and_forward:before {
  content: '\E741'; }

.qt-icon-icon_message_evaluated:before {
  content: '\E6A3'; }

.qt-icon-icon_message_evaluate:before {
  content: '\E6A4'; }

.qt-icon-icon_livestreaming_recording_pause:before {
  content: '\E69F'; }

.qt-icon-icon_livestreaming_sound:before {
  content: '\E68E'; }

.qt-icon-icon_livestreaming_sound_closed:before {
  content: '\E68F'; }

.qt-icon-icon_livestreaming_calling:before {
  content: '\E727'; }

.qt-icon-icon_livestreaming_cut:before {
  content: '\E72E'; }

.qt-icon-icon_livestreaming_details:before {
  content: '\E72F'; }

.qt-icon-icon_livestreaming_homescreen:before {
  content: '\E730'; }

.qt-icon-icon_livestreaming_play:before {
  content: '\E731'; }

.qt-icon-icon_livestreaming_sent:before {
  content: '\E732'; }

.qt-icon-icon_livestreaming_share:before {
  content: '\E733'; }

.qt-icon-icon_livestreaming_template_lines:before {
  content: '\E734'; }

.qt-icon-icon_livestreaming_turn:before {
  content: '\E735'; }

.qt-icon-icon_livestreaming_voice_closed:before {
  content: '\E736'; }

.qt-icon-icon_livestreaming_voice:before {
  content: '\E737'; }

.qt-icon-icon_livestreaming:before {
  content: '\E738'; }

.qt-icon-icon_livestreaming_template:before {
  content: '\E739'; }

.qt-icon-icon_cloud_collection_up:before {
  content: '\E624'; }

.qt-icon-icon_collection_other:before {
  content: '\E618'; }

.qt-icon-icon_collection_picture1:before {
  content: '\E61B'; }

.qt-icon-icon_collection_file1:before {
  content: '\E61D'; }

.qt-icon-icon_collection_message1:before {
  content: '\E619'; }

.qt-icon-icon_collection_video1:before {
  content: '\E621'; }

.qt-icon-icon_collection_all1:before {
  content: '\E61A'; }

.qt-icon-icon_collection_link1:before {
  content: '\E622'; }

.qt-icon-picture_content_no:before {
  content: '\E623'; }

.qt-icon-icon_cloud_collection:before {
  content: '\E620'; }

.qt-icon-icon_collection:before {
  content: '\E61E'; }

.qt-icon-wps_share:before {
  content: '\E60F'; }

.qt-icon-wps_download:before {
  content: '\E60A'; }

.qt-icon-attendance_export_complete:before {
  content: '\E609'; }

.qt-icon-a-Signin_export:before {
  content: '\E608'; }

.qt-icon-cloud_phone_verify:before {
  content: '\E7F4'; }

.qt-icon-cloud_qrcode:before {
  content: '\E7F5'; }

.qt-icon-setting1:before {
  content: '\E7EC'; }

.qt-icon-meeting_address:before {
  content: '\E7E9'; }

.qt-icon-meeting_link:before {
  content: '\E7EA'; }

.qt-icon-meeting_ending:before {
  content: '\E7EB'; }

.qt-icon-withdraw:before {
  content: '\E675'; }

.qt-icon-close1:before {
  content: '\E676'; }

.qt-icon-cloud_space_notice:before {
  content: '\E7DF'; }

.qt-icon-collect_cloud_selected:before {
  content: '\E7DA'; }

.qt-icon-sharefile_cloud_selected:before {
  content: '\E7DE'; }

.qt-icon-my_space_cloud_normal:before {
  content: '\E7D1'; }

.qt-icon-recent_cloud_selected:before {
  content: '\E7D2'; }

.qt-icon-my_space_scloud_elected:before {
  content: '\E7D3'; }

.qt-icon-collect_cloud_normal:before {
  content: '\E7D4'; }

.qt-icon-recent_cloud_normal:before {
  content: '\E7D5'; }

.qt-icon-replace_cloud_normal:before {
  content: '\E7D6'; }

.qt-icon-arrow1:before {
  content: '\E7D7'; }

.qt-icon-replace_cloud_selected:before {
  content: '\E7D8'; }

.qt-icon-sharefile_cloud_normal:before {
  content: '\E7D9'; }

.qt-icon-screen:before {
  content: '\E7DB'; }

.qt-icon-team_space_cloud_selected:before {
  content: '\E7DC'; }

.qt-icon-team_space_cloud_normal:before {
  content: '\E7DD'; }

.qt-icon-X:before {
  content: '\E63B'; }

.qt-icon-close:before {
  content: '\E684'; }

.qt-icon-zhongzi:before {
  content: '\E756'; }

.qt-icon-icon_small_tool_quji:before {
  content: '\E74B'; }

.qt-icon-connect_icon:before {
  content: '\E73E'; }

.qt-icon-icona_bot:before {
  content: '\E73C'; }

.qt-icon-icon_notice_entrance:before {
  content: '\E72D'; }

.qt-icon-icon_ai_like_gray:before {
  content: '\E72B'; }

.qt-icon-icon_ai_dislike_gray:before {
  content: '\E72C'; }

.qt-icon-icon_help_cloud:before {
  content: '\E72A'; }

.qt-icon-add1:before {
  content: '\E729'; }

.qt-icon-icon_up_cloud2:before {
  content: '\E724'; }

.qt-icon-icon_up_dowenload_cloud:before {
  content: '\E728'; }

.qt-icon-icon_up_cloud:before {
  content: '\E726'; }

.qt-icon-icon_enterprise_cloud:before {
  content: '\E725'; }

.qt-icon-icon_replace_cloud:before {
  content: '\E719'; }

.qt-icon-icon_teamspace_cloud:before {
  content: '\E723'; }

.qt-icon-icon_sharefile_cloud:before {
  content: '\E722'; }

.qt-icon-icon_recent_cloud:before {
  content: '\E718'; }

.qt-icon-icon_myspace_cloud:before {
  content: '\E713'; }

.qt-icon-upload_resend:before {
  content: '\E73B'; }

.qt-icon-file_failure:before {
  content: '\E73F'; }

.qt-icon-upload_wait:before {
  content: '\E740'; }

.qt-icon-icon_set_cloud:before {
  content: '\E71E'; }

.qt-icon-icon_screen_cloud:before {
  content: '\E71D'; }

.qt-icon-icon_delete_cloud:before {
  content: '\E712'; }

.qt-icon-icon_move_cloud:before {
  content: '\E711'; }

.qt-icon-icon_down_cloud:before {
  content: '\E710'; }

.qt-icon-icon_collect_cloud:before {
  content: '\E70F'; }

.qt-icon-zhiding:before {
  content: '\E63E'; }

.qt-icon-input_new_document:before {
  content: '\E73D'; }

.qt-icon-icon_call_handup:before {
  content: '\E70E'; }

.qt-icon-icon_vid_confer_normal:before {
  content: '\E6FE'; }

.qt-icon-icn-grouping-meeting:before {
  content: '\E6FA'; }

.qt-icon-avatar_org:before {
  content: '\E721'; }

.qt-icon-avatar_company:before {
  content: '\E720'; }

.qt-icon-input_pull_high:before {
  content: '\E71F'; }

.qt-icon-file_lock:before {
  content: '\E71C'; }

.qt-icon-wps:before {
  content: '\E71B'; }

.qt-icon-pull_high:before {
  content: '\E71A'; }

.qt-icon-icon_nudge_call:before {
  content: '\E716'; }

.qt-icon-icon_input_nudge_call:before {
  content: '\E717'; }

.qt-icon-nav-arrow-left:before {
  content: '\E695'; }

.qt-icon-down-icon:before {
  content: '\E63C'; }

.qt-icon-file:before {
  content: '\E715'; }

.qt-icon-input_survey:before {
  content: '\E714'; }

.qt-icon-share:before {
  content: '\E6C1'; }

.qt-icon-icon_chatalert_exchange:before {
  content: '\E70D'; }

.qt-icon-icon_notice_exchange:before {
  content: '\E70C'; }

.qt-icon-check_square_normal:before {
  content: '\E70B'; }

.qt-icon-check_square_selected:before {
  content: '\E707'; }

.qt-icon-input_meeting:before {
  content: '\E70A'; }

.qt-icon-search_document:before {
  content: '\E709'; }

.qt-icon-gouxuan:before {
  content: '\E60E'; }

.qt-icon-add:before {
  content: '\E6FD'; }

.qt-icon-emoji_type_smile:before {
  content: '\E6FF'; }

.qt-icon-input_file:before {
  content: '\E700'; }

.qt-icon-backstage:before {
  content: '\E701'; }

.qt-icon-input_image:before {
  content: '\E702'; }

.qt-icon-input_notice:before {
  content: '\E703'; }

.qt-icon-input_cutting:before {
  content: '\E704'; }

.qt-icon-screening:before {
  content: '\E705'; }

.qt-icon-input_remote_assistance:before {
  content: '\E706'; }

.qt-icon-meeting:before {
  content: '\E708'; }

.qt-icon-cloud_disk:before {
  content: '\E6FB'; }

.qt-icon-notes:before {
  content: '\E6FC'; }

.qt-icon-emoji-type-food:before {
  content: '\E685'; }

.qt-icon-emoji-type-flags:before {
  content: '\E686'; }

.qt-icon-emoji-type-objects:before {
  content: '\E687'; }

.qt-icon-emoji-type-recent:before {
  content: '\E688'; }

.qt-icon-emoji-type-activity:before {
  content: '\E689'; }

.qt-icon-emoji-type-animals:before {
  content: '\E68A'; }

.qt-icon-emoji-type-symbols:before {
  content: '\E68B'; }

.qt-icon-emoji-type-smileys:before {
  content: '\E68C'; }

.qt-icon-emoji-type-travel:before {
  content: '\E68D'; }

.qt-icon-loading:before {
  content: '\E61F'; }

.qt-icon-help:before {
  content: '\E6C7'; }

.qt-icon-favorite_contacts_open:before {
  content: '\E6F9'; }

.qt-icon-favorite_contacts_cloes:before {
  content: '\E6F8'; }

.qt-icon-delete_friends:before {
  content: '\E6F6'; }

.qt-icon-share_carte:before {
  content: '\E6F7'; }

.qt-icon-attachment:before {
  content: '\E649'; }

.qt-icon-icon-warning:before {
  content: '\E6F5'; }

.qt-icon-bg_iphone_login:before {
  content: '\E6F4'; }

.qt-icon-statistics:before {
  content: '\E6F3'; }

.qt-icon-icn_download_meeting:before {
  content: '\E6F2'; }

.qt-icon-arrow-right:before {
  content: '\E680'; }

.qt-icon-search_details:before {
  content: '\E6F1'; }

.qt-icon-burger_menu:before {
  content: '\E6F0'; }

.qt-icon-new_icon_messge_upco1:before {
  content: '\E6EE'; }

.qt-icon-new-icon-pending-ite:before {
  content: '\E6EF'; }

.qt-icon-more_meesages:before {
  content: '\E6ED'; }

.qt-icon-search_history:before {
  content: '\E6EC'; }

.qt-icon-add_circle:before {
  content: '\E6EA'; }

.qt-icon-image_save:before {
  content: '\E636'; }

.qt-icon-image_rotate:before {
  content: '\E637'; }

.qt-icon-image_edit:before {
  content: '\E63D'; }

.qt-icon-video_tag:before {
  content: '\E641'; }

.qt-icon-suspend:before {
  content: '\E601'; }

.qt-icon-contacts_group:before {
  content: '\E6E9'; }

.qt-icon-bofang:before {
  content: '\E6E8'; }

.qt-icon-tick:before {
  content: '\E6E7'; }

.qt-icon-invite_people_phone:before {
  content: '\E6E3'; }

.qt-icon-invite_people_QR_code:before {
  content: '\E6E4'; }

.qt-icon-unfold_compete:before {
  content: '\E653'; }

.qt-icon-icon_delete:before {
  content: '\E615'; }

.qt-icon-notice:before {
  content: '\E66B'; }

.qt-icon-contacts:before {
  content: '\E6E0'; }

.qt-icon-group_arrow:before {
  content: '\E6E1'; }

.qt-icon-subscription:before {
  content: '\E6E2'; }

.qt-icon-image_load_error:before {
  content: '\E629'; }

.qt-icon-reload_img:before {
  content: '\E610'; }

.qt-icon-notice_tick:before {
  content: '\E6DF'; }

.qt-icon-group_administrator_tag:before {
  content: '\E6DD'; }

.qt-icon-add_group_member:before {
  content: '\E6DB'; }

.qt-icon-delete_group_member:before {
  content: '\E6DC'; }

.qt-icon-arrow:before {
  content: '\E6D8'; }

.qt-icon-delete_retrieval_contacts:before {
  content: '\E6D9'; }

.qt-icon-forward:before {
  content: '\E6DA'; }

.qt-icon-logo:before {
  content: '\E6D7'; }

.qt-icon-new_icon_details_n:before {
  content: '\E6C6'; }

.qt-icon-search_delete:before {
  content: '\E6D2'; }

.qt-icon-contacts_search_load:before {
  content: '\E6D4'; }

.qt-icon-input_keyboard:before {
  content: '\E6D0'; }

.qt-icon-input_menu:before {
  content: '\E6D1'; }

.qt-icon-file_type_file:before {
  content: '\E6CE'; }

.qt-icon-file_type_rar:before {
  content: '\E6CD'; }

.qt-icon-file_type_doc:before {
  content: '\E6C8'; }

.qt-icon-file_type_dwg:before {
  content: '\E6C9'; }

.qt-icon-file_type_ppt:before {
  content: '\E6CA'; }

.qt-icon-file_type_xls:before {
  content: '\E6CB'; }

.qt-icon-file_type_pdf:before {
  content: '\E6CC'; }

.qt-icon-icon_msg_resend:before {
  content: '\E61C'; }

.qt-icon-file_transfer:before {
  content: '\E6C2'; }

.qt-icon-icon_contacts:before {
  content: '\E6B2'; }

.qt-icon-group_details:before {
  content: '\E6B3'; }

.qt-icon-messages:before {
  content: '\E6B9'; }

.qt-icon-no_reminder:before {
  content: '\E6BA'; }

.qt-icon-personal_details:before {
  content: '\E6BC'; }

.qt-icon-search:before {
  content: '\E6BD'; }

.qt-icon-setting:before {
  content: '\E6BE'; }

.qt-icon-small_tools:before {
  content: '\E6C0'; }

.qt-icon-edit:before {
  content: '\E6D3'; }

.qt-icon-notice_chat_request:before {
  content: '\E6A5'; }

.qt-icon-notice_system_notification:before {
  content: '\E6A6'; }

.qt-icon-notice_add_friends:before {
  content: '\E6A7'; }

.qt-icon-notice_small_tools:before {
  content: '\E6A8'; }

.qt-icon-notice_member_application:before {
  content: '\E6A9'; }

.qt-icon-notice_subscription:before {
  content: '\E6AA'; }

.qt-icon-notice_group_review:before {
  content: '\E6AB'; }

.qt-icon-notice_corporate_invitation:before {
  content: '\E6AC'; }

.qt-icon-ref_msg_close:before {
  content: '\E6A2'; }

@font-face {
  font-family: 'QT-iconfont';
  src: url(../../static/media/iconfont.ef3629bc.eot);
  /* IE9*/
  src: url(../../static/media/iconfont.ef3629bc.eot) format("embedded-opentype"), url(../../static/media/iconfont.9bec1614.woff) format("woff"), url(../../static/media/iconfont.18a83101.ttf) format("truetype"), url(../../static/media/iconfont.8ca82220.svg) format("svg");
  /* iOS 4.1- */ }

.qt-icon,
.ant-modal-close-x {
  font-family: 'QT-iconfont' !important;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.qt-icon-arrow {
  font-size: 13px;
  color: #828992; }

.right-arrow {
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg); }

.qt-icon-ref_msg_close {
  font-size: 12px;
  color: #828992;
  -webkit-transform: scale(0.9);
      -ms-transform: scale(0.9);
          transform: scale(0.9); }
  .qt-icon-ref_msg_close:hover {
    color: #5d6470; }

.qt-icon-service-mark {
  color: #fe6a49; }
  .qt-icon-service-mark::before {
    content: '\E69E'; }

.qt-icon-file_type_dwg {
  color: #7591ff; }

.qt-icon-file_type_pdf {
  color: #f8665d; }

.qt-icon-file_type_doc {
  color: #5da3fe; }

.qt-icon-file_type_rar {
  color: #7591ff; }

.qt-icon-file_type_ppt {
  color: #fe6a49; }

.qt-icon-file_type_xls {
  color: #48c68c; }

.qt-icon-file_lock {
  color: #48c68c; }

.qt-icon-question-mark:before {
  content: "\E791"; }

.qt-icon-add2:before {
  content: "\E78A"; }

.qt-icon-qiehuan:before {
  content: "\E783"; }

.qt-icon-drag:before {
  content: "\E784"; }

.qt-icon-remove:before {
  content: "\E785"; }

.qt-icon-factory:before {
  content: "\E782"; }

.qt-icon-sort:before {
  content: "\E781"; }

.qt-icon-icon-meting:before {
  content: "\E77E"; }

.qt-icon-a-icon-videofile:before {
  content: "\E77D"; }

.qt-icon-a-icon-Inprogress1:before {
  content: "\E77B"; }

.qt-icon-icon-end1:before {
  content: "\E77C"; }

.qt-icon-a-icon-Otherschedules:before {
  content: "\E778"; }

.qt-icon-icon-time:before {
  content: "\E777"; }

.qt-icon-a-icon-Otherschedules-fill:before {
  content: "\E775"; }

.qt-icon-icon-schedules-fill:before {
  content: "\E776"; }

.qt-icon-icon_meeting1:before {
  content: "\E779"; }

.qt-icon-icon-member:before {
  content: "\E77A"; }

.qt-icon-a-icon-videorecording:before {
  content: "\E770"; }

.qt-icon-icon-more:before {
  content: "\E772"; }

.qt-icon-icon_vid_confer_normal1:before {
  content: "\E76F"; }

.qt-icon-icon_livestreaming_:before {
  content: "\E774"; }

.qt-icon-icon-structur:before {
  content: "\E6EB"; }

.qt-icon-a-icon-tree:before {
  content: "\E74D"; }

.qt-icon-icon-share1:before {
  content: "\E76D"; }

.qt-icon-icon-complete:before {
  content: "\E769"; }

.qt-icon-icon-repeat:before {
  content: "\E76A"; }

.qt-icon-icon-remind:before {
  content: "\E76B"; }

.qt-icon-icon-collaborate:before {
  content: "\E76C"; }

.qt-icon-a-icon-icon-Myschedule:before {
  content: "\E765"; }

.qt-icon-a-icon-Industrial-Internet-copy:before {
  content: "\E7F6"; }

.qt-icon-icon-invisible:before {
  content: "\E6DE"; }

.qt-icon-icon_character:before {
  content: "\E6E5"; }

.qt-icon-icon-visible:before {
  content: "\E6E6"; }

.qt-icon-icon_meeting_voice_none:before {
  content: "\E74C"; }

.qt-icon-icon_pic_video_conf:before {
  content: "\E74A"; }

.qt-icon-img_meeting_schedule:before {
  content: "\E747"; }

.qt-icon-img_meeting_begin:before {
  content: "\E748"; }

.qt-icon-img_meeting_add:before {
  content: "\E749"; }

.qt-icon-icon_table_meeting:before {
  content: "\E746"; }

.qt-icon-icon_meeting:before {
  content: "\E6D6"; }

.qt-icon-icon_meeting_details:before {
  content: "\E6D5"; }

.qt-icon-icon_meeting_member:before {
  content: "\E6C5"; }

.qt-icon-icon_meeting_abbreviate:before {
  content: "\E6CF"; }

.qt-icon-icon_video_closed:before {
  content: "\E6B7"; }

.qt-icon-icon_microphone_closed:before {
  content: "\E6B6"; }

.qt-icon-icon_meeting_video_none:before {
  content: "\E6B5"; }

.qt-icon-icon_meeting_share:before {
  content: "\E6BB"; }

.qt-icon-icon_meeting_topping:before {
  content: "\E6BF"; }

.qt-icon-icon_meeting_cell:before {
  content: "\E6B4"; }

.qt-icon-contacts_group1:before {
  content: "\E6C3"; }

.qt-icon-icon_meeting_microphone_closed:before {
  content: "\E6C4"; }

.qt-icon-icon_meeting_video_open:before {
  content: "\E6B8"; }

.qt-icon-notice_instruct1:before {
  content: "\E745"; }

.qt-icon-icon_conversation1:before {
  content: "\E744"; }

.qt-icon-notice_instruct:before {
  content: "\E742"; }

.qt-icon-icon_conversation:before {
  content: "\E743"; }

.qt-icon-icon-ai:before {
  content: "\E6AD"; }

.qt-icon-icon-reply:before {
  content: "\E6AE"; }

.qt-icon-icon_one_by_one_forward:before {
  content: "\E73A"; }

.qt-icon-icon_combine_and_forward:before {
  content: "\E741"; }

.qt-icon-icon_message_evaluated:before {
  content: "\E6A3"; }

.qt-icon-icon_message_evaluate:before {
  content: "\E6A4"; }

.qt-icon-icon_livestreaming_recording_pause:before {
  content: "\E69F"; }

.qt-icon-icon_livestreaming_sound:before {
  content: "\E68E"; }

.qt-icon-icon_livestreaming_sound_closed:before {
  content: "\E68F"; }

.qt-icon-icon_livestreaming_calling:before {
  content: "\E727"; }

.qt-icon-icon_livestreaming_cut:before {
  content: "\E72E"; }

.qt-icon-icon_livestreaming_details:before {
  content: "\E72F"; }

.qt-icon-icon_livestreaming_homescreen:before {
  content: "\E730"; }

.qt-icon-icon_livestreaming_play:before {
  content: "\E731"; }

.qt-icon-icon_livestreaming_sent:before {
  content: "\E732"; }

.qt-icon-icon_livestreaming_share:before {
  content: "\E733"; }

.qt-icon-icon_livestreaming_template_lines:before {
  content: "\E734"; }

.qt-icon-icon_livestreaming_turn:before {
  content: "\E735"; }

.qt-icon-icon_livestreaming_voice_closed:before {
  content: "\E736"; }

.qt-icon-icon_livestreaming_voice:before {
  content: "\E737"; }

.qt-icon-icon_livestreaming:before {
  content: "\E738"; }

.qt-icon-icon_livestreaming_template:before {
  content: "\E739"; }

.qt-icon-icon_cloud_collection_up:before {
  content: "\E624"; }

.qt-icon-icon_collection_other:before {
  content: "\E618"; }

.qt-icon-icon_collection_picture1:before {
  content: "\E61B"; }

.qt-icon-icon_collection_file1:before {
  content: "\E61D"; }

.qt-icon-icon_collection_message1:before {
  content: "\E619"; }

.qt-icon-icon_collection_video1:before {
  content: "\E621"; }

.qt-icon-icon_collection_all1:before {
  content: "\E61A"; }

.qt-icon-icon_collection_link1:before {
  content: "\E622"; }

.qt-icon-picture_content_no:before {
  content: "\E623"; }

.qt-icon-icon_cloud_collection:before {
  content: "\E620"; }

.qt-icon-icon_collection:before {
  content: "\E61E"; }

.qt-icon-wps_share:before {
  content: "\E60F"; }

.qt-icon-wps_download:before {
  content: "\E60A"; }

.qt-icon-attendance_export_complete:before {
  content: "\E609"; }

.qt-icon-a-Signin_export:before {
  content: "\E608"; }

.qt-icon-cloud_phone_verify:before {
  content: "\E7F4"; }

.qt-icon-cloud_qrcode:before {
  content: "\E7F5"; }

.qt-icon-setting1:before {
  content: "\E7EC"; }

.qt-icon-meeting_address:before {
  content: "\E7E9"; }

.qt-icon-meeting_link:before {
  content: "\E7EA"; }

.qt-icon-meeting_ending:before {
  content: "\E7EB"; }

.qt-icon-withdraw:before {
  content: "\E675"; }

.qt-icon-close1:before {
  content: "\E676"; }

.qt-icon-cloud_space_notice:before {
  content: "\E7DF"; }

.qt-icon-collect_cloud_selected:before {
  content: "\E7DA"; }

.qt-icon-sharefile_cloud_selected:before {
  content: "\E7DE"; }

.qt-icon-my_space_cloud_normal:before {
  content: "\E7D1"; }

.qt-icon-recent_cloud_selected:before {
  content: "\E7D2"; }

.qt-icon-my_space_scloud_elected:before {
  content: "\E7D3"; }

.qt-icon-collect_cloud_normal:before {
  content: "\E7D4"; }

.qt-icon-recent_cloud_normal:before {
  content: "\E7D5"; }

.qt-icon-replace_cloud_normal:before {
  content: "\E7D6"; }

.qt-icon-arrow1:before {
  content: "\E7D7"; }

.qt-icon-replace_cloud_selected:before {
  content: "\E7D8"; }

.qt-icon-sharefile_cloud_normal:before {
  content: "\E7D9"; }

.qt-icon-screen:before {
  content: "\E7DB"; }

.qt-icon-team_space_cloud_selected:before {
  content: "\E7DC"; }

.qt-icon-team_space_cloud_normal:before {
  content: "\E7DD"; }

.qt-icon-X:before {
  content: "\E63B"; }

.qt-icon-close:before {
  content: "\E684"; }

.qt-icon-zhongzi:before {
  content: "\E756"; }

.qt-icon-icon_small_tool_quji:before {
  content: "\E74B"; }

.qt-icon-connect_icon:before {
  content: "\E73E"; }

.qt-icon-icona_bot:before {
  content: "\E73C"; }

.qt-icon-icon_notice_entrance:before {
  content: "\E72D"; }

.qt-icon-icon_ai_like_gray:before {
  content: "\E72B"; }

.qt-icon-icon_ai_dislike_gray:before {
  content: "\E72C"; }

.qt-icon-icon_help_cloud:before {
  content: "\E72A"; }

.qt-icon-add1:before {
  content: "\E729"; }

.qt-icon-icon_up_cloud2:before {
  content: "\E724"; }

.qt-icon-icon_up_dowenload_cloud:before {
  content: "\E728"; }

.qt-icon-icon_up_cloud:before {
  content: "\E726"; }

.qt-icon-icon_enterprise_cloud:before {
  content: "\E725"; }

.qt-icon-icon_replace_cloud:before {
  content: "\E719"; }

.qt-icon-icon_teamspace_cloud:before {
  content: "\E723"; }

.qt-icon-icon_sharefile_cloud:before {
  content: "\E722"; }

.qt-icon-icon_recent_cloud:before {
  content: "\E718"; }

.qt-icon-icon_myspace_cloud:before {
  content: "\E713"; }

.qt-icon-upload_resend:before {
  content: "\E73B"; }

.qt-icon-file_failure:before {
  content: "\E73F"; }

.qt-icon-upload_wait:before {
  content: "\E740"; }

.qt-icon-icon_set_cloud:before {
  content: "\E71E"; }

.qt-icon-icon_screen_cloud:before {
  content: "\E71D"; }

.qt-icon-icon_delete_cloud:before {
  content: "\E712"; }

.qt-icon-icon_move_cloud:before {
  content: "\E711"; }

.qt-icon-icon_down_cloud:before {
  content: "\E710"; }

.qt-icon-icon_collect_cloud:before {
  content: "\E70F"; }

.qt-icon-zhiding:before {
  content: "\E63E"; }

.qt-icon-input_new_document:before {
  content: "\E73D"; }

.qt-icon-icon_call_handup:before {
  content: "\E70E"; }

.qt-icon-icon_vid_confer_normal:before {
  content: "\E6FE"; }

.qt-icon-icn-grouping-meeting:before {
  content: "\E6FA"; }

.qt-icon-avatar_org:before {
  content: "\E721"; }

.qt-icon-avatar_company:before {
  content: "\E720"; }

.qt-icon-input_pull_high:before {
  content: "\E71F"; }

.qt-icon-file_lock:before {
  content: "\E71C"; }

.qt-icon-wps:before {
  content: "\E71B"; }

.qt-icon-pull_high:before {
  content: "\E71A"; }

.qt-icon-icon_nudge_call:before {
  content: "\E716"; }

.qt-icon-icon_input_nudge_call:before {
  content: "\E717"; }

.qt-icon-nav-arrow-left:before {
  content: "\E695"; }

.qt-icon-down-icon:before {
  content: "\E63C"; }

.qt-icon-file:before {
  content: "\E715"; }

.qt-icon-input_survey:before {
  content: "\E714"; }

.qt-icon-share:before {
  content: "\E6C1"; }

.qt-icon-icon_chatalert_exchange:before {
  content: "\E70D"; }

.qt-icon-icon_notice_exchange:before {
  content: "\E70C"; }

.qt-icon-check_square_normal:before {
  content: "\E70B"; }

.qt-icon-check_square_selected:before {
  content: "\E707"; }

.qt-icon-input_meeting:before {
  content: "\E70A"; }

.qt-icon-search_document:before {
  content: "\E709"; }

.qt-icon-gouxuan:before {
  content: "\E60E"; }

.qt-icon-add:before {
  content: "\E6FD"; }

.qt-icon-emoji_type_smile:before {
  content: "\E6FF"; }

.qt-icon-input_file:before {
  content: "\E700"; }

.qt-icon-backstage:before {
  content: "\E701"; }

.qt-icon-input_image:before {
  content: "\E702"; }

.qt-icon-input_notice:before {
  content: "\E703"; }

.qt-icon-input_cutting:before {
  content: "\E704"; }

.qt-icon-screening:before {
  content: "\E705"; }

.qt-icon-input_remote_assistance:before {
  content: "\E706"; }

.qt-icon-meeting:before {
  content: "\E708"; }

.qt-icon-cloud_disk:before {
  content: "\E6FB"; }

.qt-icon-notes:before {
  content: "\E6FC"; }

.qt-icon-emoji-type-food:before {
  content: "\E685"; }

.qt-icon-emoji-type-flags:before {
  content: "\E686"; }

.qt-icon-emoji-type-objects:before {
  content: "\E687"; }

.qt-icon-emoji-type-recent:before {
  content: "\E688"; }

.qt-icon-emoji-type-activity:before {
  content: "\E689"; }

.qt-icon-emoji-type-animals:before {
  content: "\E68A"; }

.qt-icon-emoji-type-symbols:before {
  content: "\E68B"; }

.qt-icon-emoji-type-smileys:before {
  content: "\E68C"; }

.qt-icon-emoji-type-travel:before {
  content: "\E68D"; }

.qt-icon-loading:before {
  content: "\E61F"; }

.qt-icon-help:before {
  content: "\E6C7"; }

.qt-icon-favorite_contacts_open:before {
  content: "\E6F9"; }

.qt-icon-favorite_contacts_cloes:before {
  content: "\E6F8"; }

.qt-icon-delete_friends:before {
  content: "\E6F6"; }

.qt-icon-share_carte:before {
  content: "\E6F7"; }

.qt-icon-attachment:before {
  content: "\E649"; }

.qt-icon-icon-warning:before {
  content: "\E6F5"; }

.qt-icon-bg_iphone_login:before {
  content: "\E6F4"; }

.qt-icon-statistics:before {
  content: "\E6F3"; }

.qt-icon-icn_download_meeting:before {
  content: "\E6F2"; }

.qt-icon-arrow-right:before {
  content: "\E680"; }

.qt-icon-search_details:before {
  content: "\E6F1"; }

.qt-icon-burger_menu:before {
  content: "\E6F0"; }

.qt-icon-new_icon_messge_upco1:before {
  content: "\E6EE"; }

.qt-icon-new-icon-pending-ite:before {
  content: "\E6EF"; }

.qt-icon-more_meesages:before {
  content: "\E6ED"; }

.qt-icon-search_history:before {
  content: "\E6EC"; }

.qt-icon-add_circle:before {
  content: "\E6EA"; }

.qt-icon-image_save:before {
  content: "\E636"; }

.qt-icon-image_rotate:before {
  content: "\E637"; }

.qt-icon-image_edit:before {
  content: "\E63D"; }

.qt-icon-video_tag:before {
  content: "\E641"; }

.qt-icon-suspend:before {
  content: "\E601"; }

.qt-icon-contacts_group:before {
  content: "\E6E9"; }

.qt-icon-bofang:before {
  content: "\E6E8"; }

.qt-icon-tick:before {
  content: "\E6E7"; }

.qt-icon-invite_people_phone:before {
  content: "\E6E3"; }

.qt-icon-invite_people_QR_code:before {
  content: "\E6E4"; }

.qt-icon-unfold_compete:before {
  content: "\E653"; }

.qt-icon-icon_delete:before {
  content: "\E615"; }

.qt-icon-notice:before {
  content: "\E66B"; }

.qt-icon-contacts:before {
  content: "\E6E0"; }

.qt-icon-group_arrow:before {
  content: "\E6E1"; }

.qt-icon-subscription:before {
  content: "\E6E2"; }

.qt-icon-image_load_error:before {
  content: "\E629"; }

.qt-icon-reload_img:before {
  content: "\E610"; }

.qt-icon-notice_tick:before {
  content: "\E6DF"; }

.qt-icon-group_administrator_tag:before {
  content: "\E6DD"; }

.qt-icon-add_group_member:before {
  content: "\E6DB"; }

.qt-icon-delete_group_member:before {
  content: "\E6DC"; }

.qt-icon-arrow:before {
  content: "\E6D8"; }

.qt-icon-delete_retrieval_contacts:before {
  content: "\E6D9"; }

.qt-icon-forward:before {
  content: "\E6DA"; }

.qt-icon-logo:before {
  content: "\E6D7"; }

.qt-icon-new_icon_details_n:before {
  content: "\E6C6"; }

.qt-icon-search_delete:before {
  content: "\E6D2"; }

.qt-icon-contacts_search_load:before {
  content: "\E6D4"; }

.qt-icon-input_keyboard:before {
  content: "\E6D0"; }

.qt-icon-input_menu:before {
  content: "\E6D1"; }

.qt-icon-file_type_file:before {
  content: "\E6CE"; }

.qt-icon-file_type_rar:before {
  content: "\E6CD"; }

.qt-icon-file_type_doc:before {
  content: "\E6C8"; }

.qt-icon-file_type_dwg:before {
  content: "\E6C9"; }

.qt-icon-file_type_ppt:before {
  content: "\E6CA"; }

.qt-icon-file_type_xls:before {
  content: "\E6CB"; }

.qt-icon-file_type_pdf:before {
  content: "\E6CC"; }

.qt-icon-icon_msg_resend:before {
  content: "\E61C"; }

.qt-icon-file_transfer:before {
  content: "\E6C2"; }

.qt-icon-icon_contacts:before {
  content: "\E6B2"; }

.qt-icon-group_details:before {
  content: "\E6B3"; }

.qt-icon-messages:before {
  content: "\E6B9"; }

.qt-icon-no_reminder:before {
  content: "\E6BA"; }

.qt-icon-personal_details:before {
  content: "\E6BC"; }

.qt-icon-search:before {
  content: "\E6BD"; }

.qt-icon-setting:before {
  content: "\E6BE"; }

.qt-icon-small_tools:before {
  content: "\E6C0"; }

.qt-icon-edit:before {
  content: "\E6D3"; }

.qt-icon-notice_chat_request:before {
  content: "\E6A5"; }

.qt-icon-notice_system_notification:before {
  content: "\E6A6"; }

.qt-icon-notice_add_friends:before {
  content: "\E6A7"; }

.qt-icon-notice_small_tools:before {
  content: "\E6A8"; }

.qt-icon-notice_member_application:before {
  content: "\E6A9"; }

.qt-icon-notice_subscription:before {
  content: "\E6AA"; }

.qt-icon-notice_group_review:before {
  content: "\E6AB"; }

.qt-icon-notice_corporate_invitation:before {
  content: "\E6AC"; }

.qt-icon-ref_msg_close:before {
  content: "\E6A2"; }

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
.ant-input {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: 0;
  padding: 0;
  font-variant: tabular-nums;
  list-style: none;
  -webkit-font-feature-settings: 'tnum';
          font-feature-settings: 'tnum';
  position: relative;
  display: inline-block;
  width: 100%;
  height: 28px;
  padding: 4px 7px;
  color: rgba(0, 0, 0, 0.65);
  font-size: 12px;
  line-height: 1.5;
  background-color: #fff;
  background-image: none;
  border: 1px solid #d9d9d9;
  border-radius: 4px;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.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: #e6d8d8;
  border-right-width: 1px !important;
}
.ant-input:focus {
  border-color: #ff9173;
  border-right-width: 1px !important;
  outline: 0;
  -webkit-box-shadow: 0 0 0 2px rgba(254, 106, 73, 0.2);
          box-shadow: 0 0 0 2px rgba(254, 106, 73, 0.2);
}
.ant-input-disabled {
  color: rgba(0, 0, 0, 0.25);
  background-color: #f5f5f5;
  cursor: not-allowed;
  opacity: 1;
}
.ant-input-disabled:hover {
  border-color: #e6d8d8;
  border-right-width: 1px !important;
}
.ant-input[disabled] {
  color: rgba(0, 0, 0, 0.25);
  background-color: #f5f5f5;
  cursor: not-allowed;
  opacity: 1;
}
.ant-input[disabled]:hover {
  border-color: #e6d8d8;
  border-right-width: 1px !important;
}
textarea.ant-input {
  max-width: 100%;
  height: auto;
  min-height: 28px;
  vertical-align: bottom;
  -webkit-transition: all 0.3s, height 0s;
  -o-transition: all 0.3s, height 0s;
  transition: all 0.3s, height 0s;
}
.ant-input-lg {
  height: 32px;
  padding: 6px 7px;
  font-size: 14px;
}
.ant-input-sm {
  height: 22px;
  padding: 1px 7px;
}
.ant-input-group {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.65);
  font-size: 12px;
  font-variant: tabular-nums;
  line-height: 1.5;
  list-style: none;
  -webkit-font-feature-settings: 'tnum';
          font-feature-settings: 'tnum';
  position: relative;
  display: table;
  width: 100%;
  border-collapse: separate;
  border-spacing: 0;
}
.ant-input-group[class*='col-'] {
  float: none;
  padding-right: 0;
  padding-left: 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;
  text-align: inherit;
}
.ant-input-group .ant-input:focus {
  z-index: 1;
  border-right-width: 1px;
}
.ant-input-group .ant-input:hover {
  z-index: 1;
  border-right-width: 1px;
}
.ant-input-group-addon {
  position: relative;
  padding: 0 7px;
  color: rgba(0, 0, 0, 0.65);
  font-weight: normal;
  font-size: 12px;
  line-height: 1;
  text-align: center;
  background-color: #fafafa;
  border: 1px solid #d9d9d9;
  border-radius: 4px;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.ant-input-group-addon .ant-select {
  margin: -5px -7px;
}
.ant-input-group-addon .ant-select .ant-select-selection {
  margin: -1px;
  background-color: inherit;
  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: #FE6A49;
}
.ant-input-group-addon > i:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  content: '';
}
.ant-input-group > .ant-input:first-child,
.ant-input-group-addon:first-child {
  border-top-right-radius: 0;
  border-bottom-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-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.ant-input-group > .ant-input-affix-wrapper:not(:first-child) .ant-input {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.ant-input-group > .ant-input-affix-wrapper:not(:last-child) .ant-input {
  border-top-right-radius: 0;
  border-bottom-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-top-left-radius: 0;
  border-bottom-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-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.ant-input-group-lg .ant-input,
.ant-input-group-lg > .ant-input-group-addon {
  height: 32px;
  padding: 6px 7px;
  font-size: 14px;
}
.ant-input-group-sm .ant-input,
.ant-input-group-sm > .ant-input-group-addon {
  height: 22px;
  padding: 1px 7px;
}
.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;
  float: left;
  width: 100%;
}
.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 {
  display: table;
  content: '';
}
.ant-input-group.ant-input-group-compact::after {
  clear: both;
}
.ant-input-group.ant-input-group-compact-addon:not(:first-child):not(:last-child),
.ant-input-group.ant-input-group-compact-wrap:not(:first-child):not(:last-child),
.ant-input-group.ant-input-group-compact > .ant-input:not(:first-child):not(:last-child) {
  border-right-width: 1px;
}
.ant-input-group.ant-input-group-compact-addon:not(:first-child):not(:last-child):hover,
.ant-input-group.ant-input-group-compact-wrap:not(:first-child):not(:last-child):hover,
.ant-input-group.ant-input-group-compact > .ant-input:not(:first-child):not(:last-child):hover {
  z-index: 1;
}
.ant-input-group.ant-input-group-compact-addon:not(:first-child):not(:last-child):focus,
.ant-input-group.ant-input-group-compact-wrap:not(:first-child):not(:last-child):focus,
.ant-input-group.ant-input-group-compact > .ant-input:not(:first-child):not(:last-child):focus {
  z-index: 1;
}
.ant-input-group.ant-input-group-compact > * {
  display: inline-block;
  float: none;
  vertical-align: top;
  border-radius: 0;
}
.ant-input-group.ant-input-group-compact > *:not(:last-child) {
  margin-right: -1px;
  border-right-width: 1px;
}
.ant-input-group.ant-input-group-compact .ant-input {
  float: none;
}
.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-right-width: 1px;
  border-radius: 0;
}
.ant-input-group.ant-input-group-compact > .ant-select > .ant-select-selection:hover,
.ant-input-group.ant-input-group-compact > .ant-calendar-picker .ant-input:hover,
.ant-input-group.ant-input-group-compact > .ant-select-auto-complete .ant-input:hover,
.ant-input-group.ant-input-group-compact > .ant-cascader-picker .ant-input:hover,
.ant-input-group.ant-input-group-compact > .ant-mention-wrapper .ant-mention-editor:hover,
.ant-input-group.ant-input-group-compact > .ant-time-picker .ant-time-picker-input:hover {
  z-index: 1;
}
.ant-input-group.ant-input-group-compact > .ant-select > .ant-select-selection:focus,
.ant-input-group.ant-input-group-compact > .ant-calendar-picker .ant-input:focus,
.ant-input-group.ant-input-group-compact > .ant-select-auto-complete .ant-input:focus,
.ant-input-group.ant-input-group-compact > .ant-cascader-picker .ant-input:focus,
.ant-input-group.ant-input-group-compact > .ant-mention-wrapper .ant-mention-editor:focus,
.ant-input-group.ant-input-group-compact > .ant-time-picker .ant-time-picker-input:focus {
  z-index: 1;
}
.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-cascader-picker-focused: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-right-width: 1px;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
.ant-input-group.ant-input-group-compact > .ant-select-auto-complete .ant-input {
  vertical-align: top;
}
.ant-input-group-wrapper {
  display: inline-block;
  width: 100%;
  text-align: start;
  vertical-align: top;
}
.ant-input-affix-wrapper {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.65);
  font-size: 12px;
  font-variant: tabular-nums;
  line-height: 1.5;
  list-style: none;
  -webkit-font-feature-settings: 'tnum';
          font-feature-settings: 'tnum';
  position: relative;
  display: inline-block;
  width: 100%;
  text-align: start;
}
.ant-input-affix-wrapper:hover .ant-input:not(.ant-input-disabled) {
  border-color: #e6d8d8;
  border-right-width: 1px !important;
}
.ant-input-affix-wrapper .ant-input {
  position: relative;
  text-align: inherit;
}
.ant-input-affix-wrapper .ant-input-prefix,
.ant-input-affix-wrapper .ant-input-suffix {
  position: absolute;
  top: 50%;
  z-index: 2;
  color: rgba(0, 0, 0, 0.65);
  line-height: 0;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}
.ant-input-affix-wrapper .ant-input-prefix :not(.anticon),
.ant-input-affix-wrapper .ant-input-suffix :not(.anticon) {
  line-height: 1.5;
}
.ant-input-affix-wrapper .ant-input-prefix {
  left: 8px;
}
.ant-input-affix-wrapper .ant-input-suffix {
  right: 8px;
}
.ant-input-affix-wrapper .ant-input:not(:first-child) {
  padding-left: 26px;
}
.ant-input-affix-wrapper .ant-input:not(:last-child) {
  padding-right: 26px;
}
.ant-input-affix-wrapper .ant-input {
  min-height: 100%;
}
.ant-input-password-icon {
  color: rgba(0, 0, 0, 0.45);
  cursor: pointer;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.ant-input-password-icon:hover {
  color: #333;
}
.ant-input-clear-icon {
  color: rgba(0, 0, 0, 0.25);
  font-size: 12px;
  vertical-align: top;
  cursor: pointer;
  -webkit-transition: color 0.3s;
  -o-transition: color 0.3s;
  transition: color 0.3s;
}
.ant-input-clear-icon:hover {
  color: rgba(0, 0, 0, 0.45);
}
.ant-input-clear-icon:active {
  color: rgba(0, 0, 0, 0.65);
}
.ant-input-clear-icon + i {
  margin-left: 6px;
}
.ant-input-search-icon {
  color: rgba(0, 0, 0, 0.45);
  cursor: pointer;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.ant-input-search-icon:hover {
  color: rgba(0, 0, 0, 0.8);
}
.ant-input-search-enter-button input {
  border-right: 0;
}
.ant-input-search-enter-button + .ant-input-group-addon,
.ant-input-search-enter-button input + .ant-input-group-addon {
  padding: 0;
  border: 0;
}
.ant-input-search-enter-button + .ant-input-group-addon .ant-input-search-button,
.ant-input-search-enter-button input + .ant-input-group-addon .ant-input-search-button {
  width: 100%;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
.ant-radio-group {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.65);
  font-size: 12px;
  font-variant: tabular-nums;
  line-height: 1.5;
  list-style: none;
  -webkit-font-feature-settings: 'tnum';
          font-feature-settings: 'tnum';
  display: inline-block;
  line-height: unset;
}
.ant-radio-wrapper {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.65);
  font-size: 12px;
  font-variant: tabular-nums;
  line-height: 1.5;
  list-style: none;
  -webkit-font-feature-settings: 'tnum';
          font-feature-settings: 'tnum';
  position: relative;
  display: inline-block;
  margin-right: 8px;
  white-space: nowrap;
  cursor: pointer;
}
.ant-radio {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.65);
  font-size: 12px;
  font-variant: tabular-nums;
  line-height: 1.5;
  list-style: none;
  -webkit-font-feature-settings: 'tnum';
          font-feature-settings: 'tnum';
  position: relative;
  display: inline-block;
  line-height: 1;
  white-space: nowrap;
  vertical-align: sub;
  outline: none;
  cursor: pointer;
}
.ant-radio-wrapper:hover .ant-radio,
.ant-radio:hover .ant-radio-inner,
.ant-radio-input:focus + .ant-radio-inner {
  border-color: #FE6A49;
}
.ant-radio-input:focus + .ant-radio-inner {
  -webkit-box-shadow: 0 0 0 3px rgba(254, 106, 73, 0.08);
          box-shadow: 0 0 0 3px rgba(254, 106, 73, 0.08);
}
.ant-radio-checked::after {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 1px solid #FE6A49;
  border-radius: 50%;
  visibility: hidden;
  -webkit-animation: antRadioEffect 0.36s ease-in-out;
          animation: antRadioEffect 0.36s ease-in-out;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  content: '';
}
.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: 16px;
  height: 16px;
  background-color: #fff;
  border-color: #d9d9d9;
  border-style: solid;
  border-width: 1px;
  border-radius: 100px;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.ant-radio-inner::after {
  position: absolute;
  top: 3px;
  left: 3px;
  display: table;
  width: 8px;
  height: 8px;
  background-color: #FE6A49;
  border-top: 0;
  border-left: 0;
  border-radius: 8px;
  -webkit-transform: scale(0);
      -ms-transform: scale(0);
          transform: scale(0);
  opacity: 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);
  content: ' ';
}
.ant-radio-input {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  cursor: pointer;
  opacity: 0;
}
.ant-radio-checked .ant-radio-inner {
  border-color: #FE6A49;
}
.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 {
  background-color: #f5f5f5;
  border-color: #d9d9d9 !important;
  cursor: not-allowed;
}
.ant-radio-disabled .ant-radio-inner::after {
  background-color: rgba(0, 0, 0, 0.2);
}
.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-right: 8px;
  padding-left: 8px;
}
.ant-radio-button-wrapper {
  position: relative;
  display: inline-block;
  height: 28px;
  margin: 0;
  padding: 0 15px;
  color: rgba(0, 0, 0, 0.65);
  line-height: 26px;
  background: #fff;
  border: 1px solid #d9d9d9;
  border-top-width: 1.02px;
  border-left: 0;
  cursor: pointer;
  -webkit-transition: color 0.3s, background 0.3s, border-color 0.3s;
  -o-transition: color 0.3s, background 0.3s, border-color 0.3s;
  transition: color 0.3s, background 0.3s, border-color 0.3s;
}
.ant-radio-button-wrapper a {
  color: rgba(0, 0, 0, 0.65);
}
.ant-radio-button-wrapper > .ant-radio-button {
  display: block;
  width: 0;
  height: 0;
  margin-left: 0;
}
.ant-radio-group-large .ant-radio-button-wrapper {
  height: 32px;
  font-size: 14px;
  line-height: 30px;
}
.ant-radio-group-small .ant-radio-button-wrapper {
  height: 22px;
  padding: 0 7px;
  line-height: 20px;
}
.ant-radio-button-wrapper:not(:first-child)::before {
  position: absolute;
  top: 0;
  left: -1px;
  display: block;
  width: 1px;
  height: 100%;
  background-color: #d9d9d9;
  content: '';
}
.ant-radio-button-wrapper:first-child {
  border-left: 1px solid #d9d9d9;
  border-radius: 4px 0 0 4px;
}
.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 {
  position: relative;
  color: #FE6A49;
}
.ant-radio-button-wrapper:focus-within {
  outline: 3px solid rgba(254, 106, 73, 0.06);
}
.ant-radio-button-wrapper .ant-radio-inner,
.ant-radio-button-wrapper input[type='checkbox'],
.ant-radio-button-wrapper input[type='radio'] {
  width: 0;
  height: 0;
  opacity: 0;
  pointer-events: none;
}
.ant-radio-button-wrapper-checked {
  z-index: 1;
  color: #FE6A49;
  background: #fff;
  border-color: #FE6A49;
  -webkit-box-shadow: -1px 0 0 0 #FE6A49;
          box-shadow: -1px 0 0 0 #FE6A49;
}
.ant-radio-button-wrapper-checked::before {
  background-color: #FE6A49 !important;
  opacity: 0.1;
}
.ant-radio-button-wrapper-checked:first-child {
  border-color: #FE6A49;
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
}
.ant-radio-button-wrapper-checked:hover {
  color: #ff9173;
  border-color: #ff9173;
  -webkit-box-shadow: -1px 0 0 0 #ff9173;
          box-shadow: -1px 0 0 0 #ff9173;
}
.ant-radio-button-wrapper-checked:active {
  color: #d94d34;
  border-color: #d94d34;
  -webkit-box-shadow: -1px 0 0 0 #d94d34;
          box-shadow: -1px 0 0 0 #d94d34;
}
.ant-radio-button-wrapper-checked:focus-within {
  outline: 3px solid rgba(254, 106, 73, 0.06);
}
.ant-radio-group-solid .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled) {
  color: #fff;
  background: #FE6A49;
  border-color: #FE6A49;
}
.ant-radio-group-solid .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):hover {
  color: #fff;
  background: #ff9173;
  border-color: #ff9173;
}
.ant-radio-group-solid .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):active {
  color: #fff;
  background: #d94d34;
  border-color: #d94d34;
}
.ant-radio-group-solid .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):focus-within {
  outline: 3px solid rgba(254, 106, 73, 0.06);
}
.ant-radio-button-wrapper-disabled {
  color: rgba(0, 0, 0, 0.25);
  background-color: #f5f5f5;
  border-color: #d9d9d9;
  cursor: not-allowed;
}
.ant-radio-button-wrapper-disabled:first-child,
.ant-radio-button-wrapper-disabled:hover {
  color: rgba(0, 0, 0, 0.25);
  background-color: #f5f5f5;
  border-color: #d9d9d9;
}
.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;
  }
}
@supports (-moz-appearance: meterbar) and (background-blend-mode: difference, normal) {
  .ant-radio {
    vertical-align: text-bottom;
  }
}

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
.ant-switch {
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.65);
  font-size: 12px;
  font-variant: tabular-nums;
  line-height: 1.5;
  list-style: none;
  -webkit-font-feature-settings: 'tnum';
          font-feature-settings: 'tnum';
  position: relative;
  display: inline-block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  min-width: 44px;
  height: 22px;
  line-height: 20px;
  vertical-align: middle;
  background-color: rgba(0, 0, 0, 0.25);
  border: 1px solid transparent;
  border-radius: 100px;
  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 {
  display: block;
  margin-right: 6px;
  margin-left: 24px;
  color: #fff;
  font-size: 12px;
}
.ant-switch-loading-icon,
.ant-switch::after {
  position: absolute;
  top: 1px;
  left: 1px;
  width: 18px;
  height: 18px;
  background-color: #fff;
  border-radius: 18px;
  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);
  content: ' ';
}
.ant-switch::after {
  -webkit-box-shadow: 0 2px 4px 0 rgba(0, 35, 11, 0.2);
          box-shadow: 0 2px 4px 0 rgba(0, 35, 11, 0.2);
}
.ant-switch:not(.ant-switch-disabled):active::before,
.ant-switch:not(.ant-switch-disabled):active::after {
  width: 24px;
}
.ant-switch-loading-icon {
  z-index: 1;
  display: none;
  font-size: 12px;
  background: transparent;
}
.ant-switch-loading-icon svg {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
}
.ant-switch-loading .ant-switch-loading-icon {
  display: inline-block;
  color: rgba(0, 0, 0, 0.65);
}
.ant-switch-checked.ant-switch-loading .ant-switch-loading-icon {
  color: #FE6A49;
}
.ant-switch:focus {
  outline: 0;
  -webkit-box-shadow: 0 0 0 2px rgba(254, 106, 73, 0.2);
          box-shadow: 0 0 0 2px rgba(254, 106, 73, 0.2);
}
.ant-switch:focus:hover {
  -webkit-box-shadow: none;
          box-shadow: none;
}
.ant-switch-small {
  min-width: 28px;
  height: 16px;
  line-height: 14px;
}
.ant-switch-small .ant-switch-inner {
  margin-right: 3px;
  margin-left: 18px;
  font-size: 12px;
}
.ant-switch-small::after {
  width: 12px;
  height: 12px;
}
.ant-switch-small:active::before,
.ant-switch-small:active::after {
  width: 16px;
}
.ant-switch-small .ant-switch-loading-icon {
  width: 12px;
  height: 12px;
}
.ant-switch-small.ant-switch-checked .ant-switch-inner {
  margin-right: 18px;
  margin-left: 3px;
}
.ant-switch-small.ant-switch-checked .ant-switch-loading-icon {
  left: 100%;
  margin-left: -13px;
}
.ant-switch-small.ant-switch-loading .ant-switch-loading-icon {
  font-weight: bold;
  -webkit-transform: scale(0.66667);
      -ms-transform: scale(0.66667);
          transform: scale(0.66667);
}
.ant-switch-checked {
  background-color: #FE6A49;
}
.ant-switch-checked .ant-switch-inner {
  margin-right: 24px;
  margin-left: 6px;
}
.ant-switch-checked::after {
  left: 100%;
  margin-left: -1px;
  -webkit-transform: translateX(-100%);
      -ms-transform: translateX(-100%);
          transform: translateX(-100%);
}
.ant-switch-checked .ant-switch-loading-icon {
  left: 100%;
  margin-left: -19px;
}
.ant-switch-loading,
.ant-switch-disabled {
  cursor: not-allowed;
  opacity: 0.4;
}
.ant-switch-loading *,
.ant-switch-disabled * {
  cursor: not-allowed;
}
.ant-switch-loading::before,
.ant-switch-disabled::before,
.ant-switch-loading::after,
.ant-switch-disabled::after {
  cursor: not-allowed;
}
@-webkit-keyframes AntSwitchSmallLoadingCircle {
  0% {
    -webkit-transform: rotate(0deg) scale(0.66667);
            transform: rotate(0deg) scale(0.66667);
    -webkit-transform-origin: 50% 50%;
            transform-origin: 50% 50%;
  }
  100% {
    -webkit-transform: rotate(360deg) scale(0.66667);
            transform: rotate(360deg) scale(0.66667);
    -webkit-transform-origin: 50% 50%;
            transform-origin: 50% 50%;
  }
}
@keyframes AntSwitchSmallLoadingCircle {
  0% {
    -webkit-transform: rotate(0deg) scale(0.66667);
            transform: rotate(0deg) scale(0.66667);
    -webkit-transform-origin: 50% 50%;
            transform-origin: 50% 50%;
  }
  100% {
    -webkit-transform: rotate(360deg) scale(0.66667);
            transform: rotate(360deg) scale(0.66667);
    -webkit-transform-origin: 50% 50%;
            transform-origin: 50% 50%;
  }
}

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
.ant-tabs.ant-tabs-card .ant-tabs-card-bar .ant-tabs-nav-container {
  height: 40px;
}
.ant-tabs.ant-tabs-card .ant-tabs-card-bar .ant-tabs-ink-bar {
  visibility: hidden;
}
.ant-tabs.ant-tabs-card .ant-tabs-card-bar .ant-tabs-tab {
  height: 40px;
  margin: 0;
  margin-right: 2px;
  padding: 0 16px;
  line-height: 38px;
  background: #fafafa;
  border: 1px solid #e9e9e9;
  border-radius: 4px 4px 0 0;
  -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-tabs.ant-tabs-card .ant-tabs-card-bar .ant-tabs-tab-active {
  height: 40px;
  color: #FE6A49;
  background: #fff;
  border-color: #e9e9e9;
  border-bottom: 1px solid #fff;
}
.ant-tabs.ant-tabs-card .ant-tabs-card-bar .ant-tabs-tab-inactive {
  padding: 0;
}
.ant-tabs.ant-tabs-card .ant-tabs-card-bar .ant-tabs-nav-wrap {
  margin-bottom: 0;
}
.ant-tabs.ant-tabs-card .ant-tabs-card-bar .ant-tabs-tab .ant-tabs-close-x {
  width: 16px;
  height: 16px;
  height: 12px;
  margin-right: -5px;
  margin-left: 3px;
  overflow: hidden;
  color: rgba(0, 0, 0, 0.45);
  font-size: 12px;
  vertical-align: middle;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.ant-tabs.ant-tabs-card .ant-tabs-card-bar .ant-tabs-tab .ant-tabs-close-x:hover {
  color: rgba(0, 0, 0, 0.85);
}
.ant-tabs.ant-tabs-card .ant-tabs-card-content > .ant-tabs-tabpane,
.ant-tabs.ant-tabs-editable-card .ant-tabs-card-content > .ant-tabs-tabpane {
  -webkit-transition: none !important;
  -o-transition: none !important;
  transition: none !important;
}
.ant-tabs.ant-tabs-card .ant-tabs-card-content > .ant-tabs-tabpane-inactive,
.ant-tabs.ant-tabs-editable-card .ant-tabs-card-content > .ant-tabs-tabpane-inactive {
  overflow: hidden;
}
.ant-tabs.ant-tabs-card .ant-tabs-card-bar .ant-tabs-tab:hover .anticon-close {
  opacity: 1;
}
.ant-tabs-extra-content {
  line-height: 40px;
}
.ant-tabs-extra-content .ant-tabs-new-tab {
  position: relative;
  width: 20px;
  height: 20px;
  color: rgba(0, 0, 0, 0.65);
  font-size: 12px;
  line-height: 20px;
  text-align: center;
  border: 1px solid #e9e9e9;
  border-radius: 2px;
  cursor: pointer;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.ant-tabs-extra-content .ant-tabs-new-tab:hover {
  color: #FE6A49;
  border-color: #FE6A49;
}
.ant-tabs-extra-content .ant-tabs-new-tab svg {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
}
.ant-tabs-vertical.ant-tabs-card .ant-tabs-card-bar.ant-tabs-left-bar .ant-tabs-nav-container,
.ant-tabs-vertical.ant-tabs-card .ant-tabs-card-bar.ant-tabs-right-bar .ant-tabs-nav-container {
  height: 100%;
}
.ant-tabs-vertical.ant-tabs-card .ant-tabs-card-bar.ant-tabs-left-bar .ant-tabs-tab,
.ant-tabs-vertical.ant-tabs-card .ant-tabs-card-bar.ant-tabs-right-bar .ant-tabs-tab {
  margin-bottom: 8px;
  border-bottom: 1px solid #e9e9e9;
}
.ant-tabs-vertical.ant-tabs-card .ant-tabs-card-bar.ant-tabs-left-bar .ant-tabs-tab-active,
.ant-tabs-vertical.ant-tabs-card .ant-tabs-card-bar.ant-tabs-right-bar .ant-tabs-tab-active {
  padding-bottom: 4px;
}
.ant-tabs-vertical.ant-tabs-card .ant-tabs-card-bar.ant-tabs-left-bar .ant-tabs-tab:last-child,
.ant-tabs-vertical.ant-tabs-card .ant-tabs-card-bar.ant-tabs-right-bar .ant-tabs-tab:last-child {
  margin-bottom: 8px;
}
.ant-tabs-vertical.ant-tabs-card .ant-tabs-card-bar.ant-tabs-left-bar .ant-tabs-new-tab,
.ant-tabs-vertical.ant-tabs-card .ant-tabs-card-bar.ant-tabs-right-bar .ant-tabs-new-tab {
  width: 90%;
}
.ant-tabs-vertical.ant-tabs-card.ant-tabs-left .ant-tabs-card-bar.ant-tabs-left-bar .ant-tabs-nav-wrap {
  margin-right: 0;
}
.ant-tabs-vertical.ant-tabs-card.ant-tabs-left .ant-tabs-card-bar.ant-tabs-left-bar .ant-tabs-tab {
  margin-right: 1px;
  border-right: 0;
  border-radius: 4px 0 0 4px;
}
.ant-tabs-vertical.ant-tabs-card.ant-tabs-left .ant-tabs-card-bar.ant-tabs-left-bar .ant-tabs-tab-active {
  margin-right: -1px;
  padding-right: 18px;
}
.ant-tabs-vertical.ant-tabs-card.ant-tabs-right .ant-tabs-card-bar.ant-tabs-right-bar .ant-tabs-nav-wrap {
  margin-left: 0;
}
.ant-tabs-vertical.ant-tabs-card.ant-tabs-right .ant-tabs-card-bar.ant-tabs-right-bar .ant-tabs-tab {
  margin-left: 1px;
  border-left: 0;
  border-radius: 0 4px 4px 0;
}
.ant-tabs-vertical.ant-tabs-card.ant-tabs-right .ant-tabs-card-bar.ant-tabs-right-bar .ant-tabs-tab-active {
  margin-left: -1px;
  padding-left: 18px;
}
.ant-tabs .ant-tabs-card-bar.ant-tabs-bottom-bar .ant-tabs-tab {
  height: auto;
  border-top: 0;
  border-bottom: 1px solid #e9e9e9;
  border-radius: 0 0 4px 4px;
}
.ant-tabs .ant-tabs-card-bar.ant-tabs-bottom-bar .ant-tabs-tab-active {
  padding-top: 1px;
  padding-bottom: 0;
  color: #FE6A49;
}
.ant-tabs {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.65);
  font-size: 12px;
  font-variant: tabular-nums;
  line-height: 1.5;
  list-style: none;
  -webkit-font-feature-settings: 'tnum';
          font-feature-settings: 'tnum';
  position: relative;
  overflow: hidden;
  zoom: 1;
}
.ant-tabs::before,
.ant-tabs::after {
  display: table;
  content: '';
}
.ant-tabs::after {
  clear: both;
}
.ant-tabs-ink-bar {
  position: absolute;
  bottom: 1px;
  left: 0;
  z-index: 1;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  height: 2px;
  background-color: #FE6A49;
  -webkit-transform-origin: 0 0;
      -ms-transform-origin: 0 0;
          transform-origin: 0 0;
}
.ant-tabs-bar {
  margin: 0 0 16px 0;
  border-bottom: 1px solid #e9e9e9;
  outline: none;
  -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);
}
.ant-tabs-nav-container {
  position: relative;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin-bottom: -1px;
  overflow: hidden;
  font-size: 12px;
  line-height: 1.5;
  white-space: nowrap;
  -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);
  zoom: 1;
}
.ant-tabs-nav-container::before,
.ant-tabs-nav-container::after {
  display: table;
  content: '';
}
.ant-tabs-nav-container::after {
  clear: both;
}
.ant-tabs-nav-container-scrolling {
  padding-right: 32px;
  padding-left: 32px;
}
.ant-tabs-bottom .ant-tabs-bottom-bar {
  margin-top: 16px;
  margin-bottom: 0;
  border-top: 1px solid #e9e9e9;
  border-bottom: none;
}
.ant-tabs-bottom .ant-tabs-bottom-bar .ant-tabs-ink-bar {
  top: 1px;
  bottom: auto;
}
.ant-tabs-bottom .ant-tabs-bottom-bar .ant-tabs-nav-container {
  margin-top: -1px;
  margin-bottom: 0;
}
.ant-tabs-tab-prev,
.ant-tabs-tab-next {
  position: absolute;
  z-index: 2;
  width: 0;
  height: 100%;
  color: rgba(0, 0, 0, 0.45);
  text-align: center;
  background-color: transparent;
  border: 0;
  cursor: pointer;
  opacity: 0;
  -webkit-transition: width 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), opacity 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  -o-transition: width 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), opacity 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: width 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), opacity 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  pointer-events: none;
}
.ant-tabs-tab-prev.ant-tabs-tab-arrow-show,
.ant-tabs-tab-next.ant-tabs-tab-arrow-show {
  width: 32px;
  height: 100%;
  opacity: 1;
  pointer-events: auto;
}
.ant-tabs-tab-prev:hover,
.ant-tabs-tab-next:hover {
  color: rgba(0, 0, 0, 0.65);
}
.ant-tabs-tab-prev-icon,
.ant-tabs-tab-next-icon {
  position: absolute;
  top: 50%;
  left: 50%;
  font-weight: bold;
  font-style: normal;
  font-variant: normal;
  line-height: inherit;
  text-align: center;
  text-transform: none;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.ant-tabs-tab-prev-icon-target,
.ant-tabs-tab-next-icon-target {
  display: block;
  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);
}
:root .ant-tabs-tab-prev-icon-target,
:root .ant-tabs-tab-next-icon-target {
  font-size: 12px;
}
.ant-tabs-tab-btn-disabled {
  cursor: not-allowed;
}
.ant-tabs-tab-btn-disabled,
.ant-tabs-tab-btn-disabled:hover {
  color: rgba(0, 0, 0, 0.25);
}
.ant-tabs-tab-next {
  right: 2px;
}
.ant-tabs-tab-prev {
  left: 0;
}
:root .ant-tabs-tab-prev {
  -webkit-filter: none;
          filter: none;
}
.ant-tabs-nav-wrap {
  margin-bottom: -1px;
  overflow: hidden;
}
.ant-tabs-nav-scroll {
  overflow: hidden;
  white-space: nowrap;
}
.ant-tabs-nav {
  position: relative;
  display: inline-block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: 0;
  padding-left: 0;
  list-style: none;
  -webkit-transition: -webkit-transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: -webkit-transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  -o-transition: transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.ant-tabs-nav::before,
.ant-tabs-nav::after {
  display: table;
  content: ' ';
}
.ant-tabs-nav::after {
  clear: both;
}
.ant-tabs-nav .ant-tabs-tab {
  position: relative;
  display: inline-block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  height: 100%;
  margin: 0 32px 0 0;
  padding: 12px 16px;
  text-decoration: none;
  cursor: pointer;
  -webkit-transition: color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  -o-transition: color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.ant-tabs-nav .ant-tabs-tab:last-child {
  margin-right: 0;
}
.ant-tabs-nav .ant-tabs-tab:hover {
  color: #ff9173;
}
.ant-tabs-nav .ant-tabs-tab:active {
  color: #d94d34;
}
.ant-tabs-nav .ant-tabs-tab .anticon {
  margin-right: 8px;
}
.ant-tabs-nav .ant-tabs-tab-disabled,
.ant-tabs-nav .ant-tabs-tab-disabled:hover {
  color: rgba(0, 0, 0, 0.25);
  cursor: not-allowed;
}
.ant-tabs-nav .ant-tabs-tab-active {
  color: #FE6A49;
  font-weight: 500;
}
.ant-tabs .ant-tabs-large-bar .ant-tabs-nav-container {
  font-size: 14px;
}
.ant-tabs .ant-tabs-large-bar .ant-tabs-tab {
  padding: 16px;
}
.ant-tabs .ant-tabs-small-bar .ant-tabs-nav-container {
  font-size: 12px;
}
.ant-tabs .ant-tabs-small-bar .ant-tabs-tab {
  padding: 8px 16px;
}
.ant-tabs .ant-tabs-top-content,
.ant-tabs .ant-tabs-bottom-content {
  width: 100%;
}
.ant-tabs .ant-tabs-top-content > .ant-tabs-tabpane,
.ant-tabs .ant-tabs-bottom-content > .ant-tabs-tabpane {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 100%;
  opacity: 1;
  -webkit-transition: opacity 0.45s;
  -o-transition: opacity 0.45s;
  transition: opacity 0.45s;
}
.ant-tabs .ant-tabs-top-content > .ant-tabs-tabpane-inactive,
.ant-tabs .ant-tabs-bottom-content > .ant-tabs-tabpane-inactive {
  height: 0;
  padding: 0 !important;
  overflow: hidden;
  opacity: 0;
  pointer-events: none;
}
.ant-tabs .ant-tabs-top-content > .ant-tabs-tabpane-inactive input,
.ant-tabs .ant-tabs-bottom-content > .ant-tabs-tabpane-inactive input {
  visibility: hidden;
}
.ant-tabs .ant-tabs-top-content.ant-tabs-content-animated,
.ant-tabs .ant-tabs-bottom-content.ant-tabs-content-animated {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
  -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);
  will-change: margin-left;
}
.ant-tabs .ant-tabs-left-bar,
.ant-tabs .ant-tabs-right-bar {
  height: 100%;
  border-bottom: 0;
}
.ant-tabs .ant-tabs-left-bar-tab-prev,
.ant-tabs .ant-tabs-right-bar-tab-prev,
.ant-tabs .ant-tabs-left-bar-tab-next,
.ant-tabs .ant-tabs-right-bar-tab-next {
  width: 32px;
  height: 0;
  -webkit-transition: height 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), opacity 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  -o-transition: height 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), opacity 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: height 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), opacity 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.ant-tabs .ant-tabs-left-bar-tab-prev.ant-tabs-tab-arrow-show,
.ant-tabs .ant-tabs-right-bar-tab-prev.ant-tabs-tab-arrow-show,
.ant-tabs .ant-tabs-left-bar-tab-next.ant-tabs-tab-arrow-show,
.ant-tabs .ant-tabs-right-bar-tab-next.ant-tabs-tab-arrow-show {
  width: 100%;
  height: 32px;
}
.ant-tabs .ant-tabs-left-bar .ant-tabs-tab,
.ant-tabs .ant-tabs-right-bar .ant-tabs-tab {
  display: block;
  float: none;
  margin: 0 0 16px 0;
  padding: 8px 24px;
}
.ant-tabs .ant-tabs-left-bar .ant-tabs-tab:last-child,
.ant-tabs .ant-tabs-right-bar .ant-tabs-tab:last-child {
  margin-bottom: 0;
}
.ant-tabs .ant-tabs-left-bar .ant-tabs-extra-content,
.ant-tabs .ant-tabs-right-bar .ant-tabs-extra-content {
  text-align: center;
}
.ant-tabs .ant-tabs-left-bar .ant-tabs-nav-scroll,
.ant-tabs .ant-tabs-right-bar .ant-tabs-nav-scroll {
  width: auto;
}
.ant-tabs .ant-tabs-left-bar .ant-tabs-nav-container,
.ant-tabs .ant-tabs-right-bar .ant-tabs-nav-container,
.ant-tabs .ant-tabs-left-bar .ant-tabs-nav-wrap,
.ant-tabs .ant-tabs-right-bar .ant-tabs-nav-wrap {
  height: 100%;
}
.ant-tabs .ant-tabs-left-bar .ant-tabs-nav-container,
.ant-tabs .ant-tabs-right-bar .ant-tabs-nav-container {
  margin-bottom: 0;
}
.ant-tabs .ant-tabs-left-bar .ant-tabs-nav-container.ant-tabs-nav-container-scrolling,
.ant-tabs .ant-tabs-right-bar .ant-tabs-nav-container.ant-tabs-nav-container-scrolling {
  padding: 32px 0;
}
.ant-tabs .ant-tabs-left-bar .ant-tabs-nav-wrap,
.ant-tabs .ant-tabs-right-bar .ant-tabs-nav-wrap {
  margin-bottom: 0;
}
.ant-tabs .ant-tabs-left-bar .ant-tabs-nav,
.ant-tabs .ant-tabs-right-bar .ant-tabs-nav {
  width: 100%;
}
.ant-tabs .ant-tabs-left-bar .ant-tabs-ink-bar,
.ant-tabs .ant-tabs-right-bar .ant-tabs-ink-bar {
  top: 0;
  bottom: auto;
  left: auto;
  width: 2px;
  height: auto;
}
.ant-tabs .ant-tabs-left-bar .ant-tabs-tab-next,
.ant-tabs .ant-tabs-right-bar .ant-tabs-tab-next {
  bottom: 0;
  width: 100%;
  height: 32px;
}
.ant-tabs .ant-tabs-left-bar .ant-tabs-tab-prev,
.ant-tabs .ant-tabs-right-bar .ant-tabs-tab-prev {
  top: 0;
  width: 100%;
  height: 32px;
}
.ant-tabs .ant-tabs-left-content,
.ant-tabs .ant-tabs-right-content {
  width: auto;
  margin-top: 0 !important;
  overflow: hidden;
}
.ant-tabs .ant-tabs-left-bar {
  float: left;
  margin-right: -1px;
  margin-bottom: 0;
  border-right: 1px solid #e9e9e9;
}
.ant-tabs .ant-tabs-left-bar .ant-tabs-tab {
  text-align: right;
}
.ant-tabs .ant-tabs-left-bar .ant-tabs-nav-container {
  margin-right: -1px;
}
.ant-tabs .ant-tabs-left-bar .ant-tabs-nav-wrap {
  margin-right: -1px;
}
.ant-tabs .ant-tabs-left-bar .ant-tabs-ink-bar {
  right: 1px;
}
.ant-tabs .ant-tabs-left-content {
  padding-left: 24px;
  border-left: 1px solid #e9e9e9;
}
.ant-tabs .ant-tabs-right-bar {
  float: right;
  margin-bottom: 0;
  margin-left: -1px;
  border-left: 1px solid #e9e9e9;
}
.ant-tabs .ant-tabs-right-bar .ant-tabs-nav-container {
  margin-left: -1px;
}
.ant-tabs .ant-tabs-right-bar .ant-tabs-nav-wrap {
  margin-left: -1px;
}
.ant-tabs .ant-tabs-right-bar .ant-tabs-ink-bar {
  left: 1px;
}
.ant-tabs .ant-tabs-right-content {
  padding-right: 24px;
  border-right: 1px solid #e9e9e9;
}
.ant-tabs-top .ant-tabs-ink-bar-animated,
.ant-tabs-bottom .ant-tabs-ink-bar-animated {
  -webkit-transition: width 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), left 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: width 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), left 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  -o-transition: transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), width 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), left 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), width 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), left 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), width 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), left 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.ant-tabs-left .ant-tabs-ink-bar-animated,
.ant-tabs-right .ant-tabs-ink-bar-animated {
  -webkit-transition: height 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), top 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: height 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), top 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  -o-transition: transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), height 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), top 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), height 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), top 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), height 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), top 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.no-flex > .ant-tabs-content > .ant-tabs-content-animated,
.ant-tabs-no-animation > .ant-tabs-content > .ant-tabs-content-animated {
  margin-left: 0 !important;
  -webkit-transform: none !important;
      -ms-transform: none !important;
          transform: none !important;
}
.no-flex > .ant-tabs-content > .ant-tabs-tabpane-inactive,
.ant-tabs-no-animation > .ant-tabs-content > .ant-tabs-tabpane-inactive {
  height: 0;
  padding: 0 !important;
  overflow: hidden;
  opacity: 0;
  pointer-events: none;
}
.no-flex > .ant-tabs-content > .ant-tabs-tabpane-inactive input,
.ant-tabs-no-animation > .ant-tabs-content > .ant-tabs-tabpane-inactive input {
  visibility: hidden;
}
.ant-tabs-left-content > .ant-tabs-content-animated,
.ant-tabs-right-content > .ant-tabs-content-animated {
  margin-left: 0 !important;
  -webkit-transform: none !important;
      -ms-transform: none !important;
          transform: none !important;
}
.ant-tabs-left-content > .ant-tabs-tabpane-inactive,
.ant-tabs-right-content > .ant-tabs-tabpane-inactive {
  height: 0;
  padding: 0 !important;
  overflow: hidden;
  opacity: 0;
  pointer-events: none;
}
.ant-tabs-left-content > .ant-tabs-tabpane-inactive input,
.ant-tabs-right-content > .ant-tabs-tabpane-inactive input {
  visibility: hidden;
}

.qt-channel-avatar {
  width: 38px;
  height: 38px; }

.qt-channel-avatar-lg {
  width: 40px;
  height: 40px; }

.qt-channel-avatar-sm {
  width: 24px;
  height: 24px; }

.radius-circle {
  border-radius: 50%; }

.radius-square {
  border-radius: 8px; }

.empty-content-container {
  width: 100%;
  font-size: 12px;
  color: #828992; }
  .empty-content-container img {
    width: 104px;
    margin-bottom: 20px; }
  .empty-content-container .empty-desc-text {
    max-width: 370px;
    font-size: 14px;
    color: #828992; }
    .empty-content-container .empty-desc-text .bottom-empty-text {
      font-size: 12px;
      color: #aaafb5;
      margin-left: 65px;
      margin-right: 65px;
      margin-top: 5px; }

.list-load-failed-tip {
  width: 100%;
  margin-top: 75px;
  text-align: center; }
  .list-load-failed-tip .wrap {
    display: inline-block; }
    .list-load-failed-tip .wrap .img {
      margin-bottom: 0px; }
      .list-load-failed-tip .wrap .img > img {
        width: 150px; }
    .list-load-failed-tip .wrap .text {
      font-size: 13px;
      color: #828992; }
      .list-load-failed-tip .wrap .text .retry {
        margin-left: 5px;
        color: #00acdc;
        cursor: pointer; }

.is-loading {
  display: inline-block;
  -webkit-transform: scale(0.3) !important;
      -ms-transform: scale(0.3) !important;
          transform: scale(0.3) !important; }

.loading-component {
  position: absolute !important;
  left: calc(50% - 7.5px);
  width: 10px !important;
  height: 10px !important;
  margin: 0 !important;
  font-size: 15px;
  -webkit-transform: none !important;
      -ms-transform: none !important;
          transform: none !important; }

.center-loading {
  top: calc(50% - 7.5px);
  width: 247px;
  color: '#B4B4BD';
  text-align: center; }

.bottom-loading {
  bottom: 0 !important;
  width: 247px;
  color: '#B4B4BD';
  text-align: center; }

.loading-more-div {
  width: 300px;
  text-align: center; }

.search-input {
  border: none;
  outline: none; }
  .search-input .ant-input {
    height: 26px !important;
    padding-top: 5px !important;
    padding-right: 18px !important;
    font-size: 12px !important;
    background: #eaedf1;
    border: none !important;
    border-radius: 13px !important; }
  .search-input input {
    padding-right: 30px !important;
    border-radius: 5px; }
  .search-input .icon-background {
    vertical-align: middle;
    cursor: pointer; }
  .search-input .search-icon-search {
    font-size: 13px;
    line-height: 26px;
    color: #b9b9b9; }
  .search-input .search-spin {
    display: inline-block;
    margin-right: 2px;
    font-size: 13px;
    vertical-align: middle;
    -webkit-transform: scale(0.2);
        -ms-transform: scale(0.2);
            transform: scale(0.2); }
  .search-input .qt-icon-search {
    position: relative;
    left: 4px;
    font-size: 12px;
    color: #828992; }

.qt-avatar {
  width: 32px;
  height: 32px;
  border-radius: 50%; }

.qt-avatar-lg {
  width: 40px;
  height: 40px;
  border-radius: 50%; }

.qt-avatar-sm {
  width: 24px;
  height: 24px;
  border-radius: 50%; }

.qt-avatar-middle {
  width: 36px;
  height: 36px;
  border-radius: 50%; }

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
.ant-breadcrumb {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.65);
  font-variant: tabular-nums;
  line-height: 1.5;
  list-style: none;
  -webkit-font-feature-settings: 'tnum';
          font-feature-settings: 'tnum';
  color: rgba(0, 0, 0, 0.45);
  font-size: 12px;
}
.ant-breadcrumb .anticon {
  font-size: 12px;
}
.ant-breadcrumb a {
  color: rgba(0, 0, 0, 0.45);
  -webkit-transition: color 0.3s;
  -o-transition: color 0.3s;
  transition: color 0.3s;
}
.ant-breadcrumb a:hover {
  color: #ff9173;
}
.ant-breadcrumb > span:last-child {
  color: rgba(0, 0, 0, 0.65);
}
.ant-breadcrumb > span:last-child .ant-breadcrumb-separator {
  display: none;
}
.ant-breadcrumb-separator {
  margin: 0 8px;
  color: rgba(0, 0, 0, 0.45);
}
.ant-breadcrumb-link > .anticon + span {
  margin-left: 4px;
}
.ant-breadcrumb-overlay-link > .anticon {
  margin-left: 4px;
}

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
.ant-menu {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: 0;
  padding: 0;
  font-size: 12px;
  font-variant: tabular-nums;
  line-height: 1.5;
  -webkit-font-feature-settings: 'tnum';
          font-feature-settings: 'tnum';
  margin-bottom: 0;
  padding-left: 0;
  color: rgba(0, 0, 0, 0.65);
  line-height: 0;
  list-style: none;
  background: #fff;
  outline: none;
  -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
          box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
  -webkit-transition: background 0.3s, width 0.2s;
  -o-transition: background 0.3s, width 0.2s;
  transition: background 0.3s, width 0.2s;
  zoom: 1;
}
.ant-menu::before,
.ant-menu::after {
  display: table;
  content: '';
}
.ant-menu::after {
  clear: both;
}
.ant-menu ul,
.ant-menu ol {
  margin: 0;
  padding: 0;
  list-style: none;
}
.ant-menu-hidden {
  display: none;
}
.ant-menu-item-group-title {
  padding: 8px 16px;
  color: rgba(0, 0, 0, 0.45);
  font-size: 12px;
  line-height: 1.5;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.ant-menu-submenu,
.ant-menu-submenu-inline {
  -webkit-transition: border-color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), background 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), padding 0.15s cubic-bezier(0.645, 0.045, 0.355, 1);
  -o-transition: border-color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), background 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), padding 0.15s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: border-color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), background 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), padding 0.15s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.ant-menu-item:active,
.ant-menu-submenu-title:active {
  background: #fff5f0;
}
.ant-menu-submenu .ant-menu-sub {
  cursor: initial;
  -webkit-transition: background 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), padding 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  -o-transition: background 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), padding 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: background 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), padding 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.ant-menu-item > a {
  display: block;
  color: rgba(0, 0, 0, 0.65);
}
.ant-menu-item > a:hover {
  color: #FE6A49;
}
.ant-menu-item > a::before {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: transparent;
  content: '';
}
.ant-menu-item-divider {
  height: 1px;
  overflow: hidden;
  line-height: 0;
  background-color: #e9e9e9;
}
.ant-menu-item:hover,
.ant-menu-item-active,
.ant-menu:not(.ant-menu-inline) .ant-menu-submenu-open,
.ant-menu-submenu-active,
.ant-menu-submenu-title:hover {
  color: #FE6A49;
}
.ant-menu-horizontal .ant-menu-item,
.ant-menu-horizontal .ant-menu-submenu {
  margin-top: -1px;
}
.ant-menu-horizontal > .ant-menu-item:hover,
.ant-menu-horizontal > .ant-menu-item-active,
.ant-menu-horizontal > .ant-menu-submenu .ant-menu-submenu-title:hover {
  background-color: transparent;
}
.ant-menu-item-selected {
  color: #FE6A49;
}
.ant-menu-item-selected > a,
.ant-menu-item-selected > a:hover {
  color: #FE6A49;
}
.ant-menu:not(.ant-menu-horizontal) .ant-menu-item-selected {
  background-color: #fff5f0;
}
.ant-menu-inline,
.ant-menu-vertical,
.ant-menu-vertical-left {
  border-right: 1px solid #e9e9e9;
}
.ant-menu-vertical-right {
  border-left: 1px solid #e9e9e9;
}
.ant-menu-vertical.ant-menu-sub,
.ant-menu-vertical-left.ant-menu-sub,
.ant-menu-vertical-right.ant-menu-sub {
  min-width: 160px;
  padding: 0;
  border-right: 0;
  -webkit-transform-origin: 0 0;
      -ms-transform-origin: 0 0;
          transform-origin: 0 0;
}
.ant-menu-vertical.ant-menu-sub .ant-menu-item,
.ant-menu-vertical-left.ant-menu-sub .ant-menu-item,
.ant-menu-vertical-right.ant-menu-sub .ant-menu-item {
  left: 0;
  margin-left: 0;
  border-right: 0;
}
.ant-menu-vertical.ant-menu-sub .ant-menu-item::after,
.ant-menu-vertical-left.ant-menu-sub .ant-menu-item::after,
.ant-menu-vertical-right.ant-menu-sub .ant-menu-item::after {
  border-right: 0;
}
.ant-menu-vertical.ant-menu-sub > .ant-menu-item,
.ant-menu-vertical-left.ant-menu-sub > .ant-menu-item,
.ant-menu-vertical-right.ant-menu-sub > .ant-menu-item,
.ant-menu-vertical.ant-menu-sub > .ant-menu-submenu,
.ant-menu-vertical-left.ant-menu-sub > .ant-menu-submenu,
.ant-menu-vertical-right.ant-menu-sub > .ant-menu-submenu {
  -webkit-transform-origin: 0 0;
      -ms-transform-origin: 0 0;
          transform-origin: 0 0;
}
.ant-menu-horizontal.ant-menu-sub {
  min-width: 114px;
}
.ant-menu-item,
.ant-menu-submenu-title {
  position: relative;
  display: block;
  margin: 0;
  padding: 0 20px;
  white-space: nowrap;
  cursor: pointer;
  -webkit-transition: color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), border-color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), background 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), padding 0.15s cubic-bezier(0.645, 0.045, 0.355, 1);
  -o-transition: color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), border-color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), background 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), padding 0.15s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), border-color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), background 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), padding 0.15s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.ant-menu-item .anticon,
.ant-menu-submenu-title .anticon {
  min-width: 14px;
  margin-right: 10px;
  font-size: 12px;
  -webkit-transition: font-size 0.15s cubic-bezier(0.215, 0.61, 0.355, 1), margin 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  -o-transition: font-size 0.15s cubic-bezier(0.215, 0.61, 0.355, 1), margin 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: font-size 0.15s cubic-bezier(0.215, 0.61, 0.355, 1), margin 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.ant-menu-item .anticon + span,
.ant-menu-submenu-title .anticon + span {
  opacity: 1;
  -webkit-transition: opacity 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), width 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  -o-transition: opacity 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), width 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: opacity 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), width 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.ant-menu > .ant-menu-item-divider {
  height: 1px;
  margin: 1px 0;
  padding: 0;
  overflow: hidden;
  line-height: 0;
  background-color: #e9e9e9;
}
.ant-menu-submenu-popup {
  position: absolute;
  z-index: 1050;
  background: #fff;
  border-radius: 4px;
}
.ant-menu-submenu-popup .submenu-title-wrapper {
  padding-right: 20px;
}
.ant-menu-submenu-popup::before {
  position: absolute;
  top: -7px;
  right: 0;
  bottom: 0;
  left: 0;
  opacity: 0.0001;
  content: ' ';
}
.ant-menu-submenu > .ant-menu {
  background-color: #fff;
  border-radius: 4px;
}
.ant-menu-submenu > .ant-menu-submenu-title::after {
  -webkit-transition: -webkit-transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: -webkit-transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  -o-transition: transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.ant-menu-submenu-vertical > .ant-menu-submenu-title .ant-menu-submenu-arrow,
.ant-menu-submenu-vertical-left > .ant-menu-submenu-title .ant-menu-submenu-arrow,
.ant-menu-submenu-vertical-right > .ant-menu-submenu-title .ant-menu-submenu-arrow,
.ant-menu-submenu-inline > .ant-menu-submenu-title .ant-menu-submenu-arrow {
  position: absolute;
  top: 50%;
  right: 16px;
  width: 10px;
  -webkit-transition: -webkit-transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: -webkit-transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  -o-transition: transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.ant-menu-submenu-vertical > .ant-menu-submenu-title .ant-menu-submenu-arrow::before,
.ant-menu-submenu-vertical-left > .ant-menu-submenu-title .ant-menu-submenu-arrow::before,
.ant-menu-submenu-vertical-right > .ant-menu-submenu-title .ant-menu-submenu-arrow::before,
.ant-menu-submenu-inline > .ant-menu-submenu-title .ant-menu-submenu-arrow::before,
.ant-menu-submenu-vertical > .ant-menu-submenu-title .ant-menu-submenu-arrow::after,
.ant-menu-submenu-vertical-left > .ant-menu-submenu-title .ant-menu-submenu-arrow::after,
.ant-menu-submenu-vertical-right > .ant-menu-submenu-title .ant-menu-submenu-arrow::after,
.ant-menu-submenu-inline > .ant-menu-submenu-title .ant-menu-submenu-arrow::after {
  position: absolute;
  width: 6px;
  height: 1.5px;
  background: #fff;
  background: rgba(0, 0, 0, 0.65) \9;
  background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.65)), to(rgba(0, 0, 0, 0.65)));
  background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.65), rgba(0, 0, 0, 0.65));
  background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.65), rgba(0, 0, 0, 0.65));
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.65), rgba(0, 0, 0, 0.65));
  background-image: none \9;
  border-radius: 2px;
  -webkit-transition: background 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), top 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: background 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), top 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  -o-transition: background 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), top 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: background 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), top 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: background 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), top 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  content: '';
}
.ant-menu-submenu-vertical > .ant-menu-submenu-title .ant-menu-submenu-arrow::before,
.ant-menu-submenu-vertical-left > .ant-menu-submenu-title .ant-menu-submenu-arrow::before,
.ant-menu-submenu-vertical-right > .ant-menu-submenu-title .ant-menu-submenu-arrow::before,
.ant-menu-submenu-inline > .ant-menu-submenu-title .ant-menu-submenu-arrow::before {
  -webkit-transform: rotate(45deg) translateY(-2px);
      -ms-transform: rotate(45deg) translateY(-2px);
          transform: rotate(45deg) translateY(-2px);
}
.ant-menu-submenu-vertical > .ant-menu-submenu-title .ant-menu-submenu-arrow::after,
.ant-menu-submenu-vertical-left > .ant-menu-submenu-title .ant-menu-submenu-arrow::after,
.ant-menu-submenu-vertical-right > .ant-menu-submenu-title .ant-menu-submenu-arrow::after,
.ant-menu-submenu-inline > .ant-menu-submenu-title .ant-menu-submenu-arrow::after {
  -webkit-transform: rotate(-45deg) translateY(2px);
      -ms-transform: rotate(-45deg) translateY(2px);
          transform: rotate(-45deg) translateY(2px);
}
.ant-menu-submenu-vertical > .ant-menu-submenu-title:hover .ant-menu-submenu-arrow::after,
.ant-menu-submenu-vertical-left > .ant-menu-submenu-title:hover .ant-menu-submenu-arrow::after,
.ant-menu-submenu-vertical-right > .ant-menu-submenu-title:hover .ant-menu-submenu-arrow::after,
.ant-menu-submenu-inline > .ant-menu-submenu-title:hover .ant-menu-submenu-arrow::after,
.ant-menu-submenu-vertical > .ant-menu-submenu-title:hover .ant-menu-submenu-arrow::before,
.ant-menu-submenu-vertical-left > .ant-menu-submenu-title:hover .ant-menu-submenu-arrow::before,
.ant-menu-submenu-vertical-right > .ant-menu-submenu-title:hover .ant-menu-submenu-arrow::before,
.ant-menu-submenu-inline > .ant-menu-submenu-title:hover .ant-menu-submenu-arrow::before {
  background: -webkit-gradient(linear, left top, right top, from(#FE6A49), to(#FE6A49));
  background: -webkit-linear-gradient(left, #FE6A49, #FE6A49);
  background: -o-linear-gradient(left, #FE6A49, #FE6A49);
  background: linear-gradient(to right, #FE6A49, #FE6A49);
}
.ant-menu-submenu-inline > .ant-menu-submenu-title .ant-menu-submenu-arrow::before {
  -webkit-transform: rotate(-45deg) translateX(2px);
      -ms-transform: rotate(-45deg) translateX(2px);
          transform: rotate(-45deg) translateX(2px);
}
.ant-menu-submenu-inline > .ant-menu-submenu-title .ant-menu-submenu-arrow::after {
  -webkit-transform: rotate(45deg) translateX(-2px);
      -ms-transform: rotate(45deg) translateX(-2px);
          transform: rotate(45deg) translateX(-2px);
}
.ant-menu-submenu-open.ant-menu-submenu-inline > .ant-menu-submenu-title .ant-menu-submenu-arrow {
  -webkit-transform: translateY(-2px);
      -ms-transform: translateY(-2px);
          transform: translateY(-2px);
}
.ant-menu-submenu-open.ant-menu-submenu-inline > .ant-menu-submenu-title .ant-menu-submenu-arrow::after {
  -webkit-transform: rotate(-45deg) translateX(-2px);
      -ms-transform: rotate(-45deg) translateX(-2px);
          transform: rotate(-45deg) translateX(-2px);
}
.ant-menu-submenu-open.ant-menu-submenu-inline > .ant-menu-submenu-title .ant-menu-submenu-arrow::before {
  -webkit-transform: rotate(45deg) translateX(2px);
      -ms-transform: rotate(45deg) translateX(2px);
          transform: rotate(45deg) translateX(2px);
}
.ant-menu-vertical .ant-menu-submenu-selected,
.ant-menu-vertical-left .ant-menu-submenu-selected,
.ant-menu-vertical-right .ant-menu-submenu-selected {
  color: #FE6A49;
}
.ant-menu-vertical .ant-menu-submenu-selected > a,
.ant-menu-vertical-left .ant-menu-submenu-selected > a,
.ant-menu-vertical-right .ant-menu-submenu-selected > a {
  color: #FE6A49;
}
.ant-menu-horizontal {
  line-height: 46px;
  white-space: nowrap;
  border: 0;
  border-bottom: 1px solid #e9e9e9;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.ant-menu-horizontal > .ant-menu-item,
.ant-menu-horizontal > .ant-menu-submenu {
  position: relative;
  top: 1px;
  display: inline-block;
  vertical-align: bottom;
  border-bottom: 2px solid transparent;
}
.ant-menu-horizontal > .ant-menu-item:hover,
.ant-menu-horizontal > .ant-menu-submenu:hover,
.ant-menu-horizontal > .ant-menu-item-active,
.ant-menu-horizontal > .ant-menu-submenu-active,
.ant-menu-horizontal > .ant-menu-item-open,
.ant-menu-horizontal > .ant-menu-submenu-open,
.ant-menu-horizontal > .ant-menu-item-selected,
.ant-menu-horizontal > .ant-menu-submenu-selected {
  color: #FE6A49;
  border-bottom: 2px solid #FE6A49;
}
.ant-menu-horizontal > .ant-menu-item > a {
  display: block;
  color: rgba(0, 0, 0, 0.65);
}
.ant-menu-horizontal > .ant-menu-item > a:hover {
  color: #FE6A49;
}
.ant-menu-horizontal > .ant-menu-item > a::before {
  bottom: -2px;
}
.ant-menu-horizontal > .ant-menu-item-selected > a {
  color: #FE6A49;
}
.ant-menu-horizontal::after {
  display: block;
  clear: both;
  height: 0;
  content: ' ';
}
.ant-menu-vertical .ant-menu-item,
.ant-menu-vertical-left .ant-menu-item,
.ant-menu-vertical-right .ant-menu-item,
.ant-menu-inline .ant-menu-item {
  position: relative;
}
.ant-menu-vertical .ant-menu-item::after,
.ant-menu-vertical-left .ant-menu-item::after,
.ant-menu-vertical-right .ant-menu-item::after,
.ant-menu-inline .ant-menu-item::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  border-right: 3px solid #FE6A49;
  -webkit-transform: scaleY(0.0001);
      -ms-transform: scaleY(0.0001);
          transform: scaleY(0.0001);
  opacity: 0;
  -webkit-transition: opacity 0.15s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.15s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: opacity 0.15s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.15s cubic-bezier(0.215, 0.61, 0.355, 1);
  -o-transition: transform 0.15s cubic-bezier(0.215, 0.61, 0.355, 1), opacity 0.15s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: transform 0.15s cubic-bezier(0.215, 0.61, 0.355, 1), opacity 0.15s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: transform 0.15s cubic-bezier(0.215, 0.61, 0.355, 1), opacity 0.15s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.15s cubic-bezier(0.215, 0.61, 0.355, 1);
  content: '';
}
.ant-menu-vertical .ant-menu-item,
.ant-menu-vertical-left .ant-menu-item,
.ant-menu-vertical-right .ant-menu-item,
.ant-menu-inline .ant-menu-item,
.ant-menu-vertical .ant-menu-submenu-title,
.ant-menu-vertical-left .ant-menu-submenu-title,
.ant-menu-vertical-right .ant-menu-submenu-title,
.ant-menu-inline .ant-menu-submenu-title {
  height: 40px;
  margin-top: 4px;
  margin-bottom: 4px;
  padding: 0 16px;
  overflow: hidden;
  font-size: 12px;
  line-height: 40px;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
}
.ant-menu-vertical .ant-menu-submenu,
.ant-menu-vertical-left .ant-menu-submenu,
.ant-menu-vertical-right .ant-menu-submenu,
.ant-menu-inline .ant-menu-submenu {
  padding-bottom: 0.01px;
}
.ant-menu-vertical .ant-menu-item:not(:last-child),
.ant-menu-vertical-left .ant-menu-item:not(:last-child),
.ant-menu-vertical-right .ant-menu-item:not(:last-child),
.ant-menu-inline .ant-menu-item:not(:last-child) {
  margin-bottom: 8px;
}
.ant-menu-vertical > .ant-menu-item,
.ant-menu-vertical-left > .ant-menu-item,
.ant-menu-vertical-right > .ant-menu-item,
.ant-menu-inline > .ant-menu-item,
.ant-menu-vertical > .ant-menu-submenu > .ant-menu-submenu-title,
.ant-menu-vertical-left > .ant-menu-submenu > .ant-menu-submenu-title,
.ant-menu-vertical-right > .ant-menu-submenu > .ant-menu-submenu-title,
.ant-menu-inline > .ant-menu-submenu > .ant-menu-submenu-title {
  height: 40px;
  line-height: 40px;
}
.ant-menu-inline {
  width: 100%;
}
.ant-menu-inline .ant-menu-selected::after,
.ant-menu-inline .ant-menu-item-selected::after {
  -webkit-transform: scaleY(1);
      -ms-transform: scaleY(1);
          transform: scaleY(1);
  opacity: 1;
  -webkit-transition: opacity 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: opacity 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1);
  -o-transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), opacity 0.15s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), opacity 0.15s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), opacity 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.ant-menu-inline .ant-menu-item,
.ant-menu-inline .ant-menu-submenu-title {
  width: calc(100% + 1px);
}
.ant-menu-inline .ant-menu-submenu-title {
  padding-right: 34px;
}
.ant-menu-inline-collapsed {
  width: 80px;
}
.ant-menu-inline-collapsed > .ant-menu-item,
.ant-menu-inline-collapsed > .ant-menu-item-group > .ant-menu-item-group-list > .ant-menu-item,
.ant-menu-inline-collapsed > .ant-menu-item-group > .ant-menu-item-group-list > .ant-menu-submenu > .ant-menu-submenu-title,
.ant-menu-inline-collapsed > .ant-menu-submenu > .ant-menu-submenu-title {
  left: 0;
  padding: 0 32px !important;
  -o-text-overflow: clip;
     text-overflow: clip;
}
.ant-menu-inline-collapsed > .ant-menu-item .ant-menu-submenu-arrow,
.ant-menu-inline-collapsed > .ant-menu-item-group > .ant-menu-item-group-list > .ant-menu-item .ant-menu-submenu-arrow,
.ant-menu-inline-collapsed > .ant-menu-item-group > .ant-menu-item-group-list > .ant-menu-submenu > .ant-menu-submenu-title .ant-menu-submenu-arrow,
.ant-menu-inline-collapsed > .ant-menu-submenu > .ant-menu-submenu-title .ant-menu-submenu-arrow {
  display: none;
}
.ant-menu-inline-collapsed > .ant-menu-item .anticon,
.ant-menu-inline-collapsed > .ant-menu-item-group > .ant-menu-item-group-list > .ant-menu-item .anticon,
.ant-menu-inline-collapsed > .ant-menu-item-group > .ant-menu-item-group-list > .ant-menu-submenu > .ant-menu-submenu-title .anticon,
.ant-menu-inline-collapsed > .ant-menu-submenu > .ant-menu-submenu-title .anticon {
  margin: 0;
  font-size: 16px;
  line-height: 40px;
}
.ant-menu-inline-collapsed > .ant-menu-item .anticon + span,
.ant-menu-inline-collapsed > .ant-menu-item-group > .ant-menu-item-group-list > .ant-menu-item .anticon + span,
.ant-menu-inline-collapsed > .ant-menu-item-group > .ant-menu-item-group-list > .ant-menu-submenu > .ant-menu-submenu-title .anticon + span,
.ant-menu-inline-collapsed > .ant-menu-submenu > .ant-menu-submenu-title .anticon + span {
  display: inline-block;
  max-width: 0;
  opacity: 0;
}
.ant-menu-inline-collapsed-tooltip {
  pointer-events: none;
}
.ant-menu-inline-collapsed-tooltip .anticon {
  display: none;
}
.ant-menu-inline-collapsed-tooltip a {
  color: rgba(255, 255, 255, 0.85);
}
.ant-menu-inline-collapsed .ant-menu-item-group-title {
  padding-right: 4px;
  padding-left: 4px;
  overflow: hidden;
  white-space: nowrap;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
}
.ant-menu-item-group-list {
  margin: 0;
  padding: 0;
}
.ant-menu-item-group-list .ant-menu-item,
.ant-menu-item-group-list .ant-menu-submenu-title {
  padding: 0 16px 0 28px;
}
.ant-menu-root.ant-menu-vertical,
.ant-menu-root.ant-menu-vertical-left,
.ant-menu-root.ant-menu-vertical-right,
.ant-menu-root.ant-menu-inline {
  -webkit-box-shadow: none;
          box-shadow: none;
}
.ant-menu-sub.ant-menu-inline {
  padding: 0;
  border: 0;
  border-radius: 0;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.ant-menu-sub.ant-menu-inline > .ant-menu-item,
.ant-menu-sub.ant-menu-inline > .ant-menu-submenu > .ant-menu-submenu-title {
  height: 40px;
  line-height: 40px;
  list-style-position: inside;
  list-style-type: disc;
}
.ant-menu-sub.ant-menu-inline .ant-menu-item-group-title {
  padding-left: 32px;
}
.ant-menu-item-disabled,
.ant-menu-submenu-disabled {
  color: rgba(0, 0, 0, 0.25) !important;
  background: none;
  border-color: transparent !important;
  cursor: not-allowed;
}
.ant-menu-item-disabled > a,
.ant-menu-submenu-disabled > a {
  color: rgba(0, 0, 0, 0.25) !important;
  pointer-events: none;
}
.ant-menu-item-disabled > .ant-menu-submenu-title,
.ant-menu-submenu-disabled > .ant-menu-submenu-title {
  color: rgba(0, 0, 0, 0.25) !important;
  cursor: not-allowed;
}
.ant-menu-item-disabled > .ant-menu-submenu-title > .ant-menu-submenu-arrow::before,
.ant-menu-submenu-disabled > .ant-menu-submenu-title > .ant-menu-submenu-arrow::before,
.ant-menu-item-disabled > .ant-menu-submenu-title > .ant-menu-submenu-arrow::after,
.ant-menu-submenu-disabled > .ant-menu-submenu-title > .ant-menu-submenu-arrow::after {
  background: rgba(0, 0, 0, 0.25) !important;
}
.ant-menu-dark,
.ant-menu-dark .ant-menu-sub {
  color: rgba(255, 255, 255, 0.65);
  background: #001529;
}
.ant-menu-dark .ant-menu-submenu-title .ant-menu-submenu-arrow,
.ant-menu-dark .ant-menu-sub .ant-menu-submenu-title .ant-menu-submenu-arrow {
  opacity: 0.45;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.ant-menu-dark .ant-menu-submenu-title .ant-menu-submenu-arrow::after,
.ant-menu-dark .ant-menu-sub .ant-menu-submenu-title .ant-menu-submenu-arrow::after,
.ant-menu-dark .ant-menu-submenu-title .ant-menu-submenu-arrow::before,
.ant-menu-dark .ant-menu-sub .ant-menu-submenu-title .ant-menu-submenu-arrow::before {
  background: #fff;
}
.ant-menu-dark.ant-menu-submenu-popup {
  background: transparent;
}
.ant-menu-dark .ant-menu-inline.ant-menu-sub {
  background: #000c17;
  -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.45) inset;
          box-shadow: 0 2px 8px rgba(0, 0, 0, 0.45) inset;
}
.ant-menu-dark.ant-menu-horizontal {
  border-bottom: 0;
}
.ant-menu-dark.ant-menu-horizontal > .ant-menu-item,
.ant-menu-dark.ant-menu-horizontal > .ant-menu-submenu {
  top: 0;
  margin-top: 0;
  border-color: #001529;
  border-bottom: 0;
}
.ant-menu-dark.ant-menu-horizontal > .ant-menu-item > a::before {
  bottom: 0;
}
.ant-menu-dark .ant-menu-item,
.ant-menu-dark .ant-menu-item-group-title,
.ant-menu-dark .ant-menu-item > a {
  color: rgba(255, 255, 255, 0.65);
}
.ant-menu-dark.ant-menu-inline,
.ant-menu-dark.ant-menu-vertical,
.ant-menu-dark.ant-menu-vertical-left,
.ant-menu-dark.ant-menu-vertical-right {
  border-right: 0;
}
.ant-menu-dark.ant-menu-inline .ant-menu-item,
.ant-menu-dark.ant-menu-vertical .ant-menu-item,
.ant-menu-dark.ant-menu-vertical-left .ant-menu-item,
.ant-menu-dark.ant-menu-vertical-right .ant-menu-item {
  left: 0;
  margin-left: 0;
  border-right: 0;
}
.ant-menu-dark.ant-menu-inline .ant-menu-item::after,
.ant-menu-dark.ant-menu-vertical .ant-menu-item::after,
.ant-menu-dark.ant-menu-vertical-left .ant-menu-item::after,
.ant-menu-dark.ant-menu-vertical-right .ant-menu-item::after {
  border-right: 0;
}
.ant-menu-dark.ant-menu-inline .ant-menu-item,
.ant-menu-dark.ant-menu-inline .ant-menu-submenu-title {
  width: 100%;
}
.ant-menu-dark .ant-menu-item:hover,
.ant-menu-dark .ant-menu-item-active,
.ant-menu-dark .ant-menu-submenu-active,
.ant-menu-dark .ant-menu-submenu-open,
.ant-menu-dark .ant-menu-submenu-selected,
.ant-menu-dark .ant-menu-submenu-title:hover {
  color: #fff;
  background-color: transparent;
}
.ant-menu-dark .ant-menu-item:hover > a,
.ant-menu-dark .ant-menu-item-active > a,
.ant-menu-dark .ant-menu-submenu-active > a,
.ant-menu-dark .ant-menu-submenu-open > a,
.ant-menu-dark .ant-menu-submenu-selected > a,
.ant-menu-dark .ant-menu-submenu-title:hover > a {
  color: #fff;
}
.ant-menu-dark .ant-menu-item:hover > .ant-menu-submenu-title > .ant-menu-submenu-arrow,
.ant-menu-dark .ant-menu-item-active > .ant-menu-submenu-title > .ant-menu-submenu-arrow,
.ant-menu-dark .ant-menu-submenu-active > .ant-menu-submenu-title > .ant-menu-submenu-arrow,
.ant-menu-dark .ant-menu-submenu-open > .ant-menu-submenu-title > .ant-menu-submenu-arrow,
.ant-menu-dark .ant-menu-submenu-selected > .ant-menu-submenu-title > .ant-menu-submenu-arrow,
.ant-menu-dark .ant-menu-submenu-title:hover > .ant-menu-submenu-title > .ant-menu-submenu-arrow,
.ant-menu-dark .ant-menu-item:hover > .ant-menu-submenu-title:hover > .ant-menu-submenu-arrow,
.ant-menu-dark .ant-menu-item-active > .ant-menu-submenu-title:hover > .ant-menu-submenu-arrow,
.ant-menu-dark .ant-menu-submenu-active > .ant-menu-submenu-title:hover > .ant-menu-submenu-arrow,
.ant-menu-dark .ant-menu-submenu-open > .ant-menu-submenu-title:hover > .ant-menu-submenu-arrow,
.ant-menu-dark .ant-menu-submenu-selected > .ant-menu-submenu-title:hover > .ant-menu-submenu-arrow,
.ant-menu-dark .ant-menu-submenu-title:hover > .ant-menu-submenu-title:hover > .ant-menu-submenu-arrow {
  opacity: 1;
}
.ant-menu-dark .ant-menu-item:hover > .ant-menu-submenu-title > .ant-menu-submenu-arrow::after,
.ant-menu-dark .ant-menu-item-active > .ant-menu-submenu-title > .ant-menu-submenu-arrow::after,
.ant-menu-dark .ant-menu-submenu-active > .ant-menu-submenu-title > .ant-menu-submenu-arrow::after,
.ant-menu-dark .ant-menu-submenu-open > .ant-menu-submenu-title > .ant-menu-submenu-arrow::after,
.ant-menu-dark .ant-menu-submenu-selected > .ant-menu-submenu-title > .ant-menu-submenu-arrow::after,
.ant-menu-dark .ant-menu-submenu-title:hover > .ant-menu-submenu-title > .ant-menu-submenu-arrow::after,
.ant-menu-dark .ant-menu-item:hover > .ant-menu-submenu-title:hover > .ant-menu-submenu-arrow::after,
.ant-menu-dark .ant-menu-item-active > .ant-menu-submenu-title:hover > .ant-menu-submenu-arrow::after,
.ant-menu-dark .ant-menu-submenu-active > .ant-menu-submenu-title:hover > .ant-menu-submenu-arrow::after,
.ant-menu-dark .ant-menu-submenu-open > .ant-menu-submenu-title:hover > .ant-menu-submenu-arrow::after,
.ant-menu-dark .ant-menu-submenu-selected > .ant-menu-submenu-title:hover > .ant-menu-submenu-arrow::after,
.ant-menu-dark .ant-menu-submenu-title:hover > .ant-menu-submenu-title:hover > .ant-menu-submenu-arrow::after,
.ant-menu-dark .ant-menu-item:hover > .ant-menu-submenu-title > .ant-menu-submenu-arrow::before,
.ant-menu-dark .ant-menu-item-active > .ant-menu-submenu-title > .ant-menu-submenu-arrow::before,
.ant-menu-dark .ant-menu-submenu-active > .ant-menu-submenu-title > .ant-menu-submenu-arrow::before,
.ant-menu-dark .ant-menu-submenu-open > .ant-menu-submenu-title > .ant-menu-submenu-arrow::before,
.ant-menu-dark .ant-menu-submenu-selected > .ant-menu-submenu-title > .ant-menu-submenu-arrow::before,
.ant-menu-dark .ant-menu-submenu-title:hover > .ant-menu-submenu-title > .ant-menu-submenu-arrow::before,
.ant-menu-dark .ant-menu-item:hover > .ant-menu-submenu-title:hover > .ant-menu-submenu-arrow::before,
.ant-menu-dark .ant-menu-item-active > .ant-menu-submenu-title:hover > .ant-menu-submenu-arrow::before,
.ant-menu-dark .ant-menu-submenu-active > .ant-menu-submenu-title:hover > .ant-menu-submenu-arrow::before,
.ant-menu-dark .ant-menu-submenu-open > .ant-menu-submenu-title:hover > .ant-menu-submenu-arrow::before,
.ant-menu-dark .ant-menu-submenu-selected > .ant-menu-submenu-title:hover > .ant-menu-submenu-arrow::before,
.ant-menu-dark .ant-menu-submenu-title:hover > .ant-menu-submenu-title:hover > .ant-menu-submenu-arrow::before {
  background: #fff;
}
.ant-menu-dark .ant-menu-item-selected {
  color: #fff;
  border-right: 0;
}
.ant-menu-dark .ant-menu-item-selected::after {
  border-right: 0;
}
.ant-menu-dark .ant-menu-item-selected > a,
.ant-menu-dark .ant-menu-item-selected > a:hover {
  color: #fff;
}
.ant-menu.ant-menu-dark .ant-menu-item-selected,
.ant-menu-submenu-popup.ant-menu-dark .ant-menu-item-selected {
  background-color: #FE6A49;
}
.ant-menu-dark .ant-menu-item-disabled,
.ant-menu-dark .ant-menu-submenu-disabled,
.ant-menu-dark .ant-menu-item-disabled > a,
.ant-menu-dark .ant-menu-submenu-disabled > a {
  color: rgba(255, 255, 255, 0.35) !important;
  opacity: 0.8;
}
.ant-menu-dark .ant-menu-item-disabled > .ant-menu-submenu-title,
.ant-menu-dark .ant-menu-submenu-disabled > .ant-menu-submenu-title {
  color: rgba(255, 255, 255, 0.35) !important;
}
.ant-menu-dark .ant-menu-item-disabled > .ant-menu-submenu-title > .ant-menu-submenu-arrow::before,
.ant-menu-dark .ant-menu-submenu-disabled > .ant-menu-submenu-title > .ant-menu-submenu-arrow::before,
.ant-menu-dark .ant-menu-item-disabled > .ant-menu-submenu-title > .ant-menu-submenu-arrow::after,
.ant-menu-dark .ant-menu-submenu-disabled > .ant-menu-submenu-title > .ant-menu-submenu-arrow::after {
  background: rgba(255, 255, 255, 0.35) !important;
}

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
.ant-tooltip {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.65);
  font-size: 12px;
  font-variant: tabular-nums;
  line-height: 1.5;
  list-style: none;
  -webkit-font-feature-settings: 'tnum';
          font-feature-settings: 'tnum';
  position: absolute;
  z-index: 1060;
  display: block;
  max-width: 250px;
  visibility: visible;
}
.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 {
  min-width: 30px;
  min-height: 32px;
  padding: 6px 8px;
  color: rgba(0, 0, 0, 0.65);
  text-align: left;
  text-decoration: none;
  word-wrap: break-word;
  background-color: #fff;
  border-radius: 4px;
  -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
          box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
}
.ant-tooltip-arrow {
  position: absolute;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
}
.ant-tooltip .ant-tooltip-mask {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.ant-tooltip .ant-tooltip-mask-hidden {
  display: none;
}
.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: #fff;
}
.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: #fff;
}
.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: #fff;
}
.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: #fff;
}
.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 no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
.ant-dropdown {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.65);
  font-size: 12px;
  font-variant: tabular-nums;
  line-height: 1.5;
  list-style: none;
  -webkit-font-feature-settings: 'tnum';
          font-feature-settings: 'tnum';
  position: absolute;
  top: -9999px;
  left: -9999px;
  z-index: 1050;
  display: block;
}
.ant-dropdown::before {
  position: absolute;
  top: -7px;
  right: 0;
  bottom: -7px;
  left: -7px;
  z-index: -9999;
  opacity: 0.0001;
  content: ' ';
}
.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);
}
:root .ant-dropdown-wrap .ant-btn > .anticon-down {
  font-size: 12px;
}
.ant-dropdown-wrap .anticon-down::before {
  -webkit-transition: -webkit-transform 0.2s;
  transition: -webkit-transform 0.2s;
  -o-transition: transform 0.2s;
  transition: transform 0.2s;
  transition: transform 0.2s, -webkit-transform 0.2s;
}
.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 {
  position: relative;
  margin: 0;
  padding: 4px 0;
  text-align: left;
  list-style-type: none;
  background-color: #fff;
  background-clip: padding-box;
  border-radius: 4px;
  outline: none;
  -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
          box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
  -webkit-transform: translate3d(0, 0, 0);
}
.ant-dropdown-menu-item-group-title {
  padding: 5px 12px;
  color: rgba(0, 0, 0, 0.45);
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.ant-dropdown-menu-submenu-popup {
  position: absolute;
  z-index: 1050;
}
.ant-dropdown-menu-submenu-popup > .ant-dropdown-menu {
  -webkit-transform-origin: 0 0;
      -ms-transform-origin: 0 0;
          transform-origin: 0 0;
}
.ant-dropdown-menu-item,
.ant-dropdown-menu-submenu-title {
  clear: both;
  margin: 0;
  padding: 5px 12px;
  color: rgba(0, 0, 0, 0.65);
  font-weight: normal;
  font-size: 12px;
  line-height: 22px;
  white-space: nowrap;
  cursor: pointer;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.ant-dropdown-menu-item > .anticon:first-child,
.ant-dropdown-menu-submenu-title > .anticon:first-child {
  min-width: 12px;
  margin-right: 8px;
}
.ant-dropdown-menu-item > a,
.ant-dropdown-menu-submenu-title > a {
  display: block;
  margin: -5px -12px;
  padding: 5px 12px;
  color: rgba(0, 0, 0, 0.65);
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.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: #FE6A49;
  background-color: #fff5f0;
}
.ant-dropdown-menu-item:hover,
.ant-dropdown-menu-submenu-title:hover {
  background-color: #fff5f0;
}
.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-divider,
.ant-dropdown-menu-submenu-title-divider {
  height: 1px;
  margin: 4px 0;
  overflow: hidden;
  line-height: 0;
  background-color: #e9e9e9;
}
.ant-dropdown-menu-item .ant-dropdown-menu-submenu-arrow,
.ant-dropdown-menu-submenu-title .ant-dropdown-menu-submenu-arrow {
  position: absolute;
  right: 8px;
}
.ant-dropdown-menu-item .ant-dropdown-menu-submenu-arrow-icon,
.ant-dropdown-menu-submenu-title .ant-dropdown-menu-submenu-arrow-icon {
  color: rgba(0, 0, 0, 0.45);
  font-style: normal;
  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);
}
:root .ant-dropdown-menu-item .ant-dropdown-menu-submenu-arrow-icon,
:root .ant-dropdown-menu-submenu-title .ant-dropdown-menu-submenu-arrow-icon {
  font-size: 12px;
}
.ant-dropdown-menu-submenu-title {
  padding-right: 26px;
}
.ant-dropdown-menu-submenu-vertical {
  position: relative;
}
.ant-dropdown-menu-submenu-vertical > .ant-dropdown-menu {
  position: absolute;
  top: 0;
  left: 100%;
  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 .ant-dropdown-menu-submenu-arrow-icon {
  color: rgba(0, 0, 0, 0.25);
  background-color: #fff;
  cursor: not-allowed;
}
.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.anticon-down,
.ant-dropdown-link > .anticon.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);
}
:root .ant-dropdown-trigger > .anticon.anticon-down,
:root .ant-dropdown-link > .anticon.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;
  padding-left: 8px;
}
.ant-dropdown-button .anticon.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);
}
:root .ant-dropdown-button .anticon.anticon-down {
  font-size: 12px;
}
.ant-dropdown-menu-dark,
.ant-dropdown-menu-dark .ant-dropdown-menu {
  background: #001529;
}
.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.65);
}
.ant-dropdown-menu-dark .ant-dropdown-menu-item .ant-dropdown-menu-submenu-arrow::after,
.ant-dropdown-menu-dark .ant-dropdown-menu-submenu-title .ant-dropdown-menu-submenu-arrow::after,
.ant-dropdown-menu-dark .ant-dropdown-menu-item > a .ant-dropdown-menu-submenu-arrow::after {
  color: rgba(255, 255, 255, 0.65);
}
.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 {
  color: #fff;
  background: #FE6A49;
}

.team-info-page.team-info-wrap {
  height: 100%; }
  .team-info-page.team-info-wrap .team-info-page-header {
    height: 48px;
    padding-left: 16px;
    font-size: 14px;
    line-height: 48px;
    color: #222;
    font-weight: 500;
    border-bottom: 1px solid #ebebeb; }
    .team-info-page.team-info-wrap .team-info-page-header .team-info-detail {
      float: right;
      margin-right: -10px;
      cursor: pointer; }
      .team-info-page.team-info-wrap .team-info-page-header .team-info-detail .detail-icon {
        display: inline-block;
        font-size: 12px;
        color: #828992;
        cursor: pointer;
        -webkit-transform: scale(0.7);
            -ms-transform: scale(0.7);
                transform: scale(0.7); }
  .team-info-page.team-info-wrap .team-info-page-body {
    height: 100%; }
    .team-info-page.team-info-wrap .team-info-page-body .cluster {
      height: calc(100% - 32px - 50px - 20px) !important; }
    .team-info-page.team-info-wrap .team-info-page-body .no-cluster {
      height: calc(100% - 32px - 50px - 20px - 18px - 20px) !important; }
    .team-info-page.team-info-wrap .team-info-page-body .team-info-page-content {
      font-weight: 400; }
      .team-info-page.team-info-wrap .team-info-page-body .team-info-page-content .bread-org .ant-breadcrumb > span:last-child > span {
        color: #828992 !important;
        cursor: auto !important; }
      .team-info-page.team-info-wrap .team-info-page-body .team-info-page-content .cluster-bread-org {
        padding-left: 19px;
        margin-top: 0 !important; }
        .team-info-page.team-info-wrap .team-info-page-body .team-info-page-content .cluster-bread-org .ant-breadcrumb > span:last-child > span {
          color: #828992 !important;
          cursor: auto !important; }
      .team-info-page.team-info-wrap .team-info-page-body .team-info-page-content .cluster-list .cluster-item {
        height: 52px;
        padding-left: 20px;
        font-size: 13px;
        line-height: 52px;
        color: #222; }
        .team-info-page.team-info-wrap .team-info-page-body .team-info-page-content .cluster-list .cluster-item:hover {
          cursor: pointer;
          background-color: #ebebeb; }
      .team-info-page.team-info-wrap .team-info-page-body .team-info-page-content .empty {
        margin-top: 92px;
        text-align: center; }
        .team-info-page.team-info-wrap .team-info-page-body .team-info-page-content .empty .empty-img {
          margin-top: -20px;
          width: 180px;
          margin-bottom: -14px; }
        .team-info-page.team-info-wrap .team-info-page-body .team-info-page-content .empty .icon {
          font-size: 76px;
          color: #6f72af; }
        .team-info-page.team-info-wrap .team-info-page-body .team-info-page-content .empty .desc-text {
          font-size: 12px;
          color: #828992; }
        .team-info-page.team-info-wrap .team-info-page-body .team-info-page-content .empty .create-btn {
          margin: 0 4px;
          text-decoration: underline; }
      .team-info-page.team-info-wrap .team-info-page-body .team-info-page-content .ant-tabs-bar {
        display: none; }
      .team-info-page.team-info-wrap .team-info-page-body .team-info-page-content .bread-org {
        margin: 19px 20px; }
        .team-info-page.team-info-wrap .team-info-page-body .team-info-page-content .bread-org .ant-breadcrumb {
          color: #fe6a49; }
        .team-info-page.team-info-wrap .team-info-page-body .team-info-page-content .bread-org .ant-breadcrumb-separator {
          margin: 0 2px; }
      .team-info-page.team-info-wrap .team-info-page-body .team-info-page-content .ant-tabs-content-animated {
        -webkit-transition: opacity 0.3s linear;
        -o-transition: opacity 0.3s linear;
        transition: opacity 0.3s linear; }
    .team-info-page.team-info-wrap .team-info-page-body .team-info-page-tab {
      height: 32px;
      margin: 10px 130px 0 83px;
      line-height: 32px;
      -moz-text-align-last: center;
           text-align-last: center; }
      .team-info-page.team-info-wrap .team-info-page-body .team-info-page-tab .team-org {
        display: inline-block;
        width: 170px !important;
        height: 32px;
        font-size: 14px;
        text-align: center;
        cursor: pointer;
        background: #f7f7f7;
        border: 1px solid rgba(90, 70, 170, 0.2);
        border-top-left-radius: 8px;
        border-bottom-left-radius: 8px; }
        .team-info-page.team-info-wrap .team-info-page-body .team-info-page-tab .team-org .icon-org {
          margin-right: 6px; }
      .team-info-page.team-info-wrap .team-info-page-body .team-info-page-tab .team-guest {
        display: inline-block;
        width: 170px !important;
        height: 32px;
        font-size: 14px;
        color: #5a46aa;
        text-align: center;
        cursor: pointer;
        background: #fff;
        border: 1px solid rgba(90, 70, 170, 0.2);
        border-top-right-radius: 8px;
        border-bottom-right-radius: 8px; }
        .team-info-page.team-info-wrap .team-info-page-body .team-info-page-tab .team-guest .icon-guest {
          margin-right: 6px; }
    .team-info-page.team-info-wrap .team-info-page-body .team-org-content .cluster-return {
      height: 52px;
      padding-left: 20px;
      font-size: 13px;
      line-height: 52px;
      color: #222;
      cursor: pointer; }
      .team-info-page.team-info-wrap .team-info-page-body .team-org-content .cluster-return .cluster-back-icon {
        margin-right: 13px;
        color: #222; }
    .team-info-page.team-info-wrap .team-info-page-body .team-org-content .team-org-item {
      height: 50px;
      padding-right: 19px;
      padding-left: 19px;
      font-size: 14px;
      line-height: 50px;
      color: #333; }
      .team-info-page.team-info-wrap .team-info-page-body .team-org-content .team-org-item .team-org-name {
        display: inline-block;
        max-width: 300px;
        overflow: hidden;
        -o-text-overflow: ellipsis;
           text-overflow: ellipsis;
        white-space: nowrap;
        vertical-align: middle; }
      .team-info-page.team-info-wrap .team-info-page-body .team-org-content .team-org-item:hover {
        cursor: pointer;
        background: #f3f4f6; }
    .team-info-page.team-info-wrap .team-info-page-body .team-org-content .team-org-user .empty {
      margin-top: 92px;
      text-align: center; }
      .team-info-page.team-info-wrap .team-info-page-body .team-org-content .team-org-user .empty .empty-img {
        margin-top: -20px;
        width: 180px;
        margin-bottom: -14px; }
      .team-info-page.team-info-wrap .team-info-page-body .team-org-content .team-org-user .empty .icon {
        font-size: 76px;
        color: #6f72af; }
      .team-info-page.team-info-wrap .team-info-page-body .team-org-content .team-org-user .empty .desc-text {
        font-size: 12px;
        color: #828992; }
      .team-info-page.team-info-wrap .team-info-page-body .team-org-content .team-org-user .empty .create-btn {
        margin: 0 4px;
        text-decoration: underline; }
    .team-info-page.team-info-wrap .team-info-page-body .team-org-content .team-org-user .team-org-user-item {
      position: relative;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-align: center;
          align-items: center;
      height: 60px;
      padding-left: 20px;
      line-height: inherit;
      cursor: pointer; }
      .team-info-page.team-info-wrap .team-info-page-body .team-org-content .team-org-user .team-org-user-item .team-org-user-name {
        display: inline-block;
        max-width: 300px;
        overflow: hidden;
        font-size: 14px;
        color: #333;
        -o-text-overflow: ellipsis;
           text-overflow: ellipsis;
        white-space: nowrap;
        vertical-align: middle; }
      .team-info-page.team-info-wrap .team-info-page-body .team-org-content .team-org-user .team-org-user-item .team-user-online-status {
        font-size: 12px;
        color: #828992; }
      .team-info-page.team-info-wrap .team-info-page-body .team-org-content .team-org-user .team-org-user-item .qt-avatar {
        width: 38px;
        margin-right: 10px;
        vertical-align: middle;
        border-radius: 50%; }
      .team-info-page.team-info-wrap .team-info-page-body .team-org-content .team-org-user .team-org-user-item .online-wrap {
        position: absolute;
        bottom: 3px;
        left: 46px; }
      .team-info-page.team-info-wrap .team-info-page-body .team-org-content .team-org-user .team-org-user-item span {
        font-size: 13px;
        color: #222; }
      .team-info-page.team-info-wrap .team-info-page-body .team-org-content .team-org-user .team-org-user-item:hover {
        background: #f3f4f6; }
    .team-info-page.team-info-wrap .team-info-page-body .nicescroll-container {
      height: 100%; }
    .team-info-page.team-info-wrap .team-info-page-body .no-cluster-notify {
      margin-top: 18px;
      margin-bottom: 18px;
      margin-left: 19px;
      font-size: 12px;
      color: #828992; }

.image-preview-container {
  overflow: hidden;
  text-align: center; }
  .image-preview-container .preview-img {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center;
    -ms-flex-pack: center;
        justify-content: center;
    width: 100%;
    height: 100%;
    overflow: hidden;
    font-size: 200%;
    color: #828992;
    background-color: #ececec;
    -webkit-transition: -webkit-filter 0.4s linear;
    transition: -webkit-filter 0.4s linear;
    -o-transition: filter 0.4s linear;
    transition: filter 0.4s linear;
    transition: filter 0.4s linear, -webkit-filter 0.4s linear;
    -webkit-transform: scale(1);
        -ms-transform: scale(1);
            transform: scale(1); }
  .image-preview-container .preview-loading {
    -webkit-filter: opacity(40%);
            filter: opacity(40%); }
  .image-preview-container .preview-loaded {
    -webkit-filter: opacity(100%);
            filter: opacity(100%); }

.image-viewer-index-top {
  z-index: 1100 !important; }

.image-viewer-index {
  position: fixed;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  padding: 0;
  margin: 0;
  background-color: rgba(3, 3, 3, 0.6);
  border: none;
  -webkit-transition: opacity 0.3s linear 0.3s;
  -o-transition: opacity 0.3s linear 0.3s;
  transition: opacity 0.3s linear 0.3s; }
  .image-viewer-index .forbid-scroll {
    overflow: hidden; }
  .image-viewer-index .wrap {
    position: relative;
    z-index: 1501;
    height: 100%;
    margin: auto;
    text-align: center;
    border-radius: 5px; }
    .image-viewer-index .wrap .thumbnail-container {
      position: absolute;
      top: calc(50% - 40px);
      left: calc(50% - 40px);
      display: inline-block;
      width: 80px;
      height: 80px;
      line-height: 80px;
      text-align: center; }
      .image-viewer-index .wrap .thumbnail-container .thumbnail {
        font-size: 50px; }
      .image-viewer-index .wrap .thumbnail-container .loading-component {
        top: inherit !important; }
    .image-viewer-index .wrap .image-viewer-loading {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-align: center;
          align-items: center;
      -ms-flex-pack: center;
          justify-content: center;
      width: 100%;
      height: 100%; }
    .image-viewer-index .wrap .title {
      position: absolute;
      top: 0;
      z-index: 100;
      display: block;
      width: 100%;
      height: 41px;
      padding-top: 12px;
      padding-bottom: 13px;
      color: #fff;
      text-align: center;
      background-color: rgba(0, 0, 0, 0.6); }
      .image-viewer-index .wrap .title .content {
        display: inline-block;
        max-width: 70%;
        overflow: hidden;
        -o-text-overflow: ellipsis;
           text-overflow: ellipsis;
        white-space: nowrap; }
      .image-viewer-index .wrap .title .close {
        position: absolute;
        top: 7px;
        right: 50px;
        z-index: 105;
        font-size: 18px;
        color: #828992;
        cursor: pointer; }
        .image-viewer-index .wrap .title .close:hover {
          color: white; }
        .image-viewer-index .wrap .title .close .qt-icon-ref_msg_close {
          font-size: 20px; }
    .image-viewer-index .wrap .image-preview {
      position: absolute;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-align: center;
          align-items: center;
      -ms-flex-pack: center;
          justify-content: center;
      cursor: all-scroll; }
      .image-viewer-index .wrap .image-preview .loading-component {
        z-index: 99; }
    .image-viewer-index .wrap .paging-btn {
      position: absolute;
      top: 50%;
      z-index: 802;
      margin-top: -50px;
      color: rgba(255, 255, 255, 0.6);
      cursor: pointer; }
    .image-viewer-index .wrap .previous-btn,
    .image-viewer-index .wrap .next-btn {
      width: 50px;
      height: 50px;
      font-size: 25px;
      line-height: 50px;
      color: #828992;
      background-color: rgba(0, 0, 0, 0.4);
      border-radius: 50px; }
      .image-viewer-index .wrap .previous-btn:hover,
      .image-viewer-index .wrap .next-btn:hover {
        color: white; }
      .image-viewer-index .wrap .previous-btn .qt-icon-arrow,
      .image-viewer-index .wrap .next-btn .qt-icon-arrow {
        font-size: 24px; }
    .image-viewer-index .wrap .previous-btn {
      left: 38px; }
    .image-viewer-index .wrap .next-btn {
      right: 38px;
      -webkit-transform: rotateY(180deg);
              transform: rotateY(180deg); }
    .image-viewer-index .wrap .operate {
      position: absolute;
      top: calc(100% - 50px);
      width: 100%;
      height: 50px;
      line-height: 50px; }
      .image-viewer-index .wrap .operate .operate-container {
        display: inline-block;
        background-color: rgba(0, 0, 0, 0.6);
        border-top-left-radius: 5px;
        border-top-right-radius: 5px; }
        .image-viewer-index .wrap .operate .operate-container #live-save-tooltip {
          height: 30px;
          line-height: 30px;
          padding-top: 1px; }
        .image-viewer-index .wrap .operate .operate-container #live-share-tooltip {
          height: 30px;
          line-height: 30px;
          padding-top: 1px; }
      .image-viewer-index .wrap .operate .ope-btn {
        display: inline-block;
        padding-right: 37px;
        padding-left: 37px;
        font-size: 25px;
        color: #828992;
        cursor: pointer; }
        .image-viewer-index .wrap .operate .ope-btn:hover {
          color: white; }
      .image-viewer-index .wrap .operate .ope-btn-disable {
        color: #4a4848 !important;
        cursor: not-allowed !important; }
    .image-viewer-index .wrap .image-not-exist {
      position: absolute;
      top: calc(50% - 94px);
      left: calc(50% - 140px);
      width: 280px; }
    .image-viewer-index .wrap .image-load-timeout {
      position: inherit;
      top: 50%;
      cursor: pointer; }
      .image-viewer-index .wrap .image-load-timeout .retry {
        color: #43a9df; }
    .image-viewer-index .wrap .image-loading {
      position: fixed;
      top: calc(50% - 75px);
      left: calc(50% - 75px);
      width: 150px;
      height: 150px; }
      .image-viewer-index .wrap .image-loading .loading-animation {
        position: relative;
        width: 1em;
        height: 1em;
        margin: 69px auto;
        font-size: 5px;
        text-indent: -9999em;
        border-radius: 50%;
        -webkit-transform: translateZ(0);
                transform: translateZ(0);
        -webkit-animation: load 1.1s infinite ease;
                animation: load 1.1s infinite ease; }

@-webkit-keyframes load {
  0%,
  100% {
    -webkit-box-shadow: 0 -2.6em 0 0 #fff, 1.8em -1.8em 0 0 rgba(255, 255, 255, 0.2), 2.5em 0 0 0 rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0 rgba(255, 255, 255, 0.2), 0 2.5em 0 0 rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0 rgba(255, 255, 255, 0.2), -2.6em 0 0 0 rgba(255, 255, 255, 0.5), -1.8em -1.8em 0 0 rgba(255, 255, 255, 0.7);
            box-shadow: 0 -2.6em 0 0 #fff, 1.8em -1.8em 0 0 rgba(255, 255, 255, 0.2), 2.5em 0 0 0 rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0 rgba(255, 255, 255, 0.2), 0 2.5em 0 0 rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0 rgba(255, 255, 255, 0.2), -2.6em 0 0 0 rgba(255, 255, 255, 0.5), -1.8em -1.8em 0 0 rgba(255, 255, 255, 0.7); }
  12.5% {
    -webkit-box-shadow: 0 -2.6em 0 0 rgba(255, 255, 255, 0.7), 1.8em -1.8em 0 0 #fff, 2.5em 0 0 0 rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0 rgba(255, 255, 255, 0.2), 0 2.5em 0 0 rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0 rgba(255, 255, 255, 0.2), -2.6em 0 0 0 rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0 rgba(255, 255, 255, 0.5);
            box-shadow: 0 -2.6em 0 0 rgba(255, 255, 255, 0.7), 1.8em -1.8em 0 0 #fff, 2.5em 0 0 0 rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0 rgba(255, 255, 255, 0.2), 0 2.5em 0 0 rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0 rgba(255, 255, 255, 0.2), -2.6em 0 0 0 rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0 rgba(255, 255, 255, 0.5); }
  25% {
    -webkit-box-shadow: 0 -2.6em 0 0 rgba(255, 255, 255, 0.5), 1.8em -1.8em 0 0 rgba(255, 255, 255, 0.7), 2.5em 0 0 0 #fff, 1.75em 1.75em 0 0 rgba(255, 255, 255, 0.2), 0 2.5em 0 0 rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0 rgba(255, 255, 255, 0.2), -2.6em 0 0 0 rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0 rgba(255, 255, 255, 0.2);
            box-shadow: 0 -2.6em 0 0 rgba(255, 255, 255, 0.5), 1.8em -1.8em 0 0 rgba(255, 255, 255, 0.7), 2.5em 0 0 0 #fff, 1.75em 1.75em 0 0 rgba(255, 255, 255, 0.2), 0 2.5em 0 0 rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0 rgba(255, 255, 255, 0.2), -2.6em 0 0 0 rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0 rgba(255, 255, 255, 0.2); }
  37.5% {
    -webkit-box-shadow: 0 -2.6em 0 0 rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0 rgba(255, 255, 255, 0.5), 2.5em 0 0 0 rgba(255, 255, 255, 0.7), 1.75em 1.75em 0 0 #fff, 0 2.5em 0 0 rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0 rgba(255, 255, 255, 0.2), -2.6em 0 0 0 rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0 rgba(255, 255, 255, 0.2);
            box-shadow: 0 -2.6em 0 0 rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0 rgba(255, 255, 255, 0.5), 2.5em 0 0 0 rgba(255, 255, 255, 0.7), 1.75em 1.75em 0 0 #fff, 0 2.5em 0 0 rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0 rgba(255, 255, 255, 0.2), -2.6em 0 0 0 rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0 rgba(255, 255, 255, 0.2); }
  50% {
    -webkit-box-shadow: 0 -2.6em 0 0 rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0 rgba(255, 255, 255, 0.2), 2.5em 0 0 0 rgba(255, 255, 255, 0.5), 1.75em 1.75em 0 0 rgba(255, 255, 255, 0.7), 0 2.5em 0 0 #fff, -1.8em 1.8em 0 0 rgba(255, 255, 255, 0.2), -2.6em 0 0 0 rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0 rgba(255, 255, 255, 0.2);
            box-shadow: 0 -2.6em 0 0 rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0 rgba(255, 255, 255, 0.2), 2.5em 0 0 0 rgba(255, 255, 255, 0.5), 1.75em 1.75em 0 0 rgba(255, 255, 255, 0.7), 0 2.5em 0 0 #fff, -1.8em 1.8em 0 0 rgba(255, 255, 255, 0.2), -2.6em 0 0 0 rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0 rgba(255, 255, 255, 0.2); }
  62.5% {
    -webkit-box-shadow: 0 -2.6em 0 0 rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0 rgba(255, 255, 255, 0.2), 2.5em 0 0 0 rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0 rgba(255, 255, 255, 0.5), 0 2.5em 0 0 rgba(255, 255, 255, 0.7), -1.8em 1.8em 0 0 #fff, -2.6em 0 0 0 rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0 rgba(255, 255, 255, 0.2);
            box-shadow: 0 -2.6em 0 0 rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0 rgba(255, 255, 255, 0.2), 2.5em 0 0 0 rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0 rgba(255, 255, 255, 0.5), 0 2.5em 0 0 rgba(255, 255, 255, 0.7), -1.8em 1.8em 0 0 #fff, -2.6em 0 0 0 rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0 rgba(255, 255, 255, 0.2); }
  75% {
    -webkit-box-shadow: 0 -2.6em 0 0 rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0 rgba(255, 255, 255, 0.2), 2.5em 0 0 0 rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0 rgba(255, 255, 255, 0.2), 0 2.5em 0 0 rgba(255, 255, 255, 0.5), -1.8em 1.8em 0 0 rgba(255, 255, 255, 0.7), -2.6em 0 0 0 #fff, -1.8em -1.8em 0 0 rgba(255, 255, 255, 0.2);
            box-shadow: 0 -2.6em 0 0 rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0 rgba(255, 255, 255, 0.2), 2.5em 0 0 0 rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0 rgba(255, 255, 255, 0.2), 0 2.5em 0 0 rgba(255, 255, 255, 0.5), -1.8em 1.8em 0 0 rgba(255, 255, 255, 0.7), -2.6em 0 0 0 #fff, -1.8em -1.8em 0 0 rgba(255, 255, 255, 0.2); }
  87.5% {
    -webkit-box-shadow: 0 -2.6em 0 0 rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0 rgba(255, 255, 255, 0.2), 2.5em 0 0 0 rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0 rgba(255, 255, 255, 0.2), 0 2.5em 0 0 rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0 rgba(255, 255, 255, 0.5), -2.6em 0 0 0 rgba(255, 255, 255, 0.7), -1.8em -1.8em 0 0 #fff;
            box-shadow: 0 -2.6em 0 0 rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0 rgba(255, 255, 255, 0.2), 2.5em 0 0 0 rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0 rgba(255, 255, 255, 0.2), 0 2.5em 0 0 rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0 rgba(255, 255, 255, 0.5), -2.6em 0 0 0 rgba(255, 255, 255, 0.7), -1.8em -1.8em 0 0 #fff; } }

@keyframes load {
  0%,
  100% {
    -webkit-box-shadow: 0 -2.6em 0 0 #fff, 1.8em -1.8em 0 0 rgba(255, 255, 255, 0.2), 2.5em 0 0 0 rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0 rgba(255, 255, 255, 0.2), 0 2.5em 0 0 rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0 rgba(255, 255, 255, 0.2), -2.6em 0 0 0 rgba(255, 255, 255, 0.5), -1.8em -1.8em 0 0 rgba(255, 255, 255, 0.7);
            box-shadow: 0 -2.6em 0 0 #fff, 1.8em -1.8em 0 0 rgba(255, 255, 255, 0.2), 2.5em 0 0 0 rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0 rgba(255, 255, 255, 0.2), 0 2.5em 0 0 rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0 rgba(255, 255, 255, 0.2), -2.6em 0 0 0 rgba(255, 255, 255, 0.5), -1.8em -1.8em 0 0 rgba(255, 255, 255, 0.7); }
  12.5% {
    -webkit-box-shadow: 0 -2.6em 0 0 rgba(255, 255, 255, 0.7), 1.8em -1.8em 0 0 #fff, 2.5em 0 0 0 rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0 rgba(255, 255, 255, 0.2), 0 2.5em 0 0 rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0 rgba(255, 255, 255, 0.2), -2.6em 0 0 0 rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0 rgba(255, 255, 255, 0.5);
            box-shadow: 0 -2.6em 0 0 rgba(255, 255, 255, 0.7), 1.8em -1.8em 0 0 #fff, 2.5em 0 0 0 rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0 rgba(255, 255, 255, 0.2), 0 2.5em 0 0 rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0 rgba(255, 255, 255, 0.2), -2.6em 0 0 0 rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0 rgba(255, 255, 255, 0.5); }
  25% {
    -webkit-box-shadow: 0 -2.6em 0 0 rgba(255, 255, 255, 0.5), 1.8em -1.8em 0 0 rgba(255, 255, 255, 0.7), 2.5em 0 0 0 #fff, 1.75em 1.75em 0 0 rgba(255, 255, 255, 0.2), 0 2.5em 0 0 rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0 rgba(255, 255, 255, 0.2), -2.6em 0 0 0 rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0 rgba(255, 255, 255, 0.2);
            box-shadow: 0 -2.6em 0 0 rgba(255, 255, 255, 0.5), 1.8em -1.8em 0 0 rgba(255, 255, 255, 0.7), 2.5em 0 0 0 #fff, 1.75em 1.75em 0 0 rgba(255, 255, 255, 0.2), 0 2.5em 0 0 rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0 rgba(255, 255, 255, 0.2), -2.6em 0 0 0 rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0 rgba(255, 255, 255, 0.2); }
  37.5% {
    -webkit-box-shadow: 0 -2.6em 0 0 rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0 rgba(255, 255, 255, 0.5), 2.5em 0 0 0 rgba(255, 255, 255, 0.7), 1.75em 1.75em 0 0 #fff, 0 2.5em 0 0 rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0 rgba(255, 255, 255, 0.2), -2.6em 0 0 0 rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0 rgba(255, 255, 255, 0.2);
            box-shadow: 0 -2.6em 0 0 rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0 rgba(255, 255, 255, 0.5), 2.5em 0 0 0 rgba(255, 255, 255, 0.7), 1.75em 1.75em 0 0 #fff, 0 2.5em 0 0 rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0 rgba(255, 255, 255, 0.2), -2.6em 0 0 0 rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0 rgba(255, 255, 255, 0.2); }
  50% {
    -webkit-box-shadow: 0 -2.6em 0 0 rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0 rgba(255, 255, 255, 0.2), 2.5em 0 0 0 rgba(255, 255, 255, 0.5), 1.75em 1.75em 0 0 rgba(255, 255, 255, 0.7), 0 2.5em 0 0 #fff, -1.8em 1.8em 0 0 rgba(255, 255, 255, 0.2), -2.6em 0 0 0 rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0 rgba(255, 255, 255, 0.2);
            box-shadow: 0 -2.6em 0 0 rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0 rgba(255, 255, 255, 0.2), 2.5em 0 0 0 rgba(255, 255, 255, 0.5), 1.75em 1.75em 0 0 rgba(255, 255, 255, 0.7), 0 2.5em 0 0 #fff, -1.8em 1.8em 0 0 rgba(255, 255, 255, 0.2), -2.6em 0 0 0 rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0 rgba(255, 255, 255, 0.2); }
  62.5% {
    -webkit-box-shadow: 0 -2.6em 0 0 rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0 rgba(255, 255, 255, 0.2), 2.5em 0 0 0 rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0 rgba(255, 255, 255, 0.5), 0 2.5em 0 0 rgba(255, 255, 255, 0.7), -1.8em 1.8em 0 0 #fff, -2.6em 0 0 0 rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0 rgba(255, 255, 255, 0.2);
            box-shadow: 0 -2.6em 0 0 rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0 rgba(255, 255, 255, 0.2), 2.5em 0 0 0 rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0 rgba(255, 255, 255, 0.5), 0 2.5em 0 0 rgba(255, 255, 255, 0.7), -1.8em 1.8em 0 0 #fff, -2.6em 0 0 0 rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0 rgba(255, 255, 255, 0.2); }
  75% {
    -webkit-box-shadow: 0 -2.6em 0 0 rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0 rgba(255, 255, 255, 0.2), 2.5em 0 0 0 rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0 rgba(255, 255, 255, 0.2), 0 2.5em 0 0 rgba(255, 255, 255, 0.5), -1.8em 1.8em 0 0 rgba(255, 255, 255, 0.7), -2.6em 0 0 0 #fff, -1.8em -1.8em 0 0 rgba(255, 255, 255, 0.2);
            box-shadow: 0 -2.6em 0 0 rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0 rgba(255, 255, 255, 0.2), 2.5em 0 0 0 rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0 rgba(255, 255, 255, 0.2), 0 2.5em 0 0 rgba(255, 255, 255, 0.5), -1.8em 1.8em 0 0 rgba(255, 255, 255, 0.7), -2.6em 0 0 0 #fff, -1.8em -1.8em 0 0 rgba(255, 255, 255, 0.2); }
  87.5% {
    -webkit-box-shadow: 0 -2.6em 0 0 rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0 rgba(255, 255, 255, 0.2), 2.5em 0 0 0 rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0 rgba(255, 255, 255, 0.2), 0 2.5em 0 0 rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0 rgba(255, 255, 255, 0.5), -2.6em 0 0 0 rgba(255, 255, 255, 0.7), -1.8em -1.8em 0 0 #fff;
            box-shadow: 0 -2.6em 0 0 rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0 rgba(255, 255, 255, 0.2), 2.5em 0 0 0 rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0 rgba(255, 255, 255, 0.2), 0 2.5em 0 0 rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0 rgba(255, 255, 255, 0.5), -2.6em 0 0 0 rgba(255, 255, 255, 0.7), -1.8em -1.8em 0 0 #fff; } }

.save-image-popover {
  z-index: 10000 !important; }
  .save-image-popover .save-to-wps,
  .save-image-popover .save-to-drive {
    padding-top: 10px; }
  .save-image-popover .save-btn {
    cursor: pointer; }
    .save-image-popover .save-btn:hover {
      color: #fe6a49; }
  .save-image-popover .ant-popover-arrow,
  .save-image-popover .lan-popover .ant-popover-arrow {
    display: none; }

.file-icon {
  width: 24px;
  font-size: 24px; }

.prism-player {
  position: relative;
  background-color: #222; }

.prism-player .prism-ErrorMessage,
.prism-player .prism-cover {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #222;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain; }

.prism-player a {
  text-decoration: none; }

.prism-player .x5-full-screen {
  -o-object-fit: fill;
     object-fit: fill;
  -o-object-position: 50% 50%;
     object-position: 50% 50%; }

.prism-player .x5-top-left {
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: 0 0;
     object-position: 0 0; }

.prism-player .prism-ErrorMessage {
  z-index: 99;
  display: none; }

.prism-player .prism-ErrorMessage .prism-error-content {
  padding: 0 5px;
  margin-top: 20px; }

.prism-player .prism-ErrorMessage .prism-error-content p {
  font-size: 12px;
  color: #fff;
  text-align: center; }

.prism-player .prism-ErrorMessage .prism-error-operation {
  padding-bottom: 5px;
  margin-top: 10px;
  margin-bottom: 10px;
  text-align: center;
  border-bottom: 1.5px;
  border-bottom-color: rgba(255, 255, 255, 0.15);
  border-bottom-style: dotted; }

.prism-player .prism-ErrorMessage .prism-error-operation a {
  display: inline-block;
  width: 72px;
  height: 32px;
  margin-left: 10px;
  line-height: 32px;
  vertical-align: top; }

.prism-player .prism-ErrorMessage .prism-error-operation a.prism-button-refresh {
  color: #fe6a49;
  border: 1px solid #fe6a49; }

.prism-player .prism-ErrorMessage .prism-error-operation a.prism-button-refresh:hover {
  color: #fe6a49;
  cursor: pointer;
  border-color: #fe6a49; }

.prism-player .prism-ErrorMessage .prism-error-operation a.prism-button-refresh:active {
  color: #fe6a49;
  border-color: #fe6a49; }

.prism-player .prism-ErrorMessage .prism-error-operation .prism-button-orange:visited {
  color: #fe6a49; }

.prism-player .prism-ErrorMessage .prism-detect-info {
  font-size: 10px;
  color: #fff; }

.prism-player .prism-ErrorMessage .prism-detect-info p {
  padding: 0 5px;
  margin: 0 0 4px;
  word-break: break-all; }

.prism-player .prism-ErrorMessage .prism-detect-info span.info-label {
  display: inline-block;
  font-weight: 700; }

.prism-player .prism-ErrorMessage .prism-detect-info span.info-content {
  color: gray; }

.prism-player .prism-big-play-btn {
  z-index: 1000; }

.prism-player .prism-controlbar {
  position: relative;
  z-index: 1;
  width: 100%;
  height: 50px; }

.prism-player .prism-controlbar .prism-controlbar-bg {
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: -1;
  width: 100%;
  height: 50px;
  background: rgba(0, 0, 0, 0.6); }

.prism-player .prism-time-display {
  height: 33px;
  line-height: 33px;
  color: #666; }

.prism-player .prism-time-display .current-time {
  color: #fff; }

.prism-player .prism-progress {
  position: relative;
  width: 100%;
  height: 6px;
  margin-top: 5px;
  cursor: pointer;
  background-color: #363636; }

.prism-player .prism-progress .prism-progress-loaded {
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  height: 100%;
  background-color: #7e2c1f; }

.prism-player .prism-progress .prism-progress-played {
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  height: 100%;
  background-color: #ee2a10; }

.prism-player .prism-loading {
  width: 55px;
  height: 55px;
  margin-top: -27px !important;
  margin-left: -27px !important; }

.prism-player .prism-loading .circle {
  width: 45px;
  height: 45px;
  margin: 0 auto;
  background-color: rgba(0, 0, 0, 0);
  border: 5px solid;
  border-color: rgba(252, 114, 86, 0.2) rgba(252, 114, 86, 0.5) rgba(252, 114, 86, 0.7) rgba(252, 114, 86, 0.1) !important;
  border-radius: 50px;
  opacity: 0.9;
  -moz-animation: spinoffPulse 0.9s infinite linear;
  -webkit-animation: spinoffPulse 0.9s infinite linear; }

.prism-player .prism-hide {
  display: none; }

.prism-player .prism-snapshot-btn {
  padding: 2px 5px;
  color: #fff;
  border-color: #fff;
  border-style: solid;
  border-width: 1px;
  border-radius: 4px; }

.prism-player .prism-snapshot-btn:hover {
  color: #e5e5e5;
  cursor: pointer;
  border-color: #e5e5e5; }

.prism-player .prism-snapshot-btn:active {
  color: #777;
  cursor: pointer;
  border-color: #777; }

.prism-player .prism-info-display {
  position: absolute;
  top: 50%;
  z-index: 900;
  width: 100%;
  font-size: 20px;
  color: #fff;
  text-align: center; }

.prism-player .prism-auto-stream-selector {
  position: absolute;
  bottom: 50%;
  display: none;
  width: 100%;
  margin: auto;
  color: #fff; }

.prism-player .prism-auto-stream-selector p.tip-text {
  text-align: center; }

.prism-player .prism-auto-stream-selector .operators {
  width: 100px;
  margin: auto; }

.prism-player .prism-button-cancel {
  padding: 2px 5px;
  margin-left: 5px;
  font-size: 16px;
  color: #ffffa8;
  background: 0 0;
  border: 1px solid; }

.prism-player .prism-button-ok {
  padding: 2px 5px;
  font-size: 16px;
  color: #fff;
  background: 0 0;
  border: 1px solid #fff; }

.prism-player .prism-button-cancel:hover,
.prism-player .prism-button-ok:hover {
  color: #f5f5f5; }

@-webkit-keyframes spinoffPulse {
  0% {
    -webkit-transform: rotate(0); }
  100% {
    -webkit-transform: rotate(360deg); } }

:-webkit-full-screen {
  width: 100% !important;
  height: 100% !important; }

:-moz-full-screen {
  width: 100% !important;
  height: 100% !important; }

:-ms-full-screen {
  width: 100% !important;
  height: 100% !important; }

:-ms-fullscreen {
  width: 100% !important;
  height: 100% !important; }

:-webkit-full-screen {
  width: 100% !important;
  height: 100% !important; }

:-moz-full-screen {
  width: 100% !important;
  height: 100% !important; }

:fullscreen {
  width: 100% !important;
  height: 100% !important; }

body.prism-full-window {
  height: 100%;
  padding: 0;
  margin: 0;
  overflow-y: auto; }

.prism-fullscreen {
  position: fixed;
  top: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  left: 0 !important;
  z-index: 99999;
  width: 100% !important;
  height: 100% !important;
  overflow: hidden; }

.prism-button {
  text-align: center;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);
  cursor: pointer;
  border-radius: 0.5em;
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2); }

.prism-button-orange {
  color: #a56117;
  border: 1px solid #a56117; }

.prism-button-orange:active,
.prism-button-orange:hover {
  color: #d67400;
  border-color: #d67400; }

.prism-button-orange:visited {
  color: #d67400; }

.prism-center {
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%); }

.prism-width90 {
  width: 90%; }

.prism-stream-selector {
  font-size: 14px; }

.prism-stream-selector .current-stream-selector {
  display: none;
  width: 70px;
  padding: 2px 5px;
  color: #fff;
  text-align: center;
  background: #363636;
  border-radius: 4px; }

.prism-stream-selector .current-stream-selector:hover {
  font-weight: 700;
  cursor: pointer; }

.prism-stream-selector .stream-selector-tip {
  position: absolute;
  bottom: 61.5px;
  left: 43%;
  display: none;
  padding: 2px 5px;
  font-size: 18px;
  color: #fff;
  text-align: center;
  white-space: nowrap; }

.prism-speed-selector .speed-selector-list,
.prism-stream-selector .stream-selector-list {
  position: absolute;
  bottom: 28.5px;
  display: none;
  background: #363636;
  border-bottom-color: #faebd7;
  border-bottom-style: solid;
  border-bottom-width: 2px;
  border-radius: 4px; }

.prism-stream-selector .stream-selector-list {
  width: 70px;
  padding: 5px;
  color: #fff; }

.prism-stream-selector .stream-selector-list li {
  padding: 2px;
  text-align: center;
  white-space: nowrap;
  list-style-type: none; }

.prism-stream-selector .stream-selector-list li span.current,
.prism-stream-selector .stream-selector-list li.current {
  color: red; }

.prism-stream-selector .stream-selector-list li:hover {
  color: red;
  cursor: pointer; }

.prism-speed-selector {
  font-size: 14px; }

.prism-speed-selector .current-speed-selector {
  width: 75px;
  padding: 2px 5px;
  color: #fff;
  text-align: center;
  background: #363636;
  border-radius: 4px; }

.prism-speed-selector .current-speed-selector:hover {
  font-weight: 700;
  cursor: pointer; }

.prism-speed-selector .speed-selector-list {
  width: 75px;
  padding: 5px;
  color: #fff; }

.prism-speed-selector .speed-selector-list li {
  padding: 2px;
  text-align: center;
  white-space: nowrap;
  list-style-type: none; }

.prism-speed-selector .speed-selector-list li span.current,
.prism-speed-selector .speed-selector-list li.current {
  color: red; }

.prism-speed-selector .speed-selector-list li:hover {
  color: red;
  cursor: pointer; }

.prism-player .prism-setting-btn {
  display: none; }

.prism-player .prism-cc-btn {
  display: none; }

.prism-player .prism-liveshift-progress .prism-progress-cursor,
.prism-player .prism-progress .prism-progress-cursor,
.prism-player .prism-volume-control .volume-cursor:hover,
.prism-player .prism-volume-control .volume-value {
  background: #fc7255 !important; }

.prism-player .prism-info-display span {
  color: #fc7255 !important; }

.video-play-modal-parent {
  z-index: 2000; }

.qt-video-preview {
  min-width: 300px !important;
  max-width: 1000px !important;
  min-height: 480px; }
  .qt-video-preview .ant-modal-body {
    height: 480px; }
  .qt-video-preview .qt-video-container:not(.prism-fullscreen) {
    height: 100% !important;
    max-height: 600px;
    text-align: center; }
  .qt-video-preview .qt-video-container {
    text-align: center; }
  .qt-video-preview .prism-error-operation {
    display: none !important; }
  .qt-video-preview .prism-error-content {
    margin-top: 150px !important;
    color: #cecece; }
  .qt-video-preview .prism-progress-loaded {
    background-color: #212121 !important; }
  .qt-video-preview .prism-big-play-btn {
    display: none !important; }
  .qt-video-preview .current-speed-selector {
    display: none !important; }
  .qt-video-preview .prism-progress-played {
    background-color: #fe6a49 !important; }
  .qt-video-preview .prism-detect-info {
    display: none; }
  .qt-video-preview .vcp-error-tips {
    color: #fe6a49 !important; }
  .qt-video-preview .prism-player .prism-progress {
    width: 100% !important; }

.qt-audio-player {
  width: 359px !important; }
  .qt-audio-player .is-auto {
    height: 300px !important; }
    .qt-audio-player .is-auto .prism-cover {
      display: inline !important; }

.video-play-container {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -17px;
  margin-left: -17px; }
  .video-play-container .video-close-background {
    width: 34px;
    height: 34px;
    text-align: center;
    background-color: rgba(0, 0, 0, 0.4);
    border-radius: 50%; }
  .video-play-container .video-play-btn {
    position: absolute;
    width: 36px;
    height: 36px;
    margin-top: -34px;
    line-height: 36px;
    text-align: center;
    cursor: pointer;
    border-radius: 50%; }
  .video-play-container .icon-video-play {
    margin-left: 2px;
    font-size: 16px;
    color: #fff; }
    .video-play-container .icon-video-play:hover {
      color: #fe6a49; }

.selector-file-modal {
  width: 650px !important;
  color: #5d6470; }
  .selector-file-modal .ant-modal-body {
    padding: 0; }
  .selector-file-modal .forward-selected-cls {
    width: 296px;
    height: 240px;
    min-height: 240px; }
  .selector-file-modal .forward-unselected-cls {
    height: 361px; }
  .selector-file-modal .ant-modal-footer {
    position: absolute;
    right: 58px;
    bottom: 0; }

.file-selected-wrap {
  position: absolute;
  top: 0;
  display: inline-block;
  width: 296px;
  height: 360px; }
  .file-selected-wrap .selected-header {
    padding: 16px 20px 15px 20px; }
  .file-selected-wrap .selected-number {
    font-size: 13px;
    line-height: 13px;
    color: #222; }
  .file-selected-wrap .clear-all {
    float: right;
    font-size: 13px;
    line-height: 13px;
    color: #fe6a49;
    cursor: pointer; }
  .file-selected-wrap .selected-list {
    height: 40px;
    padding-right: 20px;
    padding-left: 20px;
    line-height: 40px; }
    .file-selected-wrap .selected-list:hover {
      background-color: #f3f4f6; }
    .file-selected-wrap .selected-list .selected-item .file-icon {
      width: 28px;
      height: 28px;
      margin-right: 10px;
      vertical-align: middle; }
    .file-selected-wrap .selected-list .selected-item .name {
      display: inline-block;
      max-width: 170px;
      overflow: hidden;
      -o-text-overflow: ellipsis;
         text-overflow: ellipsis;
      white-space: nowrap;
      vertical-align: middle; }
  .file-selected-wrap .delete-icon {
    float: right;
    margin-left: 5px;
    font-size: 15px;
    color: #828992;
    vertical-align: middle;
    cursor: pointer; }
    .file-selected-wrap .delete-icon:hover {
      color: #fe6a49; }
  .file-selected-wrap .selected-scroll {
    height: 290px !important; }

.search-drive-container {
  position: relative; }
  .search-drive-container .next-item {
    float: right;
    margin-right: 20px;
    font-size: 12px;
    cursor: pointer;
    -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
            transform: rotate(180deg); }
  .search-drive-container .search-input-container {
    position: relative;
    z-index: 999;
    float: left;
    width: 354px;
    padding: 16px 20px 10px 20px;
    border-right: 1px solid #f3f4f6; }
  .search-drive-container .space-file-scroll-bar {
    max-height: 320px !important; }
  .search-drive-container .select-wrap {
    display: inline-block;
    width: 354px;
    height: 361px;
    vertical-align: top;
    border-right: 1px solid #ebebeb; }
    .search-drive-container .select-wrap .item-name {
      width: 100%;
      height: 48px;
      padding: 0 0 0 20px;
      margin-bottom: 1px;
      cursor: pointer; }
      .search-drive-container .select-wrap .item-name.folder-name {
        line-height: 48px; }
      .search-drive-container .select-wrap .item-name:hover {
        background-color: #f3f4f6; }
      .search-drive-container .select-wrap .item-name .ant-checkbox-inner {
        border-radius: 50%; }
      .search-drive-container .select-wrap .item-name .item-checkbox {
        height: 46px;
        margin-right: 10px;
        line-height: 46px; }
      .search-drive-container .select-wrap .item-name .search-name {
        display: inline-block;
        max-width: 240px;
        margin-left: 6px;
        overflow: hidden;
        font-size: 14px;
        color: #333;
        -o-text-overflow: ellipsis;
           text-overflow: ellipsis;
        white-space: nowrap;
        vertical-align: middle; }
      .search-drive-container .select-wrap .item-name .file-size {
        font-size: 12px;
        color: #828992; }
      .search-drive-container .select-wrap .item-name .item-file-icon {
        width: 24px;
        height: 24px;
        font-size: 24px; }
      .search-drive-container .select-wrap .item-name.item-disabled {
        cursor: default; }
        .search-drive-container .select-wrap .item-name.item-disabled .search-name,
        .search-drive-container .select-wrap .item-name.item-disabled .file-size {
          color: #aaafb5; }
    .search-drive-container .select-wrap .back-container {
      display: inline-block;
      padding-left: 20px;
      margin-bottom: 10px;
      cursor: pointer; }
      .search-drive-container .select-wrap .back-container .icon {
        margin-right: 8px; }
      .search-drive-container .select-wrap .back-container .back-text {
        vertical-align: middle; }
    .search-drive-container .select-wrap .team-breadcrumb {
      padding-right: 20px;
      padding-left: 20px;
      margin-bottom: 10px; }
      .search-drive-container .select-wrap .team-breadcrumb .ant-breadcrumb > span:last-child > span {
        color: #828992 !important;
        cursor: auto !important; }
      .search-drive-container .select-wrap .team-breadcrumb .bread-arrow {
        display: inline-block;
        font-size: 12px;
        color: #828992 !important;
        -webkit-transform: rotate(180deg);
            -ms-transform: rotate(180deg);
                transform: rotate(180deg); }
      .search-drive-container .select-wrap .team-breadcrumb .ant-breadcrumb-link {
        color: #00acdc;
        cursor: pointer; }
    .search-drive-container .select-wrap .space-file-empty {
      margin-top: 50px;
      text-align: center; }
  .search-drive-container .selected {
    position: absolute;
    top: 0;
    display: inline-block;
    width: 296px;
    height: 100%;
    min-height: 361px;
    overflow: hidden; }
    .search-drive-container .selected .selected-wrap {
      height: 100%; }
  .search-drive-container .load-more-container {
    position: relative; }

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
@-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 {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.65);
  font-size: 12px;
  font-variant: tabular-nums;
  line-height: 1.5;
  list-style: none;
  -webkit-font-feature-settings: 'tnum';
          font-feature-settings: 'tnum';
  position: relative;
  top: -0.09em;
  display: inline-block;
  line-height: 1;
  white-space: nowrap;
  vertical-align: middle;
  outline: none;
  cursor: pointer;
}
.ant-checkbox-wrapper:hover .ant-checkbox-inner,
.ant-checkbox:hover .ant-checkbox-inner,
.ant-checkbox-input:focus + .ant-checkbox-inner {
  border-color: #FE6A49;
}
.ant-checkbox-checked::after {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 1px solid #FE6A49;
  border-radius: 2px;
  visibility: hidden;
  -webkit-animation: antCheckboxEffect 0.36s ease-in-out;
          animation: antCheckboxEffect 0.36s ease-in-out;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  content: '';
}
.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;
  background-color: #fff;
  border: 1px solid #d9d9d9;
  border-radius: 2px;
  border-collapse: separate;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.ant-checkbox-inner::after {
  position: absolute;
  top: 50%;
  left: 21%;
  display: table;
  width: 5px;
  height: 8px;
  border: 2px solid #fff;
  border-top: 0;
  border-left: 0;
  -webkit-transform: rotate(45deg) scale(0) translate(-50%, -50%);
      -ms-transform: rotate(45deg) scale(0) translate(-50%, -50%);
          transform: rotate(45deg) scale(0) translate(-50%, -50%);
  opacity: 0;
  -webkit-transition: all 0.1s cubic-bezier(0.71, -0.46, 0.88, 0.6), opacity 0.1s;
  -o-transition: all 0.1s cubic-bezier(0.71, -0.46, 0.88, 0.6), opacity 0.1s;
  transition: all 0.1s cubic-bezier(0.71, -0.46, 0.88, 0.6), opacity 0.1s;
  content: ' ';
}
.ant-checkbox-input {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  cursor: pointer;
  opacity: 0;
}
.ant-checkbox-checked .ant-checkbox-inner::after {
  position: absolute;
  display: table;
  border: 2px solid #fff;
  border-top: 0;
  border-left: 0;
  -webkit-transform: rotate(45deg) scale(1) translate(-50%, -50%);
      -ms-transform: rotate(45deg) scale(1) translate(-50%, -50%);
          transform: rotate(45deg) scale(1) translate(-50%, -50%);
  opacity: 1;
  -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;
  content: ' ';
}
.ant-checkbox-checked .ant-checkbox-inner {
  background-color: #FE6A49;
  border-color: #FE6A49;
}
.ant-checkbox-disabled {
  cursor: not-allowed;
}
.ant-checkbox-disabled.ant-checkbox-checked .ant-checkbox-inner::after {
  border-color: rgba(0, 0, 0, 0.25);
  -webkit-animation-name: none;
          animation-name: none;
}
.ant-checkbox-disabled .ant-checkbox-input {
  cursor: not-allowed;
}
.ant-checkbox-disabled .ant-checkbox-inner {
  background-color: #f5f5f5;
  border-color: #d9d9d9 !important;
}
.ant-checkbox-disabled .ant-checkbox-inner::after {
  border-color: #f5f5f5;
  border-collapse: separate;
  -webkit-animation-name: none;
          animation-name: none;
}
.ant-checkbox-disabled + span {
  color: rgba(0, 0, 0, 0.25);
  cursor: not-allowed;
}
.ant-checkbox-wrapper {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.65);
  font-size: 12px;
  font-variant: tabular-nums;
  line-height: 1.5;
  list-style: none;
  -webkit-font-feature-settings: 'tnum';
          font-feature-settings: 'tnum';
  display: inline-block;
  line-height: unset;
  cursor: pointer;
}
.ant-checkbox-wrapper + .ant-checkbox-wrapper {
  margin-left: 8px;
}
.ant-checkbox-wrapper + span,
.ant-checkbox + span {
  padding-right: 8px;
  padding-left: 8px;
}
.ant-checkbox-group {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.65);
  font-size: 12px;
  font-variant: tabular-nums;
  line-height: 1.5;
  list-style: none;
  -webkit-font-feature-settings: 'tnum';
          font-feature-settings: 'tnum';
  display: inline-block;
}
.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;
}
.ant-checkbox-indeterminate .ant-checkbox-inner {
  background-color: #fff;
  border-color: #d9d9d9;
}
.ant-checkbox-indeterminate .ant-checkbox-inner::after {
  top: 50%;
  left: 50%;
  width: 6px;
  height: 6px;
  background-color: #FE6A49;
  border: 0;
  -webkit-transform: translate(-50%, -50%) scale(1);
      -ms-transform: translate(-50%, -50%) scale(1);
          transform: translate(-50%, -50%) scale(1);
  opacity: 1;
  content: ' ';
}
.ant-checkbox-indeterminate.ant-checkbox-disabled .ant-checkbox-inner::after {
  background-color: rgba(0, 0, 0, 0.25);
  border-color: rgba(0, 0, 0, 0.25);
}

.qt-hight-text {
  color: #fe6a49; }

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
.ant-collapse {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.65);
  font-size: 12px;
  font-variant: tabular-nums;
  line-height: 1.5;
  list-style: none;
  -webkit-font-feature-settings: 'tnum';
          font-feature-settings: 'tnum';
  background-color: #fafafa;
  border: 1px solid #d9d9d9;
  border-bottom: 0;
  border-radius: 4px;
}
.ant-collapse > .ant-collapse-item {
  border-bottom: 1px solid #d9d9d9;
}
.ant-collapse > .ant-collapse-item:last-child,
.ant-collapse > .ant-collapse-item:last-child > .ant-collapse-header {
  border-radius: 0 0 4px 4px;
}
.ant-collapse > .ant-collapse-item > .ant-collapse-header {
  position: relative;
  padding: 12px 16px;
  padding-left: 40px;
  color: rgba(0, 0, 0, 0.85);
  line-height: 22px;
  cursor: pointer;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.ant-collapse > .ant-collapse-item > .ant-collapse-header .ant-collapse-arrow {
  color: inherit;
  font-style: normal;
  line-height: 0;
  text-align: center;
  text-transform: none;
  vertical-align: -0.125em;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  position: absolute;
  top: 50%;
  left: 16px;
  display: inline-block;
  margin-top: 2px;
  font-size: 12px;
  line-height: 46px;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}
.ant-collapse > .ant-collapse-item > .ant-collapse-header .ant-collapse-arrow > * {
  line-height: 1;
}
.ant-collapse > .ant-collapse-item > .ant-collapse-header .ant-collapse-arrow svg {
  display: inline-block;
}
.ant-collapse > .ant-collapse-item > .ant-collapse-header .ant-collapse-arrow::before {
  display: none;
}
.ant-collapse > .ant-collapse-item > .ant-collapse-header .ant-collapse-arrow .ant-collapse > .ant-collapse-item > .ant-collapse-header .ant-collapse-arrow-icon {
  display: block;
}
.ant-collapse > .ant-collapse-item > .ant-collapse-header .ant-collapse-arrow svg {
  -webkit-transition: -webkit-transform 0.24s;
  transition: -webkit-transform 0.24s;
  -o-transition: transform 0.24s;
  transition: transform 0.24s;
  transition: transform 0.24s, -webkit-transform 0.24s;
}
.ant-collapse > .ant-collapse-item > .ant-collapse-header .ant-collapse-extra {
  float: right;
}
.ant-collapse > .ant-collapse-item > .ant-collapse-header:focus {
  outline: none;
}
.ant-collapse > .ant-collapse-item.ant-collapse-no-arrow > .ant-collapse-header {
  padding-left: 12px;
}
.ant-collapse-icon-position-right > .ant-collapse-item > .ant-collapse-header {
  padding: 12px 16px;
  padding-right: 40px;
}
.ant-collapse-icon-position-right > .ant-collapse-item > .ant-collapse-header .ant-collapse-arrow {
  right: 16px;
  left: initial;
}
.ant-collapse-anim-active {
  -webkit-transition: height 0.2s cubic-bezier(0.215, 0.61, 0.355, 1);
  -o-transition: height 0.2s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: height 0.2s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.ant-collapse-content {
  overflow: hidden;
  color: rgba(0, 0, 0, 0.65);
  background-color: #fff;
  border-top: 1px solid #d9d9d9;
}
.ant-collapse-content > .ant-collapse-content-box {
  padding: 16px;
}
.ant-collapse-content-inactive {
  display: none;
}
.ant-collapse-item:last-child > .ant-collapse-content {
  border-radius: 0 0 4px 4px;
}
.ant-collapse-borderless {
  background-color: #fff;
  border: 0;
}
.ant-collapse-borderless > .ant-collapse-item {
  border-bottom: 1px solid #d9d9d9;
}
.ant-collapse-borderless > .ant-collapse-item:last-child,
.ant-collapse-borderless > .ant-collapse-item:last-child .ant-collapse-header {
  border-radius: 0;
}
.ant-collapse-borderless > .ant-collapse-item > .ant-collapse-content {
  background-color: transparent;
  border-top: 0;
}
.ant-collapse-borderless > .ant-collapse-item > .ant-collapse-content > .ant-collapse-content-box {
  padding-top: 4px;
}
.ant-collapse .ant-collapse-item-disabled > .ant-collapse-header,
.ant-collapse .ant-collapse-item-disabled > .ant-collapse-header > .arrow {
  color: rgba(0, 0, 0, 0.25);
  cursor: not-allowed;
}

.select-folder-space {
  height: 100%; }
  .select-folder-space .team-space-collapse .ant-collapse-item {
    border: none; }
  .select-folder-space .team-space-collapse .ant-collapse-header {
    padding: 0; }
  .select-folder-space .team-space-collapse .ant-collapse-content-box {
    padding: 0; }
  .select-folder-space .team-space-collapse .team-space-item {
    padding-left: 40px; }
  .select-folder-space .space-item {
    height: 36px;
    padding-left: 20px;
    font-size: 14px;
    font-weight: 500;
    line-height: 36px;
    cursor: pointer; }
    .select-folder-space .space-item.selected {
      background-color: #f3f4f6; }
  .select-folder-space .common-icon {
    display: inline-block;
    margin-right: 8px;
    font-size: 15px;
    color: #333;
    text-align: center; }
  .select-folder-space .teamspace-cloud-icon {
    margin-right: 6px;
    font-size: 14px; }
  .select-folder-space .select-scroll-list.has-breadcrumb {
    height: calc(100% - 30px) !important; }
  .select-folder-space .collapse-icon-normal {
    margin-left: 10px; }

.create-folder-box .tips {
  padding: 4px 0 20px 0;
  font-size: 14px;
  color: #222;
  text-align: center; }

.folder-space .team-space-collapse .ant-collapse-item {
  border: none; }

.folder-space .team-space-collapse .ant-collapse-header {
  padding: 0; }

.folder-space .team-space-collapse .ant-collapse-content-box {
  padding: 0; }

.folder-space .space-item {
  height: 36px;
  padding-left: 20px;
  font-size: 14px;
  line-height: 36px;
  cursor: pointer; }
  .folder-space .space-item.selected {
    background-color: #f3f4f6; }
  .folder-space .space-item.space-disabled {
    color: #aaafb5;
    cursor: default; }

.folder-selector-modal-parent {
  z-index: 1310; }

.folder-selector-modal {
  width: 600px !important;
  color: #5d6470; }
  .folder-selector-modal .ant-modal-body {
    padding: 0; }
  .folder-selector-modal .selector-header {
    margin: 13px 20px;
    height: 30px; }
    .folder-selector-modal .selector-header .folder-search {
      width: 170px; }
    .folder-selector-modal .selector-header .create-folder {
      height: 30px;
      float: right;
      padding: 0 6px;
      margin-left: 16px;
      background-color: #f3f4f6;
      border-radius: 6px;
      font-size: 14px;
      font-weight: 400; }
    .folder-selector-modal .selector-header .can-click:hover {
      color: #222 !important; }
  .folder-selector-modal .folder-content {
    height: 310px;
    color: #222;
    white-space: nowrap;
    border-top: 1px solid #ebebeb;
    border-bottom: 1px solid #ebebeb; }
    .folder-selector-modal .folder-content .content-scrollbar > .wrapper > .content {
      overflow-y: hidden !important; }
    .folder-selector-modal .folder-content .content-scrollbar > .trackY {
      display: none !important; }
    .folder-selector-modal .folder-content .block-area {
      display: inline-block;
      width: 176px;
      height: 100%;
      border-right: 1px solid #ebebeb; }
    .folder-selector-modal .folder-content .empty-content-box {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-align: center;
          align-items: center;
      -ms-flex-pack: center;
          justify-content: center;
      height: 100%; }
      .folder-selector-modal .folder-content .empty-content-box .empty {
        width: 300px;
        text-align: center; }
  .folder-selector-modal .tips-text {
    position: absolute;
    bottom: 20px;
    left: 20px;
    display: inline-block;
    max-width: 350px;
    font-size: 12px;
    font-weight: 400;
    line-height: 12px;
    color: #919191; }
  .folder-selector-modal .team-breadcrumb {
    height: 30px;
    padding-right: 20px;
    padding-left: 20px;
    line-height: 30px; }
    .folder-selector-modal .team-breadcrumb .ant-breadcrumb > span:last-child > span {
      color: #828992 !important;
      cursor: auto !important; }
    .folder-selector-modal .team-breadcrumb .bread-arrow {
      display: inline-block;
      color: #828992 !important;
      -webkit-transform: rotate(180deg);
          -ms-transform: rotate(180deg);
              transform: rotate(180deg); }
    .folder-selector-modal .team-breadcrumb .ant-breadcrumb-link {
      color: #00acdc;
      cursor: pointer; }

.search-result-list .folder-item {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: justify;
      justify-content: space-between;
  height: 48px;
  padding: 0 10px;
  font-size: 12px;
  cursor: pointer; }
  .search-result-list .folder-item.selected {
    background-color: #eaedf1; }
  .search-result-list .folder-item:hover {
    background-color: #eaedf1; }
    .search-result-list .folder-item:hover .folder-text {
      color: #fe6a49; }
      .search-result-list .folder-item:hover .folder-text .origin-text {
        color: #fe6a49; }
  .search-result-list .folder-item .folder-icon {
    width: 18px;
    font-size: 18px; }
  .search-result-list .folder-item .folder-text {
    -ms-flex: 1 1;
        flex: 1 1;
    margin: 0 10px;
    overflow: hidden; }
    .search-result-list .folder-item .folder-text .origin-text {
      color: #828992; }
  .search-result-list .folder-item .arrow-icon {
    width: 12px;
    font-size: 12px;
    -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
            transform: rotate(180deg); }

.search-result-list .loading-bottom-spinner {
  position: relative;
  height: 36px; }
  .search-result-list .loading-bottom-spinner .loading-component {
    font-size: 12px; }

.sub-folder-list .folder-item {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: justify;
      justify-content: space-between;
  height: 36px;
  padding: 0 10px;
  font-size: 12px;
  cursor: pointer; }
  .sub-folder-list .folder-item.selected {
    background-color: #eaedf1; }
  .sub-folder-list .folder-item:not(.folder-disabled):hover {
    background-color: #eaedf1; }
    .sub-folder-list .folder-item:not(.folder-disabled):hover .folder-text {
      color: #fe6a49; }
  .sub-folder-list .folder-item.folder-disabled {
    color: #aaafb5;
    cursor: default; }
    .sub-folder-list .folder-item.folder-disabled .qt-icon {
      color: inherit; }
  .sub-folder-list .folder-item .folder-icon {
    width: 18px;
    font-size: 18px; }
  .sub-folder-list .folder-item .folder-text {
    -ms-flex: 1 1;
        flex: 1 1;
    margin: 0 10px;
    overflow: hidden; }
  .sub-folder-list .folder-item .arrow-icon {
    width: 12px;
    font-size: 12px;
    -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
            transform: rotate(180deg); }

.sub-folder-list .empty-content-box {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  height: 100%; }
  .sub-folder-list .empty-content-box .empty {
    width: 150px;
    text-align: center; }

.sub-folder-list .loading-bottom-spinner {
  position: relative;
  height: 36px; }
  .sub-folder-list .loading-bottom-spinner .loading-component {
    font-size: 12px; }

.move-folder-tip-modal .ant-modal-body {
  padding: 20px 20px 12px; }

.move-folder-tip-modal .tip {
  padding: 0 12px;
  margin-bottom: 24px; }

.move-folder-tip-modal .actions {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: end;
      justify-content: flex-end; }
  .move-folder-tip-modal .actions button {
    margin-left: 12px;
    min-width: unset; }
  .move-folder-tip-modal .actions .cancel-btn {
    color: #222;
    background: #f3f4f6;
    border-color: #f3f4f6;
    border-radius: 8px; }
    .move-folder-tip-modal .actions .cancel-btn:first-child {
      margin-left: 0; }
    .move-folder-tip-modal .actions .cancel-btn:hover {
      background: #e9ebf0;
      border-color: #e9ebf0; }

.move-folder-tip-modal .ant-modal-footer {
  display: none; }

.drive-team-selector-modal-parent {
  z-index: 2000; }

.drive-team-selector-modal {
  width: 600px !important;
  color: #5d6470; }
  .drive-team-selector-modal .ant-modal-body {
    padding: 0; }
  .drive-team-selector-modal .select-team-tips-container {
    height: 40px;
    padding-left: 20px;
    line-height: 40px;
    color: #828992; }
  .drive-team-selector-modal .drive-item {
    height: 40px;
    padding-left: 20px;
    line-height: 40px;
    cursor: pointer; }
    .drive-team-selector-modal .drive-item:hover {
      background: #eaedf1; }
    .drive-team-selector-modal .drive-item .team-name {
      margin-left: 8px;
      vertical-align: middle; }
    .drive-team-selector-modal .drive-item .team-name-icon {
      font-size: 28px;
      color: #75a2ff;
      vertical-align: middle; }
    .drive-team-selector-modal .drive-item .arrow-icon {
      float: right;
      margin-right: 20px;
      color: #828992;
      -webkit-transform: rotate(180deg);
          -ms-transform: rotate(180deg);
              transform: rotate(180deg); }

.search-input-container {
  position: relative;
  z-index: 999;
  float: left;
  width: 354px;
  padding: 16px 20px 11px 20px;
  border-right: 1px solid #f3f4f6; }

.local-search {
  position: relative;
  z-index: 999;
  float: left;
  width: 354px;
  padding: 16px 20px 11px 20px; }

.local-name {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  width: 100%;
  height: 36px;
  margin-top: 12px;
  margin-bottom: -12px;
  font-size: 14px;
  color: #333333; }

.select-wrap {
  position: relative;
  width: 650px; }
  .select-wrap .unselect {
    display: inline-block;
    width: 354px;
    height: 361px;
    vertical-align: top;
    border-right: 1px solid #ebebeb; }
  .select-wrap .selected {
    position: absolute;
    top: 0;
    display: inline-block;
    width: 296px;
    height: 100%;
    min-height: 361px;
    overflow: hidden; }
    .select-wrap .selected .selected-wrap {
      height: 100%; }

.contact-scroll-bar-selected {
  height: calc(100% - 60px) !important; }
  .contact-scroll-bar-selected .file-search-empty {
    margin-top: 80px; }
  .contact-scroll-bar-selected .search-header-title {
    padding-left: 20px; }
  .contact-scroll-bar-selected .search-org-item {
    padding: 0 0 0 20px !important; }
  .contact-scroll-bar-selected .footer-loadMore {
    margin-left: 20px; }
  .contact-scroll-bar-selected .contact-item {
    padding: 0 0 0 20px !important; }
    .contact-scroll-bar-selected .contact-item .user-name .user-detail {
      width: 240px !important; }
  .contact-scroll-bar-selected .search-item {
    padding: 0 0 0 26px !important; }

.contact-scroll-bar .file-search-empty {
  margin-top: 80px; }

.contact-scroll-bar .search-header-title {
  padding-left: 20px; }

.contact-scroll-bar .search-org-item {
  padding: 0 0 0 20px !important; }

.contact-scroll-bar .footer-loadMore {
  margin-left: 20px; }

.contact-scroll-bar .contact-item {
  padding: 0 0 0 20px !important; }
  .contact-scroll-bar .contact-item .user-name .user-detail {
    width: 240px !important; }

.contact-scroll-bar .search-item {
  padding: 0 0 0 26px !important; }

.contact-scroll-bar .disabled-text {
  float: right;
  max-width: 88px;
  margin-right: 8px;
  overflow: hidden;
  font-size: 14px;
  color: #828992;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  white-space: nowrap;
  vertical-align: middle; }

.contact-select-panel-wrap div:last-child {
  border-bottom: none !important; }

.selected-wrap {
  width: 296px; }
  .selected-wrap .selected-header {
    padding: 16px 20px 15px 20px; }
  .selected-wrap .selected-number {
    font-size: 13px;
    line-height: 13px;
    color: #222; }
  .selected-wrap .clear-all {
    float: right;
    font-size: 13px;
    color: #fe6a49;
    cursor: pointer; }
  .selected-wrap .selected-list {
    height: 40px;
    padding-right: 20px;
    padding-left: 20px;
    line-height: 40px; }
    .selected-wrap .selected-list:hover {
      background-color: #f3f4f6; }
    .selected-wrap .selected-list .selected-item img {
      width: 28px;
      height: 28px;
      margin-right: 10px;
      vertical-align: middle;
      border-radius: 50%; }
    .selected-wrap .selected-list .selected-item .task-group-avatar {
      display: inline-block;
      width: 28px;
      height: 28px;
      text-align: center;
      vertical-align: middle;
      border-radius: 50%; }
      .selected-wrap .selected-list .selected-item .task-group-avatar .task-group-avatar-icon {
        display: block;
        width: 28px;
        height: 28px;
        margin: 0 auto;
        font-size: 13px;
        line-height: 28px;
        color: white;
        text-align: center;
        background: #4dace0;
        border: solid 1px transparent;
        border-radius: 50%; }
    .selected-wrap .selected-list .selected-item .org-avatar {
      display: inline-block;
      width: 28px;
      height: 28px;
      text-align: center;
      vertical-align: middle;
      border-radius: 50%; }
      .selected-wrap .selected-list .selected-item .org-avatar .org-avatar-icon {
        display: block;
        width: 28px;
        height: 28px;
        margin: 0 auto;
        font-size: 28px;
        line-height: 28px;
        color: #75a2ff;
        text-align: center;
        border: solid 1px transparent;
        border-radius: 50%; }
    .selected-wrap .selected-list .selected-item .team-avatar-icon {
      margin-right: 10px;
      font-size: 28px;
      color: #75a2ff;
      vertical-align: middle; }
    .selected-wrap .selected-list .selected-item .team-name {
      display: inline-block;
      max-width: 100px;
      overflow: hidden;
      -o-text-overflow: ellipsis;
         text-overflow: ellipsis;
      white-space: nowrap;
      vertical-align: middle; }
    .selected-wrap .selected-list .selected-item .org-name {
      display: inline-block;
      max-width: 100px;
      margin-left: 10px;
      overflow: hidden;
      -o-text-overflow: ellipsis;
         text-overflow: ellipsis;
      white-space: nowrap;
      vertical-align: middle; }
    .selected-wrap .selected-list .selected-item .channel-name {
      display: inline-block;
      max-width: 194px;
      overflow: hidden;
      -o-text-overflow: ellipsis;
         text-overflow: ellipsis;
      white-space: nowrap;
      vertical-align: middle; }
    .selected-wrap .selected-list .selected-item .user-name {
      display: inline-block;
      max-width: 170px;
      overflow: hidden;
      -o-text-overflow: ellipsis;
         text-overflow: ellipsis;
      white-space: nowrap;
      vertical-align: middle; }
  .selected-wrap .delete-icon {
    display: inline-block;
    float: right;
    margin-left: 5px;
    font-size: 15px;
    color: #828992;
    vertical-align: middle;
    cursor: pointer; }
    .selected-wrap .delete-icon:hover {
      color: #fe6a49; }

@charset "UTF-8";
.enterprise-item {
  position: relative;
  width: 353px;
  height: 40px;
  padding: 0 20px 0 20px;
  cursor: pointer; }
  .enterprise-item span {
    line-height: 40px;
    color: #222; }
  .enterprise-item:hover {
    background-color: #ebebeb; }
  .enterprise-item .icon-item {
    position: absolute;
    top: 10px;
    right: 20px;
    vertical-align: middle;
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
    /* Internet Explorer */
    -moz-transform: rotate(180deg);
    /* Firefox */
    -webkit-transform: rotate(180deg);
    /* Safari 和 Chrome */
    -o-transform: rotate(180deg);
    /* Opera */ }

.enterprise-page {
  width: 353px; }
  .enterprise-page .enterprise-page-header {
    display: inline-block;
    height: 40px;
    padding-left: 12px;
    line-height: 40px;
    cursor: pointer; }
    .enterprise-page .enterprise-page-header .icon {
      margin-right: 8px; }
  .enterprise-page .no-enterprise-tip {
    margin-top: 48px;
    font-size: 13px;
    color: #828992;
    text-align: center; }

@charset "UTF-8";
.file-assistant-item {
  position: relative;
  width: 354px;
  height: 40px;
  padding: 0 20px 0 20px;
  cursor: pointer; }
  .file-assistant-item span {
    line-height: 40px;
    color: #222; }
  .file-assistant-item:hover {
    background-color: #ebebeb; }
  .file-assistant-item .icon-item {
    position: absolute;
    top: 10px;
    right: 20px;
    vertical-align: middle;
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
    /* Internet Explorer */
    -moz-transform: rotate(180deg);
    /* Firefox */
    -webkit-transform: rotate(180deg);
    /* Safari 和 Chrome */
    -o-transform: rotate(180deg);
    /* Opera */ }

.quick-contact-page {
  width: 354px; }
  .quick-contact-page .quick-contact-page-header {
    display: inline-block;
    height: 40px;
    padding-left: 12px;
    line-height: 40px;
    cursor: pointer; }
    .quick-contact-page .quick-contact-page-header .icon {
      margin-right: 8px; }
  .quick-contact-page .quick-contact-page-body,
  .quick-contact-page .ai-assistant-page-body {
    height: 36px;
    line-height: 36px; }
    .quick-contact-page .quick-contact-page-body:hover,
    .quick-contact-page .ai-assistant-page-body:hover {
      background-color: #ebebeb; }
    .quick-contact-page .quick-contact-page-body .ant-checkbox-inner,
    .quick-contact-page .ai-assistant-page-body .ant-checkbox-inner {
      border-radius: 50%; }
    .quick-contact-page .quick-contact-page-body .ant-checkbox-wrapper,
    .quick-contact-page .ai-assistant-page-body .ant-checkbox-wrapper {
      width: 100%;
      padding-left: 20px; }
    .quick-contact-page .quick-contact-page-body img,
    .quick-contact-page .ai-assistant-page-body img {
      width: 28px;
      margin-right: 10px;
      vertical-align: middle;
      border-radius: 50%; }
    .quick-contact-page .quick-contact-page-body .ant-checkbox-checked::after,
    .quick-contact-page .ai-assistant-page-body .ant-checkbox-checked::after {
      border: none; }
    .quick-contact-page .quick-contact-page-body .recent-name,
    .quick-contact-page .ai-assistant-page-body .recent-name {
      display: inline-block;
      max-width: 194px;
      overflow: hidden;
      -o-text-overflow: ellipsis;
         text-overflow: ellipsis;
      white-space: nowrap;
      vertical-align: middle; }
  .quick-contact-page .no-quick-tip {
    margin-top: 48px;
    font-size: 13px;
    color: #828992;
    text-align: center; }

@charset "UTF-8";
.friend-item {
  position: relative;
  width: 353px;
  height: 40px;
  padding: 0 20px 0 20px;
  cursor: pointer; }
  .friend-item span {
    line-height: 40px;
    color: #222; }
  .friend-item:hover {
    background-color: #ebebeb; }
  .friend-item .icon-item {
    position: absolute;
    top: 10px;
    right: 20px;
    vertical-align: middle;
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
    /* Internet Explorer */
    -moz-transform: rotate(180deg);
    /* Firefox */
    -webkit-transform: rotate(180deg);
    /* Safari 和 Chrome */
    -o-transform: rotate(180deg);
    /* Opera */ }

.friend-page {
  width: 353px;
  height: 350px; }
  .friend-page .no-friend-tip {
    margin-top: 48px;
    font-size: 13px;
    color: #828992;
    text-align: center; }
  .friend-page .friend-page-header {
    display: inline-block;
    height: 40px;
    padding-left: 12px;
    line-height: 40px;
    cursor: pointer; }
    .friend-page .friend-page-header .icon {
      margin-right: 8px; }
  .friend-page .friend-page-body {
    height: 36px;
    margin-bottom: 5px;
    line-height: 36px; }
    .friend-page .friend-page-body .ant-checkbox-inner {
      border-radius: 50%; }
    .friend-page .friend-page-body .ant-checkbox-wrapper {
      width: 100%;
      padding-left: 20px; }
    .friend-page .friend-page-body img {
      width: 28px;
      margin-right: 10px;
      vertical-align: middle;
      border-radius: 50%; }
    .friend-page .friend-page-body .recent-name {
      display: inline-block;
      max-width: 194px;
      overflow: hidden;
      font-size: 14px;
      -o-text-overflow: ellipsis;
         text-overflow: ellipsis;
      white-space: nowrap;
      vertical-align: middle; }
    .friend-page .friend-page-body .incall_span {
      display: inline-block;
      width: 45px;
      height: 20px;
      padding-left: 4px;
      margin-top: 8px;
      margin-left: 10px;
      font-size: 11px;
      line-height: 20px;
      color: #1baddf;
      background-color: rgba(27, 173, 223, 0.1);
      border-radius: 2px; }
    .friend-page .friend-page-body .online_span {
      display: -ms-inline-flexbox;
      display: inline-flex;
      width: 45px;
      height: 20px;
      margin-top: 8px;
      margin-left: 10px;
      font-size: 11px;
      line-height: 20px;
      color: #48c68c;
      background-color: rgba(72, 198, 140, 0.1);
      border-radius: 2px;
      -ms-flex-pack: center;
          justify-content: center; }
    .friend-page .friend-page-body .temp_span {
      display: inline-block;
      width: 56px;
      height: 20px;
      margin-top: 8px;
      margin-left: 10px;
      font-size: 11px;
      line-height: 20px;
      color: #828992;
      background-color: #eaedf1;
      border-radius: 2px;
      text-align: center; }
    .friend-page .friend-page-body:hover {
      background-color: #ebebeb; }
    .friend-page .friend-page-body .ant-checkbox-checked::after {
      border: none; }

@charset "UTF-8";
.group-item {
  position: relative;
  width: 353px;
  height: 40px;
  padding: 0 20px 0 20px;
  cursor: pointer; }
  .group-item span {
    line-height: 40px;
    color: #222; }
  .group-item:hover {
    background-color: #f3f4f6; }
  .group-item .icon-item {
    position: absolute;
    top: 10px;
    right: 20px;
    vertical-align: middle;
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
    /* Internet Explorer */
    -moz-transform: rotate(180deg);
    /* Firefox */
    -webkit-transform: rotate(180deg);
    /* Safari 和 Chrome */
    -o-transform: rotate(180deg);
    /* Opera */ }

.group-page {
  width: 353px; }
  .group-page .group-page-header {
    display: inline-block;
    height: 40px;
    padding-left: 12px;
    line-height: 40px;
    cursor: pointer; }
    .group-page .group-page-header .icon {
      margin-right: 8px; }
    .group-page .group-page-header span {
      vertical-align: middle; }
  .group-page .group-page-body {
    height: 36px;
    line-height: 36px; }
    .group-page .group-page-body .ant-checkbox-inner {
      border-radius: 50%; }
    .group-page .group-page-body .ant-checkbox-wrapper {
      width: 100%;
      padding-left: 20px; }
    .group-page .group-page-body img {
      width: 28px;
      margin-right: 10px;
      vertical-align: middle;
      border-radius: 50%; }
    .group-page .group-page-body .recent-name {
      display: inline-block;
      max-width: 194px;
      overflow: hidden;
      font-size: 14px;
      -o-text-overflow: ellipsis;
         text-overflow: ellipsis;
      white-space: nowrap;
      vertical-align: middle; }
      .group-page .group-page-body .recent-name.recent-name-disable {
        max-width: 150px; }
    .group-page .group-page-body:hover {
      background-color: #ebebeb; }
    .group-page .group-page-body .ant-checkbox-checked::after {
      border: none; }
  .group-page .no-group-tip {
    margin-top: 48px;
    font-size: 13px;
    color: #828992;
    text-align: center; }

.enterprise-item-detail {
  width: 353px;
  line-height: 44px;
  color: #222;
  cursor: pointer; }
  .enterprise-item-detail .back {
    height: 40px;
    margin-bottom: 1px;
    margin-left: 10px;
    font-size: 13px;
    color: #5d6470;
    -webkit-transform: translateY(-2px);
        -ms-transform: translateY(-2px);
            transform: translateY(-2px); }
    .enterprise-item-detail .back .back-icon {
      margin-right: 4px;
      color-adjust: #222; }
  .enterprise-item-detail .enterprise-name {
    position: relative;
    height: 36px;
    padding: 0 0 0 20px;
    line-height: 36px;
    color: #222; }
    .enterprise-item-detail .enterprise-name:hover {
      background: #ebebeb; }
    .enterprise-item-detail .enterprise-name .choose-team-name {
      display: inline-block;
      max-width: 200px;
      overflow: hidden;
      -o-text-overflow: ellipsis;
         text-overflow: ellipsis;
      white-space: nowrap;
      vertical-align: middle; }
    .enterprise-item-detail .enterprise-name .icon-item {
      margin-right: 10px;
      font-size: 28px;
      color: #6e7ab3; }
    .enterprise-item-detail .enterprise-name .icon-sanjiao-up {
      position: absolute;
      right: 20px;
      font-size: 12px;
      color: #828992;
      vertical-align: middle;
      -ms-transform: rotate(90deg);
      -webkit-transform: rotate(90deg);
      transform: rotate(90deg); }
    .enterprise-item-detail .enterprise-name .icon-sanjiao-down {
      position: absolute;
      right: 20px;
      font-size: 12px;
      color: #828992;
      vertical-align: middle;
      -ms-transform: rotate(270deg);
      -webkit-transform: rotate(270deg);
      transform: rotate(270deg); }
  .enterprise-item-detail .cluster-team .cluster-item {
    position: relative;
    padding: 0 0 0 64px; }
    .enterprise-item-detail .cluster-team .cluster-item .icon-sanjiao-up {
      position: absolute;
      right: 20px;
      color: #828992;
      vertical-align: middle;
      -ms-transform: rotate(90deg);
      -webkit-transform: rotate(90deg);
      transform: rotate(90deg); }
    .enterprise-item-detail .cluster-team .cluster-item .cluster-icon-sanjiao-up {
      position: absolute;
      right: 20px;
      color: #828992;
      vertical-align: middle;
      -ms-transform: rotate(90deg);
      -webkit-transform: rotate(90deg);
      transform: rotate(90deg); }
    .enterprise-item-detail .cluster-team .cluster-item .cluster-icon-sanjiao-down {
      position: absolute;
      right: 20px;
      color: #828992;
      vertical-align: middle;
      -ms-transform: rotate(270deg);
      -webkit-transform: rotate(270deg);
      transform: rotate(270deg); }
    .enterprise-item-detail .cluster-team .cluster-item .icon-sanjiao-down {
      position: absolute;
      right: 20px;
      font-size: 12px;
      color: #828992;
      vertical-align: middle;
      -ms-transform: rotate(270deg);
      -webkit-transform: rotate(270deg);
      transform: rotate(270deg); }
  .enterprise-item-detail .enterprise-org,
  .enterprise-item-detail .enterprise-guest {
    height: 36px;
    padding: 0 20px 0 38px;
    font-size: 12px;
    line-height: 36px;
    color: #828992; }
    .enterprise-item-detail .enterprise-org:hover,
    .enterprise-item-detail .enterprise-guest:hover {
      background-color: #ebebeb; }

.org-page {
  width: 353px; }
  .org-page .no-point-user {
    margin-top: 86px;
    font-size: 13px;
    color: #828992;
    text-align: center; }
  .org-page .no-point-guest {
    margin-top: 86px;
    font-size: 13px;
    color: #828992;
    text-align: center; }
  .org-page .org-page-user-banner {
    height: 28px;
    padding-left: 26px;
    font-size: 12px;
    line-height: 28px;
    color: #828992;
    background: #f8f8f8; }
  .org-page .org-team-banner {
    height: 28px;
    padding-left: 26px;
    font-size: 12px;
    line-height: 28px;
    color: #919191;
    background: #f8f8f8; }
  .org-page .current-team-item {
    height: 40px;
    padding-left: 26px;
    line-height: 40px; }
    .org-page .current-team-item .team-check {
      width: 100%; }
    .org-page .current-team-item:hover {
      cursor: pointer;
      background-color: #ebebeb; }
    .org-page .current-team-item .ant-checkbox-inner {
      border-radius: 50%; }
    .org-page .current-team-item .ant-checkbox-checked:after {
      border: none; }
    .org-page .current-team-item .team-name {
      display: inline-block;
      max-width: 265px;
      margin-left: 10px;
      overflow: hidden;
      -o-text-overflow: ellipsis;
         text-overflow: ellipsis;
      white-space: nowrap;
      vertical-align: middle; }
  .org-page .org-banner {
    height: 28px;
    padding-left: 26px;
    font-size: 12px;
    line-height: 28px;
    color: #919191;
    background: #f8f8f8; }
  .org-page .org-bread-crumb {
    padding-right: 26px;
    padding-left: 26px; }
    .org-page .org-bread-crumb .ant-breadcrumb > span:last-child > span {
      color: #828992 !important;
      cursor: auto !important; }
    .org-page .org-bread-crumb .bread-arrow {
      display: inline-block;
      color: #828992 !important;
      -webkit-transform: rotate(180deg);
          -ms-transform: rotate(180deg);
              transform: rotate(180deg); }
    .org-page .org-bread-crumb .ant-breadcrumb-link {
      color: #00acdc; }
  .org-page .org-page-header {
    display: inline-block;
    height: 40px;
    padding-left: 24px;
    line-height: 40px;
    color: #222;
    cursor: pointer; }
    .org-page .org-page-header .icon {
      margin-right: 4px;
      vertical-align: bottom; }
  .org-page .org-page-body {
    height: 40px;
    line-height: 40px; }
    .org-page .org-page-body .loading {
      margin-right: 19px;
      margin-left: 26px; }
    .org-page .org-page-body .is-loading {
      display: inline-block;
      -webkit-transform: scale(0.2) !important;
          -ms-transform: scale(0.2) !important;
              transform: scale(0.2) !important; }
    .org-page .org-page-body .org-item-name {
      display: inline-block;
      max-width: 200px;
      overflow: hidden;
      -o-text-overflow: ellipsis;
         text-overflow: ellipsis;
      white-space: nowrap;
      vertical-align: middle; }
      .org-page .org-page-body .org-item-name.org-item-name-disable {
        max-width: 170px; }
    .org-page .org-page-body:hover {
      background-color: #ebebeb; }
    .org-page .org-page-body .org-page-check {
      width: 100%;
      line-height: 40px; }
      .org-page .org-page-body .org-page-check .org-user-name {
        display: inline-block;
        max-width: 190px;
        overflow: hidden;
        -o-text-overflow: ellipsis;
           text-overflow: ellipsis;
        white-space: nowrap;
        vertical-align: middle; }
        .org-page .org-page-body .org-page-check .org-user-name.org-user-name-disable {
          max-width: 160px; }
    .org-page .org-page-body .ant-checkbox-inner {
      border-radius: 50%; }
    .org-page .org-page-body .ant-checkbox-wrapper {
      padding-right: 10px;
      padding-left: 20px; }
    .org-page .org-page-body img {
      width: 28px;
      margin-right: 10px;
      vertical-align: middle;
      border-radius: 50%; }
    .org-page .org-page-body .next-org {
      float: right;
      margin-right: 30px;
      font-size: 12px;
      cursor: pointer;
      -webkit-transform: rotate(180deg);
          -ms-transform: rotate(180deg);
              transform: rotate(180deg); }
    .org-page .org-page-body .recent-name {
      display: inline-block;
      max-width: 190px;
      overflow: hidden;
      -o-text-overflow: ellipsis;
         text-overflow: ellipsis;
      white-space: nowrap;
      vertical-align: middle; }
    .org-page .org-page-body .ant-checkbox-checked::after {
      border: none; }

@charset "UTF-8";
.quick-contact-item {
  position: relative;
  width: 353px;
  height: 40px;
  padding: 0 20px 0 20px;
  cursor: pointer; }
  .quick-contact-item span {
    line-height: 40px;
    color: #222; }
  .quick-contact-item:hover {
    background-color: #ebebeb; }
  .quick-contact-item .icon-item {
    position: absolute;
    top: 10px;
    right: 20px;
    vertical-align: middle;
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
    /* Internet Explorer */
    -moz-transform: rotate(180deg);
    /* Firefox */
    -webkit-transform: rotate(180deg);
    /* Safari 和 Chrome */
    -o-transform: rotate(180deg);
    /* Opera */ }

.quick-contact-page {
  width: 353px; }
  .quick-contact-page .quick-contact-page-header {
    display: inline-block;
    height: 40px;
    padding-left: 12px;
    line-height: 40px;
    cursor: pointer; }
    .quick-contact-page .quick-contact-page-header .icon {
      margin-right: 8px; }
  .quick-contact-page .quick-contact-page-body {
    height: 36px;
    line-height: 36px; }
    .quick-contact-page .quick-contact-page-body:hover {
      background-color: #ebebeb; }
    .quick-contact-page .quick-contact-page-body .ant-checkbox-inner {
      border-radius: 50%; }
    .quick-contact-page .quick-contact-page-body .ant-checkbox-wrapper {
      width: 100%;
      padding-left: 20px; }
    .quick-contact-page .quick-contact-page-body img {
      width: 28px;
      margin-right: 10px;
      vertical-align: middle;
      border-radius: 50%; }
    .quick-contact-page .quick-contact-page-body .ant-checkbox-checked::after {
      border: none; }
  .quick-contact-page .no-quick-tip {
    margin-top: 48px;
    font-size: 13px;
    color: #828992;
    text-align: center; }

.recent-wrap {
  position: relative;
  width: 353px;
  min-height: 110px; }
  .recent-wrap .bottom-loading {
    bottom: 10px !important; }
  .recent-wrap .fetch-fail {
    width: 100%;
    margin-top: 54px;
    text-align: center; }
    .recent-wrap .fetch-fail span:nth-child(2) {
      margin-left: 4px;
      font-size: 13px;
      color: #00acdc;
      cursor: pointer; }
  .recent-wrap .recent-contact {
    height: 28px;
    padding: 0 20px 0 20px;
    font-size: 12px;
    line-height: 28px;
    color: #828992;
    cursor: pointer;
    background-color: #f9fafd; }
  .recent-wrap .group-page-body {
    padding-right: 20px; }
  .recent-wrap .recent-item {
    height: 36px;
    padding: 0 20px 0 20px;
    line-height: 36px; }
    .recent-wrap .recent-item:hover {
      background-color: #ebebeb; }
    .recent-wrap .recent-item .recent-check .ant-checkbox-inner {
      border-radius: 50%; }
    .recent-wrap .recent-item .ant-checkbox-wrapper {
      width: 100%; }
    .recent-wrap .recent-item img {
      width: 28px;
      margin-right: 10px;
      vertical-align: middle;
      border-radius: 50%; }
    .recent-wrap .recent-item .recent-name {
      display: inline-block;
      max-width: 194px;
      overflow: hidden;
      font-size: 14px;
      -o-text-overflow: ellipsis;
         text-overflow: ellipsis;
      white-space: nowrap;
      vertical-align: middle; }
      .recent-wrap .recent-item .recent-name.recent-name-disable {
        max-width: 150px; }
    .recent-wrap .recent-item .ant-checkbox-checked::after {
      border: none; }
  .recent-wrap .no-recent-tip {
    margin-top: 48px;
    font-size: 13px;
    color: #828992;
    text-align: center; }
  .recent-wrap .group-page-body {
    height: 36px;
    line-height: 36px; }
    .recent-wrap .group-page-body .ant-checkbox-inner {
      border-radius: 50%; }
    .recent-wrap .group-page-body .ant-checkbox-wrapper {
      width: 100%;
      padding-left: 20px; }
    .recent-wrap .group-page-body img {
      width: 28px;
      margin-right: 10px;
      vertical-align: middle;
      border-radius: 50%; }
    .recent-wrap .group-page-body .recent-name {
      display: inline-block;
      max-width: 194px;
      overflow: hidden;
      font-size: 14px;
      -o-text-overflow: ellipsis;
         text-overflow: ellipsis;
      white-space: nowrap;
      vertical-align: middle; }
      .recent-wrap .group-page-body .recent-name.recent-name-disable {
        max-width: 150px; }
    .recent-wrap .group-page-body:hover {
      background-color: #ebebeb; }
    .recent-wrap .group-page-body .ant-checkbox-checked::after {
      border: none; }

.search-no {
  margin-top: 150px;
  text-align: center; }
  .search-no .search-no-img {
    font-size: 75px;
    color: #343d4c;
    opacity: 0.2; }
  .search-no .search-no-icon {
    font-size: 100px; }
  .search-no .search-no-text {
    display: block;
    margin-top: -15px;
    margin-left: 20px;
    font-size: 14px;
    color: #828992; }

.new-search-no {
  margin-top: 80px;
  text-align: center; }
  .new-search-no .search-no-img {
    width: 173px; }
  .new-search-no .search-no-icon {
    font-size: 100px; }
  .new-search-no .search-no-text {
    display: block;
    margin-top: -15px;
    margin-left: 20px;
    font-size: 14px;
    color: #828992; }

.search-no.result {
  margin-top: 100px !important;
  text-align: center; }
  .search-no.result img {
    width: 173px; }

.recently-participant-select-container {
  min-height: 100px; }
  .recently-participant-select-container .header-tip {
    margin: 8px 0 8px 20px; }
  .recently-participant-select-container .no-group-tip {
    display: inline-block;
    width: 100%;
    margin-top: 80px;
    margin-bottom: 100px;
    margin-left: -26px;
    font-size: 13px;
    color: #828992;
    text-align: center; }
  .recently-participant-select-container .group .head-bar {
    padding-left: 20px; }
    .recently-participant-select-container .group .head-bar:hover {
      background: #ebebeb; }
  .recently-participant-select-container .group .title {
    position: relative;
    display: inline-block;
    width: calc(100% - 14px);
    height: 36px;
    padding: 0 !important;
    line-height: 36px;
    cursor: pointer; }
    .recently-participant-select-container .group .title .count {
      position: absolute;
      right: 10px; }
      .recently-participant-select-container .group .title .count .qt-icon {
        display: inline-block;
        margin-left: 8px;
        -webkit-transform: rotate(-90deg);
            -ms-transform: rotate(-90deg);
                transform: rotate(-90deg); }
      .recently-participant-select-container .group .title .count .expand-icon {
        -webkit-transform: rotate(90deg);
            -ms-transform: rotate(90deg);
                transform: rotate(90deg); }
  .recently-participant-select-container .group .loading-container {
    position: relative;
    min-height: 50px;
    margin-left: -60px; }
  .recently-participant-select-container .group .group-body-container {
    position: relative;
    margin-top: 1px; }
    .recently-participant-select-container .group .group-body-container .item {
      width: 100%;
      height: 36px;
      line-height: 36px; }
      .recently-participant-select-container .group .group-body-container .item .avatar {
        display: inline-block;
        width: 28px;
        height: 28px;
        margin-right: 10px;
        vertical-align: middle; }
      .recently-participant-select-container .group .group-body-container .item .check {
        width: calc(100% - 20px);
        padding-left: 20px; }
        .recently-participant-select-container .group .group-body-container .item .check .ant-checkbox-inner {
          border-radius: 50% !important; }
      .recently-participant-select-container .group .group-body-container .item .disabled-text {
        float: right;
        max-width: 60px;
        margin-right: 8px;
        overflow: hidden;
        font-size: 14px;
        color: #828992;
        -o-text-overflow: ellipsis;
           text-overflow: ellipsis;
        white-space: nowrap;
        vertical-align: middle; }
      .recently-participant-select-container .group .group-body-container .item .recent-name {
        display: inline-block;
        max-width: 194px;
        overflow: hidden;
        font-size: 14px;
        -o-text-overflow: ellipsis;
           text-overflow: ellipsis;
        white-space: nowrap;
        vertical-align: middle; }
      .recently-participant-select-container .group .group-body-container .item:hover {
        background-color: #ebebeb; }
    .recently-participant-select-container .group .group-body-container .load-failed {
      margin-top: 10px !important; }
  .recently-participant-select-container .select-affix {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 99;
    width: 100%;
    height: 36px;
    padding-left: 26px;
    line-height: 36px;
    cursor: pointer;
    background: #f1f1f1; }

.search-header-title {
  display: block;
  padding-left: 20px;
  font-size: 12px;
  line-height: 28px;
  color: #828992;
  background-color: #f9fafd; }
  .search-header-title:first-child {
    border-top-left-radius: 5px;
    border-top-right-radius: 5px; }

.is-loading {
  display: inline-block;
  -webkit-transform: scale(0.3) !important;
      -ms-transform: scale(0.3) !important;
          transform: scale(0.3) !important; }

.is-loading-lg {
  display: inline-block;
  -webkit-transform: scale(0.5) !important;
      -ms-transform: scale(0.5) !important;
          transform: scale(0.5) !important; }

.center-loading {
  width: 247px;
  margin: 200px auto;
  color: '#B4B4BD';
  text-align: center;
  -webkit-transform: scale(0.5);
      -ms-transform: scale(0.5);
          transform: scale(0.5); }

.loading-more-div {
  width: 300px;
  text-align: center;
  -webkit-transform: scale(0.5);
      -ms-transform: scale(0.5);
          transform: scale(0.5); }

.search-list-loading {
  float: right;
  margin-right: 16px;
  color: #828992;
  cursor: default; }
  .search-list-loading .center-loading {
    display: inline-block;
    width: auto;
    height: auto;
    margin: 0 4px 0 0; }
  .search-list-loading .reload {
    cursor: pointer; }

.search-loading-more {
  float: right;
  margin-right: 16px;
  color: #828992; }
  .search-loading-more:hover {
    color: #fe6a49; }
  .search-loading-more .loading-more-icon {
    -webkit-transform: scale(0.4);
        -ms-transform: scale(0.4);
            transform: scale(0.4); }

.footer-loadMore {
  height: 24px;
  margin-left: 12px;
  font-size: 12px;
  line-height: 13px;
  line-height: 24px;
  color: #00acdc;
  text-align: left;
  cursor: pointer; }
  .footer-loadMore .center-loading {
    -webkit-transform: scale(0.6) !important;
        -ms-transform: scale(0.6) !important;
            transform: scale(0.6) !important; }

.search-item {
  display: -ms-flexbox;
  display: flex;
  height: 46px;
  padding: 0 0 0 11px !important;
  line-height: 46px;
  cursor: pointer; }
  .search-item:hover {
    background-color: #f3f4f6; }
  .search-item .avatar {
    display: inline-block;
    width: 30px !important;
    height: 30px;
    line-height: 24px;
    text-align: center;
    vertical-align: middle;
    background-repeat: no-repeat; }
  .search-item .channel-text {
    display: inline-block;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
        flex-direction: column;
    -ms-flex-pack: center;
        justify-content: center;
    line-height: normal; }
    .search-item .channel-text .domain-name {
      width: 180px;
      margin-top: 3px;
      overflow: hidden;
      font-size: 12px;
      color: #828992;
      -o-text-overflow: ellipsis;
         text-overflow: ellipsis;
      white-space: nowrap; }
  .search-item .name {
    display: inline-block;
    width: 180px;
    overflow: hidden;
    font-size: 13px;
    color: #222 !important;
    text-align: left;
    -o-text-overflow: ellipsis;
       text-overflow: ellipsis;
    white-space: nowrap;
    vertical-align: middle; }
  .search-item .channel-name {
    width: 180px; }
  .search-item .public-icon {
    margin-right: 4px;
    color: #ffbf47; }
  .search-item .private-icon {
    margin-right: 4px;
    color: #00acdc; }
  .search-item .item-collaboration {
    line-height: 30px; }
  .search-item .item-domain-name {
    display: block;
    width: 180px;
    margin-top: -15px;
    overflow: hidden;
    -o-text-overflow: ellipsis;
       text-overflow: ellipsis;
    white-space: nowrap; }
  .search-item .ant-checkbox-inner {
    border-radius: 50%; }
  .search-item .channel-checkbox {
    height: 46px;
    line-height: 46px; }

.online-wrap {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  width: 14px;
  height: 14px; }
  .online-wrap .online-pc {
    width: 14px; }
  .online-wrap .online-phone {
    width: 15px;
    height: 15px; }

.contact-item {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  padding: 0 0 0 11px !important; }
  .contact-item:hover {
    background-color: #f3f4f6; }
  .contact-item .img-area {
    position: relative; }
  .contact-item .online-wrap {
    position: absolute;
    top: 28px;
    left: 19px; }
  .contact-item .avatar {
    width: 30px;
    height: 30px;
    margin-top: 8px;
    line-height: 24px;
    text-align: center;
    vertical-align: middle;
    background-repeat: no-repeat;
    border-radius: 50%; }
  .contact-item .org-node {
    max-width: 180px;
    overflow: hidden;
    font-size: 12px;
    color: #828992;
    -o-text-overflow: ellipsis;
       text-overflow: ellipsis;
    white-space: nowrap; }
  .contact-item .base-info .hight-container {
    font-size: 12px; }
  .contact-item .base-info .phone {
    font-size: 12px;
    color: #5d6470; }
  .contact-item .base-info .view-detail {
    position: absolute;
    top: 7px;
    right: 16px;
    width: 16px;
    height: 13px;
    cursor: pointer; }
    .contact-item .base-info .view-detail:hover {
      color: #fe6a49; }
  .contact-item .user-name {
    display: inline-block;
    width: auto !important;
    max-width: 166px;
    margin-right: 6px;
    overflow: hidden;
    font-size: 13px;
    color: #222 !important;
    text-align: left;
    -o-text-overflow: ellipsis;
       text-overflow: ellipsis;
    white-space: nowrap;
    vertical-align: bottom; }
  .contact-item .online-status {
    height: 20px;
    font-size: 12px;
    line-height: 20px;
    color: #828992; }
    .contact-item .online-status .status-icon {
      display: inline-block;
      margin-right: 1px;
      margin-left: -4px;
      font-size: 12px;
      vertical-align: top;
      -webkit-transform: scale(0.4);
          -ms-transform: scale(0.4);
              transform: scale(0.4); }
    .contact-item .online-status .online-icon::before {
      color: #0dae36;
      background: #41db2a;
      border-radius: 100%; }
    .contact-item .online-status .off-icon::before {
      color: #c1c1c1;
      background: #d8d8d8;
      border-radius: 100%; }
  .contact-item .user-name-middle {
    line-height: 34px; }
  .contact-item .user-detail {
    display: inline-block;
    width: 185px;
    overflow: hidden;
    font-size: 12px;
    color: #828992;
    -o-text-overflow: ellipsis;
       text-overflow: ellipsis;
    white-space: nowrap;
    vertical-align: middle; }
  .contact-item .contact-info {
    margin-top: 6px;
    margin-bottom: 6px; }
  .contact-item .ant-checkbox-inner {
    border-radius: 50%; }
  .contact-item .user-checkbox {
    height: 46px;
    line-height: 46px; }
  .contact-item .search-disabled-text {
    position: absolute;
    top: 28px;
    right: 20px; }

.search-org-item {
  height: 40px;
  padding: 0 0 0 11px;
  margin-bottom: 1px;
  line-height: 40px;
  cursor: pointer; }
  .search-org-item:hover {
    background-color: #f3f4f6; }
  .search-org-item .next-org {
    float: right;
    margin-right: 30px;
    font-size: 12px;
    cursor: pointer;
    -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
            transform: rotate(180deg); }
  .search-org-item .ant-checkbox-inner {
    border-radius: 50%; }
  .search-org-item .org-checkbox {
    height: 46px;
    line-height: 46px; }

.contact-search-list {
  height: 100%; }
  .contact-search-list .search-nice-scroll {
    height: 100%; }
  .contact-search-list .user-detail,
  .contact-search-list .user-name,
  .contact-search-list .channel-name {
    width: 200px !important; }
  .contact-search-list .search-org-name {
    display: inline-block;
    max-width: 200px;
    overflow: hidden;
    -o-text-overflow: ellipsis;
       text-overflow: ellipsis;
    white-space: nowrap;
    vertical-align: middle; }

.forward-modal {
  width: 650px !important;
  color: #5d6470; }
  .forward-modal .ant-modal-body {
    padding: 0; }
  .forward-modal .remark {
    width: 272px !important;
    min-height: 110px;
    overflow: hidden;
    color: #222;
    word-break: break-all;
    vertical-align: text-top !important;
    resize: none;
    background: #f3f4f6;
    border: none !important;
    border-radius: 4px;
    outline: none; }
    .forward-modal .remark:hover {
      -webkit-box-shadow: none;
              box-shadow: none; }
    .forward-modal .remark:focus {
      -webkit-box-shadow: none;
              box-shadow: none; }
  .forward-modal .remark-scrollBar {
    display: inline-block;
    width: 272px !important; }
    .forward-modal .remark-scrollBar:hover {
      border-color: #69b0e7; }
  .forward-modal .save-2-qt {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center;
    -ms-flex-pack: center;
        justify-content: center;
    height: 355px;
    font-size: 13px;
    color: #d4d5d6;
    text-align: center; }
    .forward-modal .save-2-qt .icon {
      display: block;
      font-size: 100px;
      line-height: 104px; }
  .forward-modal .select-operate {
    margin: 15px; }
  .forward-modal .forward-selected-cls {
    width: 296px;
    height: 240px;
    min-height: 240px; }
  .forward-modal .remark-container {
    position: absolute;
    right: 12px;
    bottom: 52px;
    height: 120px; }
  .forward-modal .forward-unselected-cls {
    height: 361px; }
  .forward-modal .ant-modal-footer {
    position: absolute;
    right: 58px;
    bottom: 0; }

.upload-preview-dialog .ant-modal-body {
  padding: 0;
  line-height: 22px; }

.upload-preview-dialog .footer-team {
  position: absolute;
  display: block;
  margin-top: -2px;
  margin-left: 8px;
  text-align: left; }
  .upload-preview-dialog .footer-team .disabled {
    color: #828992 !important; }
  .upload-preview-dialog .footer-team .team-introduce-text {
    padding-right: 4px; }

.upload-preview-dialog .select-checkbox .ant-checkbox-inner {
  border-radius: 50%; }

.upload-preview-dialog .select-icon.team-introduce-icon:hover {
  color: #fe6a49; }

.upload-preview-dialog .team-name {
  display: inline-block;
  max-width: 290px;
  overflow: hidden;
  font-size: 12px;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  white-space: nowrap;
  vertical-align: bottom; }

.upload-preview-dialog .team-name.selected {
  color: #fe6a49; }

.upload-preview-dialog .team-name.unselected {
  color: #828992; }

.upload-preview-dialog .team-name-info {
  margin-left: 24px;
  text-align: left; }

.upload-preview-dialog .file-auth-introduce {
  position: absolute;
  bottom: 12px;
  margin-left: 22px;
  color: #00acdc;
  cursor: pointer; }
  .upload-preview-dialog .file-auth-introduce .what-wps {
    margin-left: 6px;
    color: #828992; }
    .upload-preview-dialog .file-auth-introduce .what-wps:hover {
      color: #fe6a49; }

.single-file-preview-container {
  position: relative;
  margin-bottom: 20px;
  text-align: center; }
  .single-file-preview-container .image-edit {
    color: #00acdc;
    cursor: pointer; }
  .single-file-preview-container .file-un-preview {
    font-size: 12px;
    color: #ec5233; }

.single-file-preview-container .preview-box {
  position: relative;
  min-width: 340px;
  height: 220px;
  margin: 25px 40px 0 40px; }

.single-file-preview-container .preview-img,
.single-file-preview-container .preview-file,
.single-file-preview-container .preview-file .file-type {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto; }

.single-file-preview-container .preview-file .file-type {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center; }
  .single-file-preview-container .preview-file .file-type .file-icon {
    width: 70px;
    font-size: 70px; }

.single-file-preview-container .loading-image {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  height: 100%; }

.single-file-preview-container .preview-img {
  width: 30px;
  height: 30px; }

.single-file-preview-container .preview-video {
  max-height: 200px; }

.single-file-preview-container .preview-img.onload {
  width: 316px;
  height: 196px; }

.single-file-preview-container .preview-expression {
  max-width: 200px;
  max-height: 200px; }

.single-file-preview-container .file-name,
.single-file-preview-container .file-size {
  display: inline-block;
  max-width: 500px;
  padding: 0 15px;
  font-size: 12px;
  color: #5d6470;
  text-align: center;
  word-break: break-all; }

.single-file-preview-container .preview-file {
  width: 136px;
  height: 136px; }

.single-file-preview-container .video-time-container {
  position: absolute;
  margin-top: -33px;
  font-size: 12px;
  color: #fff; }

.single-file-preview-container .preview-video-detail {
  display: inline-block;
  text-align: center; }

.single-file-preview-container .icon-video-tag {
  margin-right: 8px;
  margin-left: 10px;
  font-size: 22px;
  vertical-align: sub;
  vertical-align: middle; }

.single-file-preview-container .video-time {
  vertical-align: middle; }

.single-file-preview-container .video-footer-background {
  position: absolute;
  height: 27px;
  margin-top: -34px;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAbCAYAAAB836/YAAAAAXNSR0IArs4c6QAAAJ9JREFUSA3VlNsOgCAMQyHR//9kpUiNKdGB2R5YgrdsTc9g5pTSVpZbQGwv62iKuT3jPhKoY03Nh2CIwxE3QzmzyIpI3LtFROYHLVBXKqD5mQ618Pd7iCBEiWw5U0TNXwT5a1IU0drlOiXooVuE77KFaJKEOMSmuEWIQ4hyUrSHlvPuGIU4dO/hDHKH2NqFViEW+Tk8kS/j71frFCyAfAKIYiXrDPO+RgAAAABJRU5ErkJggg==); }

.multi-file-preview-container {
  position: relative;
  min-width: 570px;
  min-height: 330px; }

.multi-file-preview-container .selected-file-list,
.multi-file-preview-container .unselected-file-list {
  min-height: 64px;
  max-height: 480px;
  padding: 12px 34px;
  overflow: hidden; }

.multi-file-preview-container .unselected-file-list {
  background-color: #f8f8f8; }

.multi-file-preview-container .remove-file-header {
  padding: 12px 0 0 34px;
  font-size: 12px;
  line-height: 15px;
  color: #828992;
  background-color: #f8f8f8; }

.multi-file-preview-container .remove-file-header.selected-list-empty-header {
  padding-top: 18px;
  padding-bottom: 10px; }

.multi-file-preview-container .file-item-container {
  margin-bottom: 8px; }

.multi-file-preview-container .file-item-container:last-child {
  margin-bottom: 0; }

.multi-file-preview-container .remove-file-btn,
.multi-file-preview-container .add-file-btn {
  display: inline-block;
  margin-top: 9px;
  font-size: 14px;
  color: #828992;
  cursor: pointer; }
  .multi-file-preview-container .remove-file-btn:hover,
  .multi-file-preview-container .add-file-btn:hover {
    color: #5d6470; }

.multi-file-preview-container .preview-img,
.multi-file-preview-container .preview-file,
.multi-file-preview-container .preview-video {
  margin: 0 12px;
  vertical-align: top; }

.multi-file-preview-container .preview-img {
  display: inline-block;
  width: 40px;
  height: 40px;
  background-color: #ececec; }

.multi-file-preview-container .preview-file {
  position: relative;
  display: inline-block;
  width: 40px;
  height: 40px; }

.multi-file-preview-container .preview-video {
  position: relative;
  display: inline-block;
  width: 40px;
  height: 40px;
  background-color: #ececec; }

.multi-file-preview-container .preview-file .file-type {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  margin: auto; }
  .multi-file-preview-container .preview-file .file-type .file-icon {
    width: 40px;
    font-size: 40px; }

.multi-file-preview-container .file-info-box {
  display: inline-block;
  line-height: 20px;
  vertical-align: top; }

.multi-file-preview-container .file-un-preview {
  right: 0;
  float: right;
  font-size: 12px;
  line-height: 40px;
  color: #ec5233; }

.multi-file-preview-container .file-name {
  max-width: 340px;
  overflow: hidden;
  font-size: 12px;
  color: #222;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  white-space: nowrap; }

.multi-file-preview-container .file-size {
  font-size: 12px;
  color: #828992; }

.multi-file-preview-container .icon-video-tag {
  position: absolute;
  margin-top: 22px;
  margin-left: -50px;
  font-size: 12px;
  color: #fff; }

.preview-file-footer {
  margin-right: 20px;
  margin-left: 20px;
  border-top: 2px dotted #eaedf1; }
  .preview-file-footer .setting-select {
    width: 260px;
    margin-left: 10px; }
  .preview-file-footer .setting-item {
    margin-top: 20px; }
  .preview-file-footer .un-download-container {
    display: inline-block;
    width: 396px;
    font-size: 12px; }
  .preview-file-footer .un-download-tip {
    margin-left: 3px;
    color: #222;
    opacity: 0.5; }
  .preview-file-footer .un-download-icon {
    color: #ffae62; }
  .preview-file-footer.en .setting-item label {
    display: inline-block;
    min-width: 116px; }

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
.ant-select {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.65);
  font-size: 12px;
  font-variant: tabular-nums;
  line-height: 1.5;
  list-style: none;
  -webkit-font-feature-settings: 'tnum';
          font-feature-settings: 'tnum';
  position: relative;
  display: inline-block;
  outline: 0;
}
.ant-select ul,
.ant-select ol {
  margin: 0;
  padding: 0;
  list-style: none;
}
.ant-select > ul > li > a {
  padding: 0;
  background-color: #fff;
}
.ant-select-arrow {
  display: inline-block;
  color: inherit;
  font-style: normal;
  line-height: 0;
  text-align: center;
  text-transform: none;
  vertical-align: -0.125em;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  position: absolute;
  top: 50%;
  right: 11px;
  margin-top: -6px;
  color: rgba(0, 0, 0, 0.25);
  font-size: 12px;
  line-height: 1;
  -webkit-transform-origin: 50% 50%;
      -ms-transform-origin: 50% 50%;
          transform-origin: 50% 50%;
}
.ant-select-arrow > * {
  line-height: 1;
}
.ant-select-arrow svg {
  display: inline-block;
}
.ant-select-arrow::before {
  display: none;
}
.ant-select-arrow .ant-select-arrow-icon {
  display: block;
}
.ant-select-arrow .ant-select-arrow-icon svg {
  -webkit-transition: -webkit-transform 0.3s;
  transition: -webkit-transform 0.3s;
  -o-transition: transform 0.3s;
  transition: transform 0.3s;
  transition: transform 0.3s, -webkit-transform 0.3s;
}
.ant-select-selection {
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #d9d9d9;
  border-top-width: 1.02px;
  border-radius: 4px;
  outline: 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);
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.ant-select-selection:hover {
  border-color: #e6d8d8;
  border-right-width: 1px !important;
}
.ant-select-focused .ant-select-selection,
.ant-select-selection:focus,
.ant-select-selection:active {
  border-color: #ff9173;
  border-right-width: 1px !important;
  outline: 0;
  -webkit-box-shadow: 0 0 0 2px rgba(254, 106, 73, 0.2);
          box-shadow: 0 0 0 2px rgba(254, 106, 73, 0.2);
}
.ant-select-selection__clear {
  position: absolute;
  top: 50%;
  right: 11px;
  z-index: 1;
  display: inline-block;
  width: 12px;
  height: 12px;
  margin-top: -6px;
  color: rgba(0, 0, 0, 0.25);
  font-size: 12px;
  font-style: normal;
  line-height: 12px;
  text-align: center;
  text-transform: none;
  background: #fff;
  cursor: pointer;
  opacity: 0;
  -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;
  text-rendering: auto;
}
.ant-select-selection__clear::before {
  display: block;
}
.ant-select-selection__clear:hover {
  color: rgba(0, 0, 0, 0.45);
}
.ant-select-selection:hover .ant-select-selection__clear {
  opacity: 1;
}
.ant-select-selection-selected-value {
  float: left;
  max-width: 100%;
  padding-right: 20px;
  overflow: hidden;
  white-space: nowrap;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
}
.ant-select-no-arrow .ant-select-selection-selected-value {
  padding-right: 0;
}
.ant-select-disabled {
  color: rgba(0, 0, 0, 0.25);
}
.ant-select-disabled .ant-select-selection {
  background: #f5f5f5;
  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 {
  padding-right: 10px;
  color: rgba(0, 0, 0, 0.33);
  background: #f5f5f5;
}
.ant-select-disabled .ant-select-selection--multiple .ant-select-selection__choice__remove {
  display: none;
}
.ant-select-selection--single {
  position: relative;
  height: 28px;
  cursor: pointer;
}
.ant-select-selection__rendered {
  position: relative;
  display: block;
  margin-right: 11px;
  margin-left: 11px;
  line-height: 26px;
}
.ant-select-selection__rendered::after {
  display: inline-block;
  width: 0;
  visibility: hidden;
  content: '.';
  pointer-events: none;
}
.ant-select-lg {
  font-size: 14px;
}
.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,
.ant-select-lg .ant-select-selection--multiple .ant-select-arrow {
  top: 16px;
}
.ant-select-sm .ant-select-selection--single {
  height: 22px;
}
.ant-select-sm .ant-select-selection__rendered {
  margin: 0 7px;
  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: 12px;
}
.ant-select-sm .ant-select-selection--multiple .ant-select-selection__clear,
.ant-select-sm .ant-select-selection--multiple .ant-select-arrow {
  top: 11px;
}
.ant-select-sm .ant-select-selection__clear,
.ant-select-sm .ant-select-arrow {
  right: 8px;
}
.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 {
  position: relative;
  display: inline-block;
}
.ant-select-selection__placeholder,
.ant-select-search__field__placeholder {
  position: absolute;
  top: 50%;
  right: 9px;
  left: 0;
  max-width: 100%;
  height: 20px;
  margin-top: -10px;
  overflow: hidden;
  color: #bfbfbf;
  line-height: 20px;
  white-space: nowrap;
  text-align: left;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
}
.ant-select-search__field__placeholder {
  left: 12px;
}
.ant-select-search__field__mirror {
  position: absolute;
  top: 0;
  left: 0;
  white-space: pre;
  opacity: 0;
  pointer-events: none;
}
.ant-select-search--inline {
  position: absolute;
  width: 100%;
  height: 100%;
}
.ant-select-search--inline .ant-select-search__field__wrap {
  width: 100%;
  height: 100%;
}
.ant-select-search--inline .ant-select-search__field {
  width: 100%;
  height: 100%;
  font-size: 100%;
  line-height: 1;
  background: transparent;
  border-width: 0;
  border-radius: 4px;
  outline: 0;
}
.ant-select-search--inline > i {
  float: right;
}
.ant-select-selection--multiple {
  min-height: 28px;
  padding-bottom: 3px;
  cursor: text;
  zoom: 1;
}
.ant-select-selection--multiple::before,
.ant-select-selection--multiple::after {
  display: table;
  content: '';
}
.ant-select-selection--multiple::after {
  clear: both;
}
.ant-select-selection--multiple .ant-select-search--inline {
  position: static;
  float: left;
  width: auto;
  max-width: 100%;
  padding: 0;
}
.ant-select-selection--multiple .ant-select-search--inline .ant-select-search__field {
  width: 0.75em;
  max-width: 100%;
}
.ant-select-selection--multiple .ant-select-selection__rendered {
  height: auto;
  margin-bottom: -3px;
  margin-left: 5px;
}
.ant-select-selection--multiple .ant-select-selection__placeholder {
  margin-left: 6px;
}
.ant-select-selection--multiple > ul > li,
.ant-select-selection--multiple .ant-select-selection__rendered > ul > li {
  height: 20px;
  margin-top: 3px;
  line-height: 18px;
}
.ant-select-selection--multiple .ant-select-selection__choice {
  position: relative;
  float: left;
  max-width: 99%;
  margin-right: 4px;
  padding: 0 20px 0 10px;
  overflow: hidden;
  color: rgba(0, 0, 0, 0.65);
  background-color: #fafafa;
  border: 1px solid #e9e9e9;
  border-radius: 2px;
  cursor: default;
  -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);
}
.ant-select-selection--multiple .ant-select-selection__choice__disabled {
  padding: 0 10px;
}
.ant-select-selection--multiple .ant-select-selection__choice__content {
  display: inline-block;
  max-width: 100%;
  overflow: hidden;
  white-space: nowrap;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  -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 {
  color: inherit;
  font-style: normal;
  line-height: 0;
  text-align: center;
  text-transform: none;
  vertical-align: -0.125em;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  position: absolute;
  right: 4px;
  color: rgba(0, 0, 0, 0.45);
  font-weight: bold;
  line-height: inherit;
  cursor: pointer;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  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);
}
.ant-select-selection--multiple .ant-select-selection__choice__remove > * {
  line-height: 1;
}
.ant-select-selection--multiple .ant-select-selection__choice__remove svg {
  display: inline-block;
}
.ant-select-selection--multiple .ant-select-selection__choice__remove::before {
  display: none;
}
.ant-select-selection--multiple .ant-select-selection__choice__remove .ant-select-selection--multiple .ant-select-selection__choice__remove-icon {
  display: block;
}
:root .ant-select-selection--multiple .ant-select-selection__choice__remove {
  font-size: 12px;
}
.ant-select-selection--multiple .ant-select-selection__choice__remove:hover {
  color: rgba(0, 0, 0, 0.75);
}
.ant-select-selection--multiple .ant-select-selection__clear,
.ant-select-selection--multiple .ant-select-arrow {
  top: 14px;
}
.ant-select-allow-clear .ant-select-selection--single .ant-select-selection-selected-value {
  padding-right: 16px;
}
.ant-select-allow-clear .ant-select-selection--multiple .ant-select-selection__rendered,
.ant-select-show-arrow .ant-select-selection--multiple .ant-select-selection__rendered {
  margin-right: 20px;
}
.ant-select-open .ant-select-arrow-icon svg {
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg);
}
.ant-select-open .ant-select-selection {
  border-color: #ff9173;
  border-right-width: 1px !important;
  outline: 0;
  -webkit-box-shadow: 0 0 0 2px rgba(254, 106, 73, 0.2);
          box-shadow: 0 0 0 2px rgba(254, 106, 73, 0.2);
}
.ant-select-combobox .ant-select-arrow {
  display: none;
}
.ant-select-combobox .ant-select-search--inline {
  float: none;
  width: 100%;
  height: 100%;
}
.ant-select-combobox .ant-select-search__field__wrap {
  width: 100%;
  height: 100%;
}
.ant-select-combobox .ant-select-search__field {
  position: relative;
  z-index: 1;
  width: 100%;
  height: 100%;
  -webkit-box-shadow: none;
          box-shadow: none;
  -webkit-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), height 0s;
  -o-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), height 0s;
  transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), height 0s;
}
.ant-select-combobox.ant-select-allow-clear .ant-select-selection:hover .ant-select-selection__rendered,
.ant-select-combobox.ant-select-show-arrow .ant-select-selection:hover .ant-select-selection__rendered {
  margin-right: 20px;
}
.ant-select-dropdown {
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.65);
  font-variant: tabular-nums;
  line-height: 1.5;
  list-style: none;
  -webkit-font-feature-settings: 'tnum';
          font-feature-settings: 'tnum';
  position: absolute;
  top: -9999px;
  left: -9999px;
  z-index: 1050;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  font-size: 12px;
  font-variant: initial;
  background-color: #fff;
  border-radius: 4px;
  outline: none;
  -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
          box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
}
.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 {
  max-height: 250px;
  margin-bottom: 0;
  padding-left: 0;
  overflow: auto;
  list-style: none;
  outline: none;
}
.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: 20px;
}
.ant-select-dropdown-menu-item-group-title {
  height: 32px;
  padding: 0 12px;
  color: rgba(0, 0, 0, 0.45);
  font-size: 12px;
  line-height: 32px;
}
.ant-select-dropdown-menu-item-group-list .ant-select-dropdown-menu-item:first-child:not(:last-child),
.ant-select-dropdown-menu-item-group:not(:last-child) .ant-select-dropdown-menu-item-group-list .ant-select-dropdown-menu-item:last-child {
  border-radius: 0;
}
.ant-select-dropdown-menu-item {
  position: relative;
  display: block;
  padding: 5px 12px;
  overflow: hidden;
  color: rgba(0, 0, 0, 0.65);
  font-weight: normal;
  line-height: 22px;
  white-space: nowrap;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  cursor: pointer;
  -webkit-transition: background 0.3s ease;
  -o-transition: background 0.3s ease;
  transition: background 0.3s ease;
}
.ant-select-dropdown-menu-item:hover:not(.ant-select-dropdown-menu-item-disabled) {
  background-color: #fff5f0;
}
.ant-select-dropdown-menu-item:first-child {
  border-radius: 4px 4px 0 0;
}
.ant-select-dropdown-menu-item:last-child {
  border-radius: 0 0 4px 4px;
}
.ant-select-dropdown-menu-item-selected {
  color: rgba(0, 0, 0, 0.65);
  font-weight: 600;
  background-color: #fafafa;
}
.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);
  cursor: not-allowed;
}
.ant-select-dropdown-menu-item-active:not(.ant-select-dropdown-menu-item-disabled) {
  background-color: #fff5f0;
}
.ant-select-dropdown-menu-item-divider {
  height: 1px;
  margin: 1px 0;
  overflow: hidden;
  line-height: 0;
  background-color: #e9e9e9;
}
.ant-select-dropdown.ant-select-dropdown--multiple .ant-select-dropdown-menu-item {
  padding-right: 32px;
}
.ant-select-dropdown.ant-select-dropdown--multiple .ant-select-dropdown-menu-item .ant-select-selected-icon {
  position: absolute;
  top: 50%;
  right: 12px;
  color: transparent;
  font-weight: bold;
  font-size: 12px;
  text-shadow: 0 0.1px 0, 0.1px 0 0, 0 -0.1px 0, -0.1px 0;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  -webkit-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s;
}
.ant-select-dropdown.ant-select-dropdown--multiple .ant-select-dropdown-menu-item:hover .ant-select-selected-icon {
  color: rgba(0, 0, 0, 0.87);
}
.ant-select-dropdown.ant-select-dropdown--multiple .ant-select-dropdown-menu-item-disabled .ant-select-selected-icon {
  display: none;
}
.ant-select-dropdown.ant-select-dropdown--multiple .ant-select-dropdown-menu-item-selected .ant-select-selected-icon,
.ant-select-dropdown.ant-select-dropdown--multiple .ant-select-dropdown-menu-item-selected:hover .ant-select-selected-icon {
  display: inline-block;
  color: #FE6A49;
}
.ant-select-dropdown--empty.ant-select-dropdown--multiple .ant-select-dropdown-menu-item {
  padding-right: 12px;
}
.ant-select-dropdown-container-open .ant-select-dropdown,
.ant-select-dropdown-open .ant-select-dropdown {
  display: block;
}

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
.ant-empty {
  margin: 0 8px;
  font-size: 12px;
  line-height: 22px;
  text-align: center;
}
.ant-empty-image {
  height: 100px;
  margin-bottom: 8px;
}
.ant-empty-image img {
  height: 100%;
}
.ant-empty-description {
  margin: 0;
}
.ant-empty-footer {
  margin-top: 16px;
}
.ant-empty-normal {
  margin: 32px 0;
  color: rgba(0, 0, 0, 0.25);
}
.ant-empty-normal .ant-empty-image {
  height: 40px;
}
.ant-empty-small {
  margin: 8px 0;
  color: rgba(0, 0, 0, 0.25);
}
.ant-empty-small .ant-empty-image {
  height: 35px;
}

.forward-wps-modal {
  width: 650px !important;
  color: #5d6470; }
  .forward-wps-modal .ant-modal-body {
    padding: 0; }
  .forward-wps-modal .remark {
    width: 272px !important;
    min-height: 110px;
    overflow: hidden;
    color: #222;
    word-break: break-all;
    vertical-align: text-top !important;
    resize: none;
    background: #f3f4f6;
    border: none !important;
    border-radius: 4px;
    outline: none; }
    .forward-wps-modal .remark:hover {
      -webkit-box-shadow: none;
              box-shadow: none; }
    .forward-wps-modal .remark:focus {
      -webkit-box-shadow: none;
              box-shadow: none; }
  .forward-wps-modal .remark-scrollBar {
    display: inline-block;
    width: 272px !important; }
    .forward-wps-modal .remark-scrollBar:hover {
      border-color: #69b0e7; }
  .forward-wps-modal .select-operate {
    margin: 15px; }
  .forward-wps-modal .forward-selected-cls {
    width: 296px;
    height: 240px;
    min-height: 240px; }
  .forward-wps-modal .remark-container {
    position: absolute;
    right: 12px;
    bottom: 52px;
    height: 120px; }
  .forward-wps-modal .forward-unselected-cls {
    height: 361px; }
  .forward-wps-modal .ant-modal-footer {
    position: absolute;
    right: 58px;
    bottom: 0; }

.choose-team-modal .ant-modal-body {
  padding-bottom: 4px;
  padding-right: 2px;
  padding-top: 0px; }

.choose-team-modal .ant-modal-footer {
  display: none; }

.choose-team-modal .team-wrap-list {
  max-height: 220px;
  height: auto;
  overflow-y: auto; }
  .choose-team-modal .team-wrap-list .team-line {
    height: 50px;
    line-height: 50px;
    text-align: center; }
    .choose-team-modal .team-wrap-list .team-line span:hover {
      color: #fe6a49;
      cursor: pointer; }

.wps-menu-modal .drive-save-tips {
  text-align: center;
  margin-bottom: 20px; }
  .wps-menu-modal .drive-save-tips .modify-btn {
    color: #fe6a49;
    margin-left: 12px;
    cursor: pointer; }

.wps-menu-modal .file-icon {
  width: 70px;
  margin: 0 auto; }
  .wps-menu-modal .file-icon .file-icon {
    width: 70px;
    font-size: 70px; }

.wps-menu-modal .file-name {
  text-align: center;
  margin-bottom: 20px; }

.wps-list-modal .title {
  font-weight: 400;
  text-align: center; }

.wps-list-modal .ant-modal-body {
  height: 370px;
  padding: 0 !important; }

.wps-list-modal .files {
  height: 370px; }

.wps-list-modal .max-list-tips {
  display: inline-block;
  width: 100%;
  height: 35px;
  font-size: 12px;
  line-height: 35px;
  color: #828992;
  text-align: center; }

.wps-list-modal .file-item-index {
  height: 70px;
  padding: 0 0 0 16px;
  overflow: hidden; }
  .wps-list-modal .file-item-index:hover {
    background: #f3f4f6; }
  .wps-list-modal .file-item-index .info.zh {
    width: 300px; }
  .wps-list-modal .file-item-index .info.en {
    width: 280px; }
  .wps-list-modal .file-item-index .info {
    float: left;
    margin-top: 14px;
    margin-left: 14px;
    cursor: default; }
    .wps-list-modal .file-item-index .info .file-name {
      display: inline-block;
      max-width: 300px;
      overflow: hidden;
      font-size: 14px;
      color: #222;
      -o-text-overflow: ellipsis;
         text-overflow: ellipsis;
      white-space: nowrap;
      -moz-user-select: text;
      -webkit-user-select: text;
      -ms-user-select: text;
          user-select: text; }
    .wps-list-modal .file-item-index .info .file-name.zh {
      max-width: 350px; }
    .wps-list-modal .file-item-index .info .file-name.en {
      max-width: 265px; }
    .wps-list-modal .file-item-index .info .from.zh {
      max-width: 200px; }
    .wps-list-modal .file-item-index .info .from.en {
      max-width: 144px; }
    .wps-list-modal .file-item-index .info .from {
      margin-left: 16px;
      font-size: 12px;
      color: #828992; }
      .wps-list-modal .file-item-index .info .from .wps-user-name {
        display: inline;
        overflow: hidden;
        color: #222;
        -o-text-overflow: ellipsis;
           text-overflow: ellipsis;
        white-space: nowrap;
        vertical-align: top; }
    .wps-list-modal .file-item-index .info .upload-time {
      max-width: 62px;
      margin-left: 0;
      font-size: 12px;
      color: #828992; }
    .wps-list-modal .file-item-index .info .file-info-item {
      margin-top: -1px; }
      .wps-list-modal .file-item-index .info .file-info-item span {
        display: inline-block;
        overflow: hidden;
        -o-text-overflow: ellipsis;
           text-overflow: ellipsis;
        white-space: nowrap;
        vertical-align: middle; }
  .wps-list-modal .file-item-index:hover .operate {
    display: block; }
  .wps-list-modal .file-item-index .operate {
    display: none;
    float: right;
    margin-right: 10px;
    line-height: 70px; }
    .wps-list-modal .file-item-index .operate a {
      color: #fe6a49;
      cursor: pointer; }
      .wps-list-modal .file-item-index .operate a:not(.view-wps) {
        margin-left: 16px; }
      .wps-list-modal .file-item-index .operate a:hover {
        color: #ef5129; }

.wps-exists-modal {
  width: 500px !important; }
  .wps-exists-modal .file-modal-container {
    margin-top: 16px;
    text-align: center; }
  .wps-exists-modal .wps-footer {
    text-align: center; }

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
.ant-popover {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.65);
  font-size: 12px;
  font-variant: tabular-nums;
  line-height: 1.5;
  list-style: none;
  -webkit-font-feature-settings: 'tnum';
          font-feature-settings: 'tnum';
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1030;
  font-weight: normal;
  white-space: normal;
  text-align: left;
  cursor: auto;
  -webkit-user-select: text;
     -moz-user-select: text;
      -ms-user-select: text;
          user-select: text;
}
.ant-popover::after {
  position: absolute;
  background: rgba(255, 255, 255, 0.01);
  content: '';
}
.ant-popover-hidden {
  display: none;
}
.ant-popover-placement-top,
.ant-popover-placement-topLeft,
.ant-popover-placement-topRight {
  padding-bottom: 10px;
}
.ant-popover-placement-right,
.ant-popover-placement-rightTop,
.ant-popover-placement-rightBottom {
  padding-left: 10px;
}
.ant-popover-placement-bottom,
.ant-popover-placement-bottomLeft,
.ant-popover-placement-bottomRight {
  padding-top: 10px;
}
.ant-popover-placement-left,
.ant-popover-placement-leftTop,
.ant-popover-placement-leftBottom {
  padding-right: 10px;
}
.ant-popover-inner {
  background-color: #fff;
  background-clip: padding-box;
  border-radius: 4px;
  -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
          box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
  -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.15) \9;
          box-shadow: 0 0 8px rgba(0, 0, 0, 0.15) \9;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .ant-popover {
    /* IE10+ */
  }
  .ant-popover-inner {
    -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
            box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
  }
}
.ant-popover-mask {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.ant-popover-mask-hidden {
  display: none;
}
.ant-popover-title {
  min-width: 177px;
  min-height: 32px;
  margin: 0;
  padding: 5px 16px 4px;
  color: rgba(0, 0, 0, 0.85);
  font-weight: 500;
  border-bottom: 1px solid #e9e9e9;
}
.ant-popover-inner-content {
  padding: 12px 16px;
  color: rgba(0, 0, 0, 0.65);
}
.ant-popover-message {
  position: relative;
  padding: 4px 0 12px;
  color: rgba(0, 0, 0, 0.65);
  font-size: 12px;
}
.ant-popover-message > .anticon {
  position: absolute;
  top: 8px;
  color: #69b0e7;
  font-size: 12px;
}
.ant-popover-message-title {
  padding-left: 20px;
}
.ant-popover-buttons {
  margin-bottom: 4px;
  text-align: right;
}
.ant-popover-buttons button {
  margin-left: 8px;
}
.ant-popover-arrow {
  position: absolute;
  display: block;
  width: 8.48528137px;
  height: 8.48528137px;
  background: transparent;
  border-style: solid;
  border-width: 4.24264069px;
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg);
}
.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 {
  bottom: 6.2px;
  border-top-color: transparent;
  border-right-color: #fff;
  border-bottom-color: #fff;
  border-left-color: transparent;
  -webkit-box-shadow: 3px 3px 7px rgba(0, 0, 0, 0.07);
          box-shadow: 3px 3px 7px rgba(0, 0, 0, 0.07);
}
.ant-popover-placement-top > .ant-popover-content > .ant-popover-arrow {
  left: 50%;
  -webkit-transform: translateX(-50%) rotate(45deg);
      -ms-transform: translateX(-50%) rotate(45deg);
          transform: translateX(-50%) rotate(45deg);
}
.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: 6px;
  border-top-color: transparent;
  border-right-color: transparent;
  border-bottom-color: #fff;
  border-left-color: #fff;
  -webkit-box-shadow: -3px 3px 7px rgba(0, 0, 0, 0.07);
          box-shadow: -3px 3px 7px rgba(0, 0, 0, 0.07);
}
.ant-popover-placement-right > .ant-popover-content > .ant-popover-arrow {
  top: 50%;
  -webkit-transform: translateY(-50%) rotate(45deg);
      -ms-transform: translateY(-50%) rotate(45deg);
          transform: translateY(-50%) rotate(45deg);
}
.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 {
  top: 6px;
  border-top-color: #fff;
  border-right-color: transparent;
  border-bottom-color: transparent;
  border-left-color: #fff;
  -webkit-box-shadow: -2px -2px 5px rgba(0, 0, 0, 0.06);
          box-shadow: -2px -2px 5px rgba(0, 0, 0, 0.06);
}
.ant-popover-placement-bottom > .ant-popover-content > .ant-popover-arrow {
  left: 50%;
  -webkit-transform: translateX(-50%) rotate(45deg);
      -ms-transform: translateX(-50%) rotate(45deg);
          transform: translateX(-50%) rotate(45deg);
}
.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: 6px;
  border-top-color: #fff;
  border-right-color: #fff;
  border-bottom-color: transparent;
  border-left-color: transparent;
  -webkit-box-shadow: 3px -3px 7px rgba(0, 0, 0, 0.07);
          box-shadow: 3px -3px 7px rgba(0, 0, 0, 0.07);
}
.ant-popover-placement-left > .ant-popover-content > .ant-popover-arrow {
  top: 50%;
  -webkit-transform: translateY(-50%) rotate(45deg);
      -ms-transform: translateY(-50%) rotate(45deg);
          transform: translateY(-50%) rotate(45deg);
}
.ant-popover-placement-leftTop > .ant-popover-content > .ant-popover-arrow {
  top: 12px;
}
.ant-popover-placement-leftBottom > .ant-popover-content > .ant-popover-arrow {
  bottom: 12px;
}

.file-button-menu-popover .button-menu-content a {
  display: block;
  padding: 10px 12px 5px 12px;
  font-size: 14px;
  color: #222;
  cursor: pointer; }
  .file-button-menu-popover .button-menu-content a:hover {
    color: #ef5129 !important; }

.file-type-list {
  z-index: 9999 !important;
  text-align: center; }
  .file-type-list .file-type-li {
    width: 80px;
    line-height: 24px;
    text-align: center;
    cursor: pointer; }
    .file-type-list .file-type-li:hover {
      background: #f3f4f6; }
  .file-type-list .ant-popover-inner-content {
    padding-right: 0;
    padding-left: 0; }

.app-content-header-item .short_cut-file {
  height: 50px;
  font-size: 16px;
  color: #828992;
  cursor: pointer; }
  .app-content-header-item .short_cut-file:hover {
    color: #fe6a49; }

.file-modal {
  width: 540px !important; }
  .file-modal .ant-modal-close {
    top: 6px; }
  .file-modal .ant-modal-close-x {
    height: 48px !important;
    line-height: 48px !important; }
  .file-modal .ant-modal-header {
    height: 60px;
    padding: 12px 16px; }
  .file-modal .file-modal-header .file-type-name {
    font-size: 13px;
    cursor: pointer; }
  .file-modal .file-modal-header .file-type-icon {
    display: inline-block;
    color: #222;
    cursor: pointer;
    -webkit-transform: scale(0.5);
        -ms-transform: scale(0.5);
            transform: scale(0.5); }
  .file-modal .file-modal-header .file-detail-title {
    font-size: 14px;
    color: #222; }
  .file-modal .file-modal-header .file-detail-header {
    margin-top: 7px;
    text-align: center; }
  .file-modal .file-modal-header .file-back-to-list {
    position: absolute;
    left: 14px;
    color: #222;
    cursor: pointer; }
    .file-modal .file-modal-header .file-back-to-list:hover {
      color: #222; }
  .file-modal .file-modal-header .file-detail-back {
    position: absolute;
    left: 30px;
    font-size: 12px;
    color: #222;
    cursor: pointer; }
  .file-modal .file-modal-header .file-type-content {
    display: inline-block;
    text-align: center; }
  .file-modal .file-modal-header .search-container {
    width: 360px; }
  .file-modal .file-modal-header .filter .select-item {
    display: inline-block; }
  .file-modal .file-modal-header .filter .hide-date-menu .dd-menu-items {
    display: none !important; }
  .file-modal .file-modal-header .filter .dd-menu {
    display: inline-block;
    margin-right: 18px;
    outline: none; }
  .file-modal .file-modal-header .filter .dd-items-left {
    text-align: left;
    -webkit-transition: none !important;
    -o-transition: none !important;
    transition: none !important; }
  .file-modal .file-modal-header .filter .filter-init {
    color: #fe6a49;
    text-align: center; }
  .file-modal .file-modal-header .filter .filter-none {
    color: #555; }
  .file-modal .file-modal-header .filter .clear {
    display: inline-block;
    height: 38px;
    margin-left: 18px;
    font-size: 12px;
    line-height: 38px;
    vertical-align: middle;
    cursor: pointer; }
  .file-modal .file-modal-header .filter .clear-enable {
    color: #fe6a49;
    cursor: pointer; }
  .file-modal .file-modal-header .filter .clear-disable {
    color: #5d6470; }
  .file-modal .file-modal-header .filter .menu {
    position: relative;
    display: inline-block;
    width: 110px;
    height: 32px;
    padding-left: 8px;
    font-size: 12px;
    line-height: 30px;
    text-align: left;
    cursor: pointer;
    background-color: white;
    border: 1px solid #e1e1e1;
    border-radius: 6px; }
    .file-modal .file-modal-header .filter .menu .filter-triangle {
      float: right;
      margin-top: 2px;
      margin-right: 6px;
      font-size: 12px;
      color: #828992;
      -webkit-transform: rotate(270deg);
          -ms-transform: rotate(270deg);
              transform: rotate(270deg); }
  .file-modal .file-modal-header .filter .date-menu .date {
    display: inline-block;
    max-width: 70px;
    overflow: hidden;
    -o-text-overflow: ellipsis;
       text-overflow: ellipsis;
    white-space: nowrap;
    vertical-align: middle; }
  .file-modal .file-modal-header .filter .chat-menu {
    text-align: left; }
    .file-modal .file-modal-header .filter .chat-menu .chat {
      display: inline-block;
      max-width: 60px;
      overflow: hidden;
      text-align: center;
      -o-text-overflow: ellipsis;
         text-overflow: ellipsis;
      white-space: nowrap;
      vertical-align: middle;
      cursor: pointer; }
  .file-modal .file-modal-header .filter .date-menu-wrap {
    vertical-align: middle; }
    .file-modal .file-modal-header .filter .date-menu-wrap .dd-menu-items {
      top: 32px;
      left: 0 !important;
      display: inline-block; }
      .file-modal .file-modal-header .filter .date-menu-wrap .dd-menu-items .dd-items-left {
        display: inline-block;
        width: 100%;
        color: #5d6470; }
        .file-modal .file-modal-header .filter .date-menu-wrap .dd-menu-items .dd-items-left li {
          display: inline-block;
          width: 100%;
          padding-left: 8px;
          line-height: 28px; }
          .file-modal .file-modal-header .filter .date-menu-wrap .dd-menu-items .dd-items-left li span {
            display: inline-block;
            padding: 0; }
  .file-modal .file-modal-header .search-hint-list {
    margin-left: 48px; }
    .file-modal .file-modal-header .search-hint-list .search-name {
      width: 300px; }
  .file-modal .file-modal-header .file-search-form {
    margin-top: 2px;
    text-align: center; }
    .file-modal .file-modal-header .file-search-form .search-input {
      width: 354px;
      height: 32px;
      padding: 6px 6px 6px 10px;
      font-size: 12px;
      vertical-align: top;
      background-color: #fff;
      border: 1px solid #e0e5f0;
      border-top-left-radius: 5px;
      border-bottom-left-radius: 5px; }
    .file-modal .file-modal-header .file-search-form .btn-search-bg {
      display: inline-block;
      width: 55px;
      height: 32px;
      line-height: 32px;
      vertical-align: bottom;
      cursor: pointer;
      background: #fe6a49 none repeat scroll 0 0;
      border: 1px solid #fe6a49;
      border-top-right-radius: 5px;
      border-bottom-right-radius: 5px; }
    .file-modal .file-modal-header .file-search-form .full-search-icon {
      font-size: 20px;
      color: #fff; }
    .file-modal .file-modal-header .file-search-form .search-submit {
      display: none; }
  .file-modal .file-modal-header .select-item {
    color: #222; }
  .file-modal .file-modal-container {
    height: 370px !important; }
    .file-modal .file-modal-container .select-condition {
      padding-top: 10px;
      padding-right: 16px;
      font-size: 12px;
      color: #5d6470;
      text-align: right; }
      .file-modal .file-modal-container .select-condition .filter {
        cursor: pointer; }
      .file-modal .file-modal-container .select-condition .upload {
        margin-left: 24px;
        cursor: pointer; }
    .file-modal .file-modal-container .search-no {
      margin-top: 91px; }
  .file-modal .ant-modal-body {
    padding: 0 !important; }

.lan-cut-popover .ant-popover-inner-content {
  padding: 0; }

.file-short-cut {
  margin-right: 20px; }

.file-cut-item {
  font-size: 12px;
  color: #222;
  cursor: pointer; }
  .file-cut-item:hover {
    color: #fe6a49; }
  .file-cut-item.file {
    padding: 12px 14px 9px; }
  .file-cut-item.lan-transfer {
    padding: 9px 14px 12px; }

.file-index {
  height: 100%;
  font-size: 13px; }
  .file-index .ant-tabs-bar {
    border-bottom: 0 !important; }
  .file-index .ant-tabs-ink-bar {
    display: none !important; }
  .file-index .upload-btn {
    display: none !important; }
  .file-index .file-body {
    height: 370px;
    background: #fff;
    border-radius: 10px; }
    .file-index .file-body .ant-tabs-tabpane-active {
      height: 100%; }
    .file-index .file-body .ant-tabs-tab:not(:last-child)::after {
      display: inline-block;
      padding: 0 16px !important;
      color: #e1e1e1 !important;
      content: '|' !important;
      -webkit-transform: scaleY(1.4);
      -ms-transform: scaleY(1.4);
      transform: scaleY(1.4); }
    .file-index .file-body .ant-tabs-nav .ant-tabs-tab:not(.ant-tabs-tab-active):hover {
      color: rgba(0, 0, 0, 0.4) !important; }
    .file-index .file-body .ant-tabs-content {
      height: calc(100% - 36px);
      margin-top: 32px; }
    .file-index .file-body .ant-tabs-content-animated {
      -webkit-transition: opacity 0.3s linear;
      -o-transition: opacity 0.3s linear;
      transition: opacity 0.3s linear; }
    .file-index .file-body .ant-tabs-tabpane {
      overflow: hidden; }
    .file-index .file-body .ant-tabs-nav {
      margin-left: 5px !important; }
    .file-index .file-body .ant-tabs-tab {
      padding: 8px 0 !important;
      margin-right: 0 !important;
      font-size: 13px; }
      .file-index .file-body .ant-tabs-tab:hover {
        color: #fd947e !important; }
    .file-index .file-body .first-tab {
      margin-left: 20px !important; }
    .file-index .file-body .ant-tabs-bar {
      margin-bottom: 0 !important; }
    .file-index .file-body .file-collection {
      height: 100%; }
    .file-index .file-body .loading-more-wrap {
      text-align: center; }
    .file-index .file-body .loading-more {
      display: inline-block;
      width: 30px;
      -webkit-transform: scale(0.5) !important;
          -ms-transform: scale(0.5) !important;
              transform: scale(0.5) !important; }
    .file-index .file-body .files {
      position: relative;
      height: 100%; }
      .file-index .file-body .files .all-files {
        width: 100%;
        height: 100%; }
        .file-index .file-body .files .all-files .init-condition {
          position: relative;
          display: inline-block;
          height: 22px;
          margin-bottom: 7px;
          margin-left: 16px;
          line-height: 22px;
          background: #ececec;
          border-radius: 4px; }
          .file-index .file-body .files .all-files .init-condition .tip {
            display: inline-block;
            margin-left: 14px; }
          .file-index .file-body .files .all-files .init-condition .name {
            display: inline-block;
            margin-left: 12px; }
          .file-index .file-body .files .all-files .init-condition .clear {
            display: inline-block;
            margin-right: 10px;
            margin-left: 6px;
            font-size: 12px;
            color: #949494;
            vertical-align: middle;
            cursor: pointer;
            -webkit-transform: scale(0.8);
                -ms-transform: scale(0.8);
                    transform: scale(0.8); }
            .file-index .file-body .files .all-files .init-condition .clear:hover {
              color: #444; }
      .file-index .file-body .files .upload-files {
        height: calc(100% - 28px); }
      .file-index .file-body .files .to-me-files {
        width: 100%;
        height: 100%; }
        .file-index .file-body .files .to-me-files .content {
          display: -ms-flexbox;
          display: flex;
          -ms-flex-align: center;
              align-items: center;
          -ms-flex-pack: center;
              justify-content: center;
          height: calc(100% - 35px); }
    .file-index .file-body .ant-tabs-nav-container {
      line-height: 25px !important; }
    .file-index .file-body .file-tab-name {
      border-radius: 5px; }
    .file-index .file-body .filter-text {
      float: left;
      height: 36px;
      margin-left: 16px;
      line-height: 38px;
      color: #5d6470; }
  .file-index .file-margin-top {
    margin-top: 56px !important; }

.file-detail-index {
  position: relative;
  height: 100%; }
  .file-detail-index .header {
    height: 42px;
    padding: 13px 10px;
    color: #222;
    border-bottom: 1px solid #d2d2d2; }
    .file-detail-index .header .back-previous {
      display: inline-block;
      height: 21px;
      line-height: 21px;
      vertical-align: middle;
      cursor: pointer; }
  .file-detail-index .body {
    height: 370px;
    padding: 0 0; }
    .file-detail-index .body .download-progress {
      position: relative;
      margin-top: 10px;
      margin-bottom: 10px; }
      .file-detail-index .body .download-progress .progress {
        width: 90%;
        height: 2px;
        overflow: hidden;
        background-color: #d9d9d9; }
      .file-detail-index .body .download-progress .downloaded {
        width: 0;
        height: 2px;
        background-color: #fe6a49;
        -webkit-transition: all 0.2s;
        -o-transition: all 0.2s;
        transition: all 0.2s; }
      .file-detail-index .body .download-progress .cancel-download {
        position: absolute;
        top: -8px;
        right: 10px;
        display: block;
        color: #fe6a49;
        cursor: pointer; }
    .file-detail-index .body .info {
      text-align: center; }
      .file-detail-index .body .info .icon {
        display: inline-block;
        width: 70px;
        height: 70px;
        margin-top: 40px;
        line-height: 70px;
        text-align: center;
        vertical-align: top;
        cursor: default;
        border-radius: 10px; }
        .file-detail-index .body .info .icon .file-icon {
          display: block;
          width: 70px;
          font-size: 70px; }
      .file-detail-index .body .info .image-viewer-wrap {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
            align-items: center;
        -ms-flex-pack: center;
            justify-content: center;
        width: 100%;
        margin-top: 16px; }
        .file-detail-index .body .info .image-viewer-wrap .retry {
          padding-left: 5px;
          color: #43a9df;
          cursor: pointer; }
        .file-detail-index .body .info .image-viewer-wrap .image-viewer {
          position: relative;
          display: -ms-flexbox;
          display: flex;
          -ms-flex-align: center;
              align-items: center;
          -ms-flex-pack: center;
              justify-content: center;
          max-width: 280px;
          min-height: 50px;
          max-height: 280px;
          text-align: center;
          cursor: pointer; }
          .file-detail-index .body .info .image-viewer-wrap .image-viewer .center-loading {
            margin: 0 auto; }
          .file-detail-index .body .info .image-viewer-wrap .image-viewer img {
            width: 100%;
            height: 100%; }
      .file-detail-index .body .info .video-viewer-wrap {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
            align-items: center;
        -ms-flex-pack: center;
            justify-content: center;
        width: 100%;
        margin-top: 16px; }
        .file-detail-index .body .info .video-viewer-wrap .retry {
          padding-left: 5px;
          color: #43a9df;
          cursor: pointer; }
        .file-detail-index .body .info .video-viewer-wrap .image-viewer {
          position: relative;
          display: -ms-flexbox;
          display: flex;
          -ms-flex-align: center;
              align-items: center;
          -ms-flex-pack: center;
              justify-content: center;
          max-width: 280px;
          min-height: 50px;
          max-height: 280px;
          text-align: center;
          cursor: pointer; }
          .file-detail-index .body .info .video-viewer-wrap .image-viewer .center-loading {
            margin: 0 auto; }
    .file-detail-index .body .can-use-select {
      margin-top: 16px;
      font-size: 14px;
      color: #222;
      text-align: center; }
      .file-detail-index .body .can-use-select span {
        text-align: center;
        word-wrap: break-word; }
    .file-detail-index .body .file-team-name {
      margin-top: 8px;
      font-size: 13px;
      color: #5d6470;
      text-align: center; }
    .file-detail-index .body .file-detail-size {
      margin-top: 8px;
      font-size: 12px;
      color: #828992;
      text-align: center; }
    .file-detail-index .body .logs {
      margin-top: 10px; }
      .file-detail-index .body .logs .log {
        line-height: 25px; }
        .file-detail-index .body .logs .log .gray {
          color: #828992; }
        .file-detail-index .body .logs .log .black {
          color: #222; }
    .file-detail-index .body .en-operate a {
      margin-right: 30px !important; }
    .file-detail-index .body .operate {
      margin-top: 12px;
      text-align: center; }
      .file-detail-index .body .operate .download:hover,
      .file-detail-index .body .operate .send:hover,
      .file-detail-index .body .operate .delete:hover,
      .file-detail-index .body .operate .preview-btn:hover,
      .file-detail-index .body .operate .more:hover {
        color: #ef5129 !important; }
      .file-detail-index .body .operate a {
        margin-right: 16px;
        color: #fe6a49;
        cursor: pointer; }
      .file-detail-index .body .operate a:last-child {
        margin-right: 0 !important; }
      .file-detail-index .body .operate .not-preview {
        color: gray !important; }
  .file-detail-index .video-image {
    max-width: 468px;
    max-height: 225px; }
  .file-detail-index .video-load-error {
    width: 140px;
    height: 240px;
    text-align: center;
    cursor: default;
    background-color: #bbbbbb !important; }
  .file-detail-index .icon-video-fail {
    display: inline-block;
    margin-top: 32px;
    font-size: 30px;
    color: #828992; }
  .file-detail-index .video-footer {
    position: relative;
    margin-top: -26px;
    font-size: 14px;
    line-height: 0;
    color: #fff; }
  .file-detail-index .video-footer-background {
    height: 27px;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAbCAYAAAB836/YAAAAAXNSR0IArs4c6QAAAJ9JREFUSA3VlNsOgCAMQyHR//9kpUiNKdGB2R5YgrdsTc9g5pTSVpZbQGwv62iKuT3jPhKoY03Nh2CIwxE3QzmzyIpI3LtFROYHLVBXKqD5mQ618Pd7iCBEiWw5U0TNXwT5a1IU0drlOiXooVuE77KFaJKEOMSmuEWIQ4hyUrSHlvPuGIU4dO/hDHKH2NqFViEW+Tk8kS/j71frFCyAfAKIYiXrDPO+RgAAAABJRU5ErkJggg==); }
  .file-detail-index .video-time {
    float: right;
    margin-top: -12px;
    margin-right: 6px;
    line-height: 0;
    color: #fff; }
  .file-detail-index .video-image-container {
    min-width: 120px;
    min-height: 160px;
    background-color: #e1e4e5; }
  .file-detail-index .file-detail-content {
    height: 100%; }
    .file-detail-index .file-detail-content .info {
      padding-right: 24px;
      padding-left: 24px; }
    .file-detail-index .file-detail-content .load-failed {
      padding-top: 82px !important;
      margin-top: 0 !important; }
  .file-detail-index .file-detail-file-enterprise-icon {
    position: absolute;
    margin-top: -34px;
    margin-left: 28px;
    visibility: hidden; }
  .file-detail-index .file-detail-video-enterprise-icon {
    float: right;
    width: 32px !important;
    margin-top: 2px;
    margin-right: -16px;
    visibility: hidden; }
  .file-detail-index .file-private-container {
    padding-right: 30px;
    padding-left: 30px;
    margin-top: 8px;
    font-size: 12px;
    color: #828992;
    text-align: center; }
  .file-detail-index .file-detail-image-enterprise-icon {
    margin-right: 3px; }

.file-item-index {
  height: 70px;
  padding: 0 0 0 16px;
  overflow: hidden; }
  .file-item-index:hover {
    background: #f3f4f6; }
  .file-item-index .preview {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center;
    -ms-flex-pack: center;
        justify-content: center;
    float: left;
    width: 40px;
    height: 40px;
    margin-top: 15px;
    cursor: pointer;
    background-color: #fff;
    border-radius: 5px; }
    .file-item-index .preview img {
      max-width: 40px;
      max-height: 40px; }
    .file-item-index .preview .file-icon {
      width: 40px;
      font-size: 40px; }
    .file-item-index .preview .file-item-video {
      width: 40px;
      height: 40px;
      border-radius: 5px; }
    .file-item-index .preview .preview-img {
      border-radius: 5px;
      -webkit-transform: none;
          -ms-transform: none;
              transform: none; }
  .file-item-index .file-item-enterprise-icon {
    position: relative;
    display: none;
    margin-right: 3px;
    font-size: 12px;
    text-align: center;
    vertical-align: middle; }
  .file-item-index .info.zh {
    width: 284px; }
  .file-item-index .info.en {
    width: 280px; }
  .file-item-index .info {
    float: left;
    margin-top: 14px;
    margin-left: 12px;
    cursor: pointer; }
    .file-item-index .info .file-name {
      display: inline-block;
      max-width: 300px;
      overflow: hidden;
      font-size: 14px;
      color: #222;
      -o-text-overflow: ellipsis;
         text-overflow: ellipsis;
      white-space: nowrap;
      -moz-user-select: text;
      -webkit-user-select: text;
      -ms-user-select: text;
          user-select: text; }
    .file-item-index .info .file-name.zh {
      max-width: 350px; }
    .file-item-index .info .file-name.en {
      max-width: 265px; }
    .file-item-index .info .from.zh {
      max-width: 200px; }
    .file-item-index .info .from.en {
      max-width: 144px; }
    .file-item-index .info .from {
      margin-left: 8px;
      font-size: 12px;
      color: #828992; }
      .file-item-index .info .from .user-name {
        display: inline;
        overflow: hidden;
        color: #222;
        -o-text-overflow: ellipsis;
           text-overflow: ellipsis;
        white-space: nowrap;
        vertical-align: top; }
        .file-item-index .info .from .user-name:hover {
          color: #fe6a49; }
      .file-item-index .info .from .ower-name {
        margin-left: 6px; }
      .file-item-index .info .from .from-user-name {
        padding: 0 4px;
        margin-left: 2px;
        background-color: #eaedf1;
        border-radius: 4px; }
      .file-item-index .info .from .from-user-name.zh {
        max-width: 80px; }
      .file-item-index .info .from .from-user-name.en {
        max-width: 53px; }
      .file-item-index .info .from .group-user-name.en {
        max-width: 88px; }
      .file-item-index .info .from .group-user-name.zh {
        max-width: 120px; }
      .file-item-index .info .from .qt-icon-channle {
        color: #ffbf47; }
    .file-item-index .info .upload-time {
      max-width: 62px;
      margin-left: 10px;
      font-size: 12px;
      color: #828992; }
    .file-item-index .info .file-info-item {
      width: 330px;
      margin-top: -1px; }
      .file-item-index .info .file-info-item span {
        display: inline-block;
        overflow: hidden;
        -o-text-overflow: ellipsis;
           text-overflow: ellipsis;
        white-space: nowrap;
        vertical-align: middle; }
    .file-item-index .info .file-size {
      max-width: 60px;
      font-size: 12px;
      color: #828992; }
  .file-item-index:hover .operate {
    display: block; }
  .file-item-index .operate {
    display: none;
    float: right;
    margin-right: 10px;
    line-height: 70px; }
    .file-item-index .operate a {
      color: #fe6a49;
      cursor: pointer; }
      .file-item-index .operate a:not(.preview-btn) {
        margin-left: 16px; }
      .file-item-index .operate a:hover {
        color: #ef5129; }
    .file-item-index .operate:first-child {
      margin-left: 0; }
    .file-item-index .operate .not-preview {
      color: gray !important; }
    .file-item-index .operate .cancel-upload {
      top: 0 !important; }
  .file-item-index .upload-progress {
    position: relative;
    display: block !important; }
    .file-item-index .upload-progress .progress {
      position: absolute;
      right: 34px;
      width: 82px;
      height: 2px;
      margin-top: 36px;
      overflow: hidden;
      text-align: center;
      background-color: #d9d9d9;
      border-radius: 2px; }
    .file-item-index .upload-progress .uploaded {
      width: 0;
      height: 2px;
      background-color: #fe6a49;
      -webkit-transition: all 0.2s;
      -o-transition: all 0.2s;
      transition: all 0.2s; }
    .file-item-index .upload-progress .cancel-upload {
      position: absolute;
      top: 27px;
      right: 16px;
      display: block;
      color: #fe6a49;
      cursor: pointer; }
  .file-item-index .icon-video-fail {
    font-size: 24px;
    color: #cecece; }
  .file-item-index .item-video-container {
    position: relative;
    margin-top: -17px; }
  .file-item-index .video-footer-background {
    height: 18px;
    margin-top: -18px;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAbCAYAAAB836/YAAAAAXNSR0IArs4c6QAAAJ9JREFUSA3VlNsOgCAMQyHR//9kpUiNKdGB2R5YgrdsTc9g5pTSVpZbQGwv62iKuT3jPhKoY03Nh2CIwxE3QzmzyIpI3LtFROYHLVBXKqD5mQ618Pd7iCBEiWw5U0TNXwT5a1IU0drlOiXooVuE77KFaJKEOMSmuEWIQ4hyUrSHlvPuGIU4dO/hDHKH2NqFViEW+Tk8kS/j71frFCyAfAKIYiXrDPO+RgAAAABJRU5ErkJggg==);
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px; }
  .file-item-index .icon-video-tag {
    position: absolute;
    margin-top: -18px;
    margin-left: 3px;
    font-size: 14px;
    color: #fff;
    vertical-align: middle; }

.delete-file-modal {
  width: 326px !important; }

.confirm-delete-file {
  font-size: 13px;
  line-height: 22px;
  text-align: center; }
  .confirm-delete-file .tip {
    word-break: break-all; }
  .confirm-delete-file .confirm-file-name {
    font-weight: 700;
    word-break: break-all; }

.showing-file-item {
  height: 100%;
  overflow: hidden; }

.showing-file-leave {
  height: 112px;
  -webkit-transition: all 0.15s ease-out;
  -o-transition: all 0.15s ease-out;
  transition: all 0.15s ease-out; }

.showing-file-leave.showing-file-leave-active {
  height: 0; }

.chat-menu-wrap {
  width: 240px;
  max-height: 300px;
  padding-top: 0 !important; }
  .chat-menu-wrap .chat-search {
    padding: 5px 15px; }
    .chat-menu-wrap .chat-search .input {
      width: 100%;
      min-width: 0;
      height: 28px;
      padding: 0 0; }
  .chat-menu-wrap .file-search-list .base-info {
    display: inline-block;
    width: 166px;
    overflow: hidden;
    -o-text-overflow: ellipsis;
       text-overflow: ellipsis;
    white-space: nowrap; }
  .chat-menu-wrap .file-search-list .contact-item {
    padding: 6px 0 6px 11px !important; }
    .chat-menu-wrap .file-search-list .contact-item .avatar {
      margin-top: 0; }
    .chat-menu-wrap .file-search-list .contact-item .contact-info {
      margin-top: 0;
      margin-bottom: 0; }
  .chat-menu-wrap .file-search-empty-value .contact-item {
    height: 48px;
    padding: 0 0 0 11px !important;
    line-height: 48px; }
  .chat-menu-wrap .chat-target-list-index .item {
    padding-left: 5px !important; }
  .chat-menu-wrap .dd-items-left {
    width: 220px; }
  .chat-menu-wrap .dd-menu-items {
    top: 32px;
    right: -10px !important; }
  .chat-menu-wrap .ant-popover-inner-content {
    padding: 0 !important; }
  .chat-menu-wrap .ant-popover-arrow {
    display: none; }

.file-filter-container {
  position: relative; }
  .file-filter-container .close-icon {
    position: absolute;
    top: 11px;
    right: 19px;
    z-index: 2;
    font-size: 12px;
    color: #828992; }
  .file-filter-container .pipline {
    position: absolute;
    top: 20px;
    left: 100px;
    z-index: 2;
    display: inline-block;
    width: 9px;
    height: 1px;
    background: #979797; }
  .file-filter-container .seleted-view {
    display: inline-block;
    width: 78px;
    height: 24px;
    font-size: 11px;
    line-height: 24px;
    color: #828992;
    text-align: center;
    cursor: pointer;
    background: #fff;
    border: 1px solid #e1e1e1;
    border-radius: 4px; }
  .file-filter-container .active-date {
    border: 1px solid #fe6a49; }
  .file-filter-container .has-date {
    color: #222; }
  .file-filter-container .disable-date {
    cursor: not-allowed; }
  .file-filter-container .date-btn-footer {
    height: 47px;
    font-size: 12px;
    line-height: 47px;
    color: #828992;
    text-align: right;
    border-top: 1px solid #e1e1e1; }
    .file-filter-container .date-btn-footer .date-confirm {
      margin-right: 19px;
      margin-left: 15px;
      color: #fe6a49;
      cursor: pointer; }
    .file-filter-container .date-btn-footer .date-cancel {
      cursor: pointer; }
    .file-filter-container .date-btn-footer .confirm-disable {
      color: #828992;
      cursor: not-allowed; }

.date-menu-select {
  width: 273px; }
  .date-menu-select .ant-popover-inner-content {
    padding: 0; }
  .date-menu-select .ant-tabs-nav-wrap {
    padding-left: 10px; }
  .date-menu-select .ant-tabs-tab {
    padding: 8px 0;
    margin-right: 30px; }
  .date-menu-select .ant-tabs-ink-bar {
    display: none !important; }
  .date-menu-select .ant-tabs-bar {
    background: #f3f4f6;
    border-bottom: none; }
  .date-menu-select .ant-tabs-content {
    margin-bottom: 20px; }

.channel-members-filter .nicescroll-container {
  max-height: 300px !important; }

.channel-members-filter .user-name {
  overflow: hidden;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  white-space: nowrap; }

.channel-members-filter .search-member-scroll-container {
  height: 300px !important; }

.lan-connecting-wrap {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1000;
  overflow: auto; }
  .lan-connecting-wrap .connecting-content {
    position: absolute;
    top: calc(50% - 23px);
    right: calc(50% - 208px);
    width: 110px;
    height: 100px;
    background: #fff;
    border-radius: 5px;
    -webkit-box-shadow: 0 2px 4px 0 rgba(206, 206, 206, 0.5);
            box-shadow: 0 2px 4px 0 rgba(206, 206, 206, 0.5); }
  .lan-connecting-wrap .center-loading {
    top: calc(50% - 20px); }
  .lan-connecting-wrap .connecting {
    position: absolute;
    bottom: 14px;
    left: 36px;
    font-size: 13px;
    color: #5d6470; }
    .lan-connecting-wrap .connecting.en {
      left: 17px; }

.lan-file-modal .ant-modal-content {
  width: 530px;
  height: 430px; }

.lan-file-modal .ant-modal-header {
  padding: 19px 16px;
  font-size: 14px;
  color: #5d6470;
  text-align: center; }

.lan-file-modal .ant-modal-close {
  top: 5px; }

.lan-file-modal .ant-modal-body {
  height: 370px;
  padding: 0; }
  .lan-file-modal .ant-modal-body .lan-file-content {
    height: 100%;
    overflow: hidden; }
  .lan-file-modal .ant-modal-body .lan-file-list {
    height: 100%; }

.lan-file-modal .file-item-index {
  height: 62px; }
  .lan-file-modal .file-item-index .info {
    margin-left: 12px; }
  .lan-file-modal .file-item-index .preview,
  .lan-file-modal .file-item-index .info {
    margin-top: 10px; }
  .lan-file-modal .file-item-index .from-user-name {
    max-width: 130px; }

.lan-file-modal .loading-more-wrap {
  text-align: center; }

.lan-file-modal .loading-more {
  display: inline-block;
  width: 30px;
  -webkit-transform: scale(0.5) !important;
      -ms-transform: scale(0.5) !important;
          transform: scale(0.5) !important; }

.no-file-wrap {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  justify-items: center;
  height: 100%; }

.file-empty-img {
  margin-bottom: -20px;
  margin-top: -25px;
  width: 173px; }

.file-empty-text {
  display: inline-block;
  width: 100%; }

.lan-file-empty-text {
  margin-top: 25px; }

.no-file {
  display: inline-block;
  width: 100%;
  margin-top: -40px;
  color: #828992;
  text-align: center;
  -webkit-transition: none !important;
  -o-transition: none !important;
  transition: none !important; }

.file-button-menu-popover .ant-popover-arrow {
  display: none; }

.file-button-menu-popover .menu-item {
  padding: 10px 12px 5px 12px;
  cursor: pointer; }
  .file-button-menu-popover .menu-item:hover {
    color: #fe6a49; }

.file-item-selected {
  background: #f3f4f6; }
  .file-item-selected .operate {
    display: block; }

.task-date-time-icon .date-time-tip {
  display: inline-block;
  color: #222;
  cursor: pointer; }
  .task-date-time-icon .date-time-tip .pick-tip {
    display: inline-block;
    color: #fe6a49; }
    .task-date-time-icon .date-time-tip .pick-tip:hover {
      color: #d64f35; }

.date-time-picker {
  padding: 0 !important; }
  .date-time-picker .ant-popover-arrow {
    display: none !important; }
  .date-time-picker .ant-popover-inner-content {
    padding: 0 !important; }

.task-date-time-container {
  position: relative;
  width: 270px;
  height: 500px; }
  .task-date-time-container .header {
    position: absolute;
    top: 0;
    width: 100%;
    height: 40px;
    padding-left: 10px;
    font-size: 12px;
    line-height: 40px;
    color: #222;
    background-color: #f3f4f6;
    border-radius: 4px; }
    .task-date-time-container .header .close-icon {
      float: right;
      margin-right: 20px;
      color: #828992;
      cursor: pointer; }
      .task-date-time-container .header .close-icon:hover {
        color: #fe6a49; }
  .task-date-time-container .body {
    position: absolute;
    top: 40px;
    bottom: 50px;
    width: 100%;
    overflow-y: auto; }
    .task-date-time-container .body .date-picker-container {
      width: 100%;
      height: 236px; }
    .task-date-time-container .body .time-picker-container {
      width: 100%;
      height: 32px; }
    .task-date-time-container .body .end-date-time-contianer {
      position: relative; }
      .task-date-time-container .body .end-date-time-contianer .end-time-placeholder {
        position: absolute;
        top: calc(50% - 8px);
        display: inline-block;
        width: 20px;
        height: 16px;
        font-size: 17px;
        line-height: 16px;
        text-align: center;
        letter-spacing: -1px;
        cursor: default;
        background: white; }
      .task-date-time-container .body .end-date-time-contianer .hour-placeholder {
        left: 82px;
        z-index: 9; }
      .task-date-time-container .body .end-date-time-contianer .min-placeholder {
        right: 56px;
        z-index: 9; }
    .task-date-time-container .body .reminder-tip {
      margin-top: 15px !important; }
    .task-date-time-container .body .item-tip {
      width: 220px;
      margin: 0 auto;
      margin-top: 10px !important;
      margin-bottom: 2px !important; }
      .task-date-time-container .body .item-tip .qt-icon {
        display: inline-block;
        margin-right: 8px;
        font-size: 15px;
        color: #828992;
        vertical-align: middle; }
      .task-date-time-container .body .item-tip span {
        display: inline-block;
        font-size: 12px;
        color: #222;
        vertical-align: middle; }
    .task-date-time-container .body .reminder-select {
      left: calc(50% - 110px);
      width: 220px;
      margin-bottom: 10px; }
  .task-date-time-container .footer {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 50px;
    line-height: 50px;
    background: #f3f3f3;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px; }
    .task-date-time-container .footer > div {
      float: right;
      padding-right: 20px; }
    .task-date-time-container .footer span {
      font-size: 12px;
      color: #828992;
      cursor: pointer; }
    .task-date-time-container .footer span:nth-child(2) {
      display: inline-block;
      margin-left: 15px;
      color: #fe6a49; }
  .task-date-time-container #date-picker,
  .task-date-time-container #end-time-picker,
  .task-date-time-container #time-picker {
    display: none !important; }

.flatpickr-calendar {
  position: absolute;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: none;
  width: 307.875px;
  max-height: 0;
  padding: 0;
  overflow: hidden;
  font-size: 14px;
  line-height: 24px;
  text-align: center;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  visibility: hidden;
  background: transparent;
  background: #fff;
  border: 0;
  border-radius: 5px;
  -webkit-box-shadow: 1px 0 0 #e6e6e6, -1px 0 0 #e6e6e6, 0 1px 0 #e6e6e6, 0 -1px 0 #e6e6e6, 0 3px 13px rgba(0, 0, 0, 0.08);
  box-shadow: 1px 0 0 #e6e6e6, -1px 0 0 #e6e6e6, 0 1px 0 #e6e6e6, 0 -1px 0 #e6e6e6, 0 3px 13px rgba(0, 0, 0, 0.08);
  opacity: 0;
  -webkit-animation: none;
  animation: none;
  direction: ltr; }

.flatpickr-calendar.open,
.flatpickr-calendar.inline {
  max-height: 640px;
  overflow: visible;
  visibility: visible;
  opacity: 1; }

.flatpickr-calendar.open {
  z-index: 99999;
  display: inline-block; }

.flatpickr-calendar.animate.open {
  -webkit-animation: fpFadeInDown 200ms cubic-bezier(0.23, 1, 0.32, 1);
  animation: fpFadeInDown 200ms cubic-bezier(0.23, 1, 0.32, 1); }

.flatpickr-calendar.inline {
  position: relative;
  top: 2px;
  display: block; }

.flatpickr-calendar.static {
  position: absolute;
  top: calc(100% + 2px); }

.flatpickr-calendar.static.open {
  z-index: 999;
  display: block; }

.flatpickr-calendar.hasWeeks {
  width: auto; }

.flatpickr-calendar .hasWeeks .dayContainer,
.flatpickr-calendar .hasTime .dayContainer {
  border-bottom: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0; }

.flatpickr-calendar .hasWeeks .dayContainer {
  border-left: 0; }

.flatpickr-calendar.showTimeInput.hasTime .flatpickr-time {
  height: 40px;
  border-top: 1px solid #e6e6e6; }

.flatpickr-calendar.noCalendar.hasTime .flatpickr-time {
  height: auto; }

.flatpickr-calendar.rightMost:before,
.flatpickr-calendar.rightMost:after {
  right: 22px;
  left: auto; }

.flatpickr-calendar:before {
  margin: 0 -5px;
  border-width: 5px; }

.flatpickr-calendar:after {
  margin: 0 -4px;
  border-width: 4px; }

.flatpickr-calendar.arrowTop:before,
.flatpickr-calendar.arrowTop:after {
  bottom: 100%; }

.flatpickr-calendar.arrowTop:before {
  border-bottom-color: #e6e6e6; }

.flatpickr-calendar.arrowTop:after {
  border-bottom-color: #fff; }

.flatpickr-calendar.arrowBottom:before,
.flatpickr-calendar.arrowBottom:after {
  top: 100%; }

.flatpickr-calendar.arrowBottom:before {
  border-top-color: #e6e6e6; }

.flatpickr-calendar.arrowBottom:after {
  border-top-color: #fff; }

.flatpickr-calendar:focus {
  outline: 0; }

.flatpickr-wrapper {
  position: relative;
  display: inline-block; }

.flatpickr-month {
  position: relative;
  height: 28px;
  overflow: hidden;
  line-height: 1;
  color: #222;
  text-align: center;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background: transparent;
  fill: #222; }

.flatpickr-prev-month,
.flatpickr-next-month {
  position: absolute;
  top: 0;
  z-index: 3;
  height: 28px;
  padding: 10px calc(3.57% - 1.5px);
  line-height: 16px;
  text-decoration: none;
  cursor: pointer; }

.flatpickr-prev-month i,
.flatpickr-next-month i {
  position: relative; }

.flatpickr-prev-month.flatpickr-prev-month,
.flatpickr-next-month.flatpickr-prev-month {
  /*
      /*rtl:begin:ignore*/
  /*
      */
  left: 0;
  /*
      /*rtl:end:ignore*/
  /*
      */ }

/*
      /*rtl:begin:ignore*/
/*
      /*rtl:end:ignore*/
.flatpickr-prev-month.flatpickr-next-month,
.flatpickr-next-month.flatpickr-next-month {
  /*
      /*rtl:begin:ignore*/
  /*
      */
  right: 0;
  /*
      /*rtl:end:ignore*/
  /*
      */ }

/*
      /*rtl:begin:ignore*/
/*
      /*rtl:end:ignore*/
.flatpickr-prev-month:hover,
.flatpickr-next-month:hover {
  color: #959ea9; }

.flatpickr-prev-month:hover svg,
.flatpickr-next-month:hover svg {
  fill: #f64747; }

.flatpickr-prev-month svg,
.flatpickr-next-month svg {
  width: 13px;
  height: 13px; }

.flatpickr-prev-month svg path,
.flatpickr-next-month svg path {
  fill: inherit;
  -webkit-transition: fill 0.1s;
  -o-transition: fill 0.1s;
  transition: fill 0.1s; }

.numInputWrapper {
  position: relative;
  height: auto; }

.numInputWrapper input,
.numInputWrapper span {
  display: inline-block; }

.numInputWrapper input {
  width: 100%; }

.numInputWrapper input::-ms-clear {
  display: none; }

.numInputWrapper span {
  position: absolute;
  right: 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 14px;
  height: 50%;
  padding: 0 4px 0 2px;
  line-height: 50%;
  cursor: pointer;
  border: 1px solid rgba(57, 57, 57, 0.15);
  opacity: 0; }

.numInputWrapper span:hover {
  background: rgba(0, 0, 0, 0.1); }

.numInputWrapper span:active {
  background: rgba(0, 0, 0, 0.2); }

.numInputWrapper span:after {
  position: absolute;
  display: block;
  content: ''; }

.numInputWrapper span.arrowUp {
  top: 0;
  border-bottom: 0; }

.numInputWrapper span.arrowUp:after {
  top: 4px;
  border-right: 4px solid transparent;
  border-bottom: 4px solid rgba(57, 57, 57, 0.6);
  border-left: 4px solid transparent; }

.numInputWrapper span.arrowDown {
  top: 50%; }

.numInputWrapper span.arrowDown:after {
  top: 6px;
  border-top: 4px solid rgba(57, 57, 57, 0.6);
  border-right: 4px solid transparent;
  border-left: 4px solid transparent; }

.numInputWrapper span svg {
  width: inherit;
  height: auto; }

.numInputWrapper span svg path {
  fill: rgba(0, 0, 0, 0.5); }

.numInputWrapper:hover {
  background: rgba(0, 0, 0, 0.05); }

.numInputWrapper:hover span {
  opacity: 1; }

.flatpickr-current-month {
  position: absolute;
  left: 12.5%;
  display: inline-block;
  width: 75%;
  height: 28px;
  padding: 6.16px 0 0 0;
  font-size: 100%;
  font-weight: 300;
  line-height: inherit;
  line-height: 1;
  color: inherit;
  text-align: center;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0); }

.flatpickr-current-month span.cur-month {
  display: inline-block;
  padding: 0;
  margin-left: 0.5ch;
  font-family: inherit;
  font-weight: 700;
  color: inherit; }

.flatpickr-current-month span.cur-month:hover {
  background: rgba(0, 0, 0, 0.05); }

.flatpickr-current-month .numInputWrapper {
  display: inline-block;
  width: 6ch;
  width: 7ch\0; }

.flatpickr-current-month .numInputWrapper span.arrowUp:after {
  border-bottom-color: rgba(0, 0, 0, 0.9); }

.flatpickr-current-month .numInputWrapper span.arrowDown:after {
  border-top-color: rgba(0, 0, 0, 0.9); }

.flatpickr-current-month input.cur-year {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: inline-block;
  height: auto;
  padding: 0 0 0 0.5ch;
  margin: 0;
  font-family: inherit;
  font-size: inherit;
  font-weight: 300;
  line-height: inherit;
  color: inherit;
  vertical-align: initial;
  cursor: text;
  background: transparent;
  border: 0;
  border-radius: 0; }

.flatpickr-current-month input.cur-year:focus {
  outline: 0; }

.flatpickr-current-month input.cur-year[disabled],
.flatpickr-current-month input.cur-year[disabled]:hover {
  font-size: 100%;
  color: rgba(0, 0, 0, 0.5);
  pointer-events: none;
  background: transparent; }

.flatpickr-weekdays {
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  width: 100%;
  height: 28px;
  overflow: hidden;
  text-align: center;
  background: transparent;
  -webkit-box-align: center;
  -ms-flex-align: center; }

span.flatpickr-weekday {
  display: block;
  -ms-flex: 1;
  flex: 1 1;
  margin: 0;
  font-size: 90%;
  font-weight: bolder;
  line-height: 1;
  color: rgba(0, 0, 0, 0.54);
  text-align: center;
  cursor: default;
  background: transparent;
  -webkit-box-flex: 1; }

.dayContainer,
.flatpickr-weeks {
  padding: 1px 0 0 0; }

.flatpickr-days {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  width: 307.875px;
  overflow: hidden; }

.flatpickr-days:focus {
  outline: 0; }

.dayContainer {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: inline-block;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  width: 307.875px;
  min-width: 307.875px;
  max-width: 307.875px;
  padding: 0;
  text-align: left;
  outline: 0;
  opacity: 1;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  -ms-flex-pack: justify; }

.flatpickr-day {
  position: relative;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: inline-block;
  flex-basis: 14.2857143%;
  justify-content: center;
  width: 14.2857143%;
  max-width: 39px;
  height: 39px;
  margin: 0;
  font-weight: 400;
  line-height: 39px;
  color: #393939;
  text-align: center;
  cursor: pointer;
  background: none;
  border: 1px solid transparent;
  border-radius: 150px;
  -ms-flex-preferred-size: 14.2857143%;
  -webkit-box-pack: center;
  -ms-flex-pack: center; }

.flatpickr-day.inRange,
.flatpickr-day.prevMonthDay.inRange,
.flatpickr-day.nextMonthDay.inRange,
.flatpickr-day.today.inRange,
.flatpickr-day.prevMonthDay.today.inRange,
.flatpickr-day.nextMonthDay.today.inRange,
.flatpickr-day:hover,
.flatpickr-day.prevMonthDay:hover,
.flatpickr-day.nextMonthDay:hover,
.flatpickr-day:focus,
.flatpickr-day.prevMonthDay:focus,
.flatpickr-day.nextMonthDay:focus {
  cursor: pointer;
  background: #e6e6e6;
  border-color: #e6e6e6;
  outline: 0; }

.flatpickr-day.today {
  border-color: #959ea9; }

.flatpickr-day.today:hover,
.flatpickr-day.today:focus {
  color: #fff;
  background: #959ea9;
  border-color: #959ea9; }

.flatpickr-day.selected,
.flatpickr-day.startRange,
.flatpickr-day.endRange,
.flatpickr-day.selected.inRange,
.flatpickr-day.startRange.inRange,
.flatpickr-day.endRange.inRange,
.flatpickr-day.selected:focus,
.flatpickr-day.startRange:focus,
.flatpickr-day.endRange:focus,
.flatpickr-day.selected:hover,
.flatpickr-day.startRange:hover,
.flatpickr-day.endRange:hover,
.flatpickr-day.selected.prevMonthDay,
.flatpickr-day.startRange.prevMonthDay,
.flatpickr-day.endRange.prevMonthDay,
.flatpickr-day.selected.nextMonthDay,
.flatpickr-day.startRange.nextMonthDay,
.flatpickr-day.endRange.nextMonthDay {
  color: #fff;
  background: #569ff7;
  border-color: #569ff7;
  -webkit-box-shadow: none;
  box-shadow: none; }

.flatpickr-day.selected.startRange,
.flatpickr-day.startRange.startRange,
.flatpickr-day.endRange.startRange {
  border-radius: 50px 0 0 50px; }

.flatpickr-day.selected.endRange,
.flatpickr-day.startRange.endRange,
.flatpickr-day.endRange.endRange {
  border-radius: 0 50px 50px 0; }

.flatpickr-day.selected.startRange + .endRange,
.flatpickr-day.startRange.startRange + .endRange,
.flatpickr-day.endRange.startRange + .endRange {
  -webkit-box-shadow: -10px 0 0 #569ff7;
  box-shadow: -10px 0 0 #569ff7; }

.flatpickr-day.selected.startRange.endRange,
.flatpickr-day.startRange.startRange.endRange,
.flatpickr-day.endRange.startRange.endRange {
  border-radius: 50px; }

.flatpickr-day.inRange {
  border-radius: 0;
  -webkit-box-shadow: -5px 0 0 #e6e6e6, 5px 0 0 #e6e6e6;
  box-shadow: -5px 0 0 #e6e6e6, 5px 0 0 #e6e6e6; }

.flatpickr-day.disabled,
.flatpickr-day.disabled:hover,
.flatpickr-day.prevMonthDay,
.flatpickr-day.nextMonthDay,
.flatpickr-day.notAllowed,
.flatpickr-day.notAllowed.prevMonthDay,
.flatpickr-day.notAllowed.nextMonthDay {
  color: rgba(57, 57, 57, 0.3);
  cursor: default;
  background: transparent;
  border-color: transparent; }

.flatpickr-day.disabled,
.flatpickr-day.disabled:hover {
  color: rgba(57, 57, 57, 0.1); }

.flatpickr-day.week.selected {
  border-radius: 0;
  -webkit-box-shadow: -5px 0 0 #569ff7, 5px 0 0 #569ff7;
  box-shadow: -5px 0 0 #569ff7, 5px 0 0 #569ff7; }

.rangeMode .flatpickr-day {
  margin-top: 1px; }

.flatpickr-weekwrapper {
  display: inline-block;
  float: left; }

.flatpickr-weekwrapper .flatpickr-weeks {
  padding: 0 12px;
  -webkit-box-shadow: 1px 0 0 #e6e6e6;
  box-shadow: 1px 0 0 #e6e6e6; }

.flatpickr-weekwrapper .flatpickr-weekday {
  float: none;
  width: 100%;
  line-height: 28px; }

.flatpickr-weekwrapper span.flatpickr-day,
.flatpickr-weekwrapper span.flatpickr-day:hover {
  display: block;
  width: 100%;
  max-width: none;
  color: rgba(57, 57, 57, 0.3);
  cursor: default;
  background: transparent;
  border: none; }

.flatpickr-innerContainer {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: block;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden; }

.flatpickr-rContainer {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: inline-block;
  padding: 0; }

.flatpickr-time {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: block;
  display: -ms-flexbox;
  display: flex;
  height: 0;
  max-height: 40px;
  overflow: hidden;
  line-height: 40px;
  text-align: center;
  outline: 0; }

.flatpickr-time:after {
  display: table;
  clear: both;
  content: ''; }

.flatpickr-time .numInputWrapper {
  -ms-flex: 1;
  flex: 1 1;
  float: left;
  width: 40%;
  height: 40px;
  -webkit-box-flex: 1; }

.flatpickr-time .numInputWrapper span.arrowUp:after {
  border-bottom-color: #393939; }

.flatpickr-time .numInputWrapper span.arrowDown:after {
  border-top-color: #393939; }

.flatpickr-time.hasSeconds .numInputWrapper {
  width: 26%; }

.flatpickr-time.time24hr .numInputWrapper {
  width: 49%; }

.flatpickr-time input {
  position: relative;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  height: inherit;
  padding: 0;
  margin: 0;
  font-size: 14px;
  line-height: inherit;
  color: #393939;
  text-align: center;
  cursor: pointer;
  background: transparent;
  border: 0;
  border-radius: 0;
  -webkit-box-shadow: none;
  box-shadow: none; }

.flatpickr-time input.flatpickr-hour {
  font-weight: bold; }

.flatpickr-time input.flatpickr-minute,
.flatpickr-time input.flatpickr-second {
  font-weight: 400; }

.flatpickr-time input:focus {
  border: 0;
  outline: 0; }

.flatpickr-time .flatpickr-time-separator,
.flatpickr-time .flatpickr-am-pm {
  display: inline-block;
  align-self: center;
  float: left;
  width: 2%;
  height: inherit;
  font-weight: bold;
  line-height: inherit;
  color: #393939;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -ms-flex-item-align: center; }

.flatpickr-time .flatpickr-am-pm {
  width: 18%;
  font-weight: 400;
  text-align: center;
  cursor: pointer;
  outline: 0; }

.flatpickr-time .flatpickr-am-pm:hover,
.flatpickr-time .flatpickr-am-pm:focus {
  background: #f0f0f0; }

.flatpickr-input[readonly] {
  cursor: pointer; }

@-webkit-keyframes fpFadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0); }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }

@keyframes fpFadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0); }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }

.qt-date-picker .flatpickr-input[readonly] {
  display: none !important; }

.qt-date-picker .flatpickr-next-month {
  right: -2px !important; }

.qt-date-picker .flatpickr-weekdays .flatpickr-weekdaycontainer {
  display: -ms-flexbox;
  display: flex;
  width: 100%; }

.qt-date-picker .flatpickr-calendar {
  width: 220px !important;
  margin: 0 auto;
  -webkit-box-shadow: none;
          box-shadow: none; }

.qt-date-picker .arrowUp {
  border: none; }
  .qt-date-picker .arrowUp::after {
    border-bottom-color: #828992 !important; }
  .qt-date-picker .arrowUp::before {
    position: absolute;
    top: 6px;
    left: 2px;
    z-index: 9;
    display: block;
    content: ' ';
    border-right: 4px solid transparent;
    border-bottom: 4px solid #f8f8f8;
    border-left: 4px solid transparent; }

.qt-date-picker .arrowDown {
  border: none; }
  .qt-date-picker .arrowDown::after {
    border-top-color: #828992 !important; }
  .qt-date-picker .arrowDown::before {
    position: absolute;
    top: 4px !important;
    z-index: 9;
    display: block;
    content: ' ';
    border-top: 4px solid #f8f8f8;
    border-right: 4px solid transparent;
    border-left: 4px solid transparent; }

.qt-date-picker .flatpickr-month .flatpickr-prev-month svg,
.qt-date-picker .flatpickr-month .flatpickr-next-month svg {
  width: 16px;
  height: 10px; }
  .qt-date-picker .flatpickr-month .flatpickr-prev-month svg path,
  .qt-date-picker .flatpickr-month .flatpickr-next-month svg path {
    fill: #666; }

.qt-date-picker .flatpickr-month .flatpickr-current-month .cur-month,
.qt-date-picker .flatpickr-month .flatpickr-current-month .cur-year {
  font-size: 12px;
  font-weight: normal !important;
  line-height: 12px;
  color: #222;
  cursor: auto; }

.qt-date-picker .flatpickr-month .flatpickr-current-month .cur-month {
  padding: 4px 10px !important;
  margin-right: 30px;
  vertical-align: middle; }
  .qt-date-picker .flatpickr-month .flatpickr-current-month .cur-month:hover {
    background: #f8f8f8 !important;
    border-radius: 3px; }

.qt-date-picker .flatpickr-month .flatpickr-current-month .numInputWrapper {
  width: 5ch;
  height: 20px;
  padding: 1px;
  vertical-align: middle;
  border: solid 1px rgba(0, 0, 0, 0);
  border-radius: 4px;
  -webkit-transition: border 0.3s;
  -o-transition: border 0.3s;
  transition: border 0.3s; }
  .qt-date-picker .flatpickr-month .flatpickr-current-month .numInputWrapper .cur-year {
    position: absolute;
    top: calc(50% - 6px);
    left: 4px;
    display: inline-block;
    height: 12px;
    padding: 0; }
  .qt-date-picker .flatpickr-month .flatpickr-current-month .numInputWrapper:hover {
    border-color: #69b0e7 !important;
    outline: 0;
    -webkit-box-shadow: 0 0 0 2px rgba(105, 176, 231, 0.2);
            box-shadow: 0 0 0 2px rgba(105, 176, 231, 0.2); }
  .qt-date-picker .flatpickr-month .flatpickr-current-month .numInputWrapper span:hover {
    background: none !important; }
  .qt-date-picker .flatpickr-month .flatpickr-current-month .numInputWrapper .arrowUp::before {
    top: 45%; }
  .qt-date-picker .flatpickr-month .flatpickr-current-month .numInputWrapper .arrowDown::before {
    top: 20%; }

.qt-date-picker .flatpickr-weekdays .flatpickr-weekday {
  font-size: 12px;
  font-weight: normal;
  color: #222; }

.qt-date-picker .flatpickr-weekdays,
.qt-date-picker .flatpickr-days,
.qt-date-picker .dayContainer {
  width: 220px !important;
  min-width: 220px;
  max-width: 220px; }

.qt-date-picker .flatpickr-days .flatpickr-day {
  max-width: 20px;
  height: 20px;
  margin: 5px;
  font-size: 12px;
  line-height: 20px;
  color: #222; }
  .qt-date-picker .flatpickr-days .flatpickr-day:hover {
    color: white !important;
    background: #fe6a49 !important;
    border-color: #fe6a49 !important; }
  .qt-date-picker .flatpickr-days .flatpickr-day.inRange {
    background: #ffe2dc !important;
    border-color: #ffe2dc !important;
    -webkit-box-shadow: -5px 0 0 #ffe2dc, 5px 0 0 #ffe2dc !important;
            box-shadow: -5px 0 0 #ffe2dc, 5px 0 0 #ffe2dc !important; }
  .qt-date-picker .flatpickr-days .flatpickr-day.startRange {
    background: #ffe2dc !important;
    border-color: #ffe2dc !important; }

.qt-date-picker .flatpickr-days .selected.endRange {
  background: #ffe2dc !important;
  border-color: #ffe2dc !important;
  -webkit-box-shadow: -10px 0 0 #ffe2dc;
          box-shadow: -10px 0 0 #ffe2dc; }

.qt-date-picker .flatpickr-days .startRange.endRange {
  -webkit-box-shadow: none;
          box-shadow: none; }

.qt-date-picker .flatpickr-days .dayContainer .prevMonthDay,
.qt-date-picker .flatpickr-days .dayContainer .nextMonthDay {
  color: #828992 !important; }
  .qt-date-picker .flatpickr-days .dayContainer .prevMonthDay:hover,
  .qt-date-picker .flatpickr-days .dayContainer .nextMonthDay:hover {
    color: white !important; }

.qt-date-picker .flatpickr-days .dayContainer .selected {
  color: white !important;
  background: #fe6a49 !important;
  border-color: #fe6a49 !important; }

.qt-date-picker .flatpickr-days .dayContainer .disabled {
  color: rgba(57, 57, 57, 0.1) !important; }
  .qt-date-picker .flatpickr-days .dayContainer .disabled:hover {
    color: rgba(57, 57, 57, 0.1) !important;
    cursor: default !important;
    background: inherit !important;
    border-color: rgba(0, 0, 0, 0) !important; }

.qt-date-picker .flatpickr-calendar {
  top: 0; }
  .qt-date-picker .flatpickr-calendar .flatpickr-time {
    -webkit-box-sizing: content-box;
            box-sizing: content-box;
    height: 30px !important;
    line-height: 30px;
    background: #fff;
    border: 1px solid #e1e1e1;
    border-radius: 5px;
    -webkit-transition: border 0.3s;
    -o-transition: border 0.3s;
    transition: border 0.3s; }
    .qt-date-picker .flatpickr-calendar .flatpickr-time:hover {
      border-color: #69b0e7 !important;
      outline: 0;
      -webkit-box-shadow: 0 0 0 2px rgba(105, 176, 231, 0.2);
              box-shadow: 0 0 0 2px rgba(105, 176, 231, 0.2); }
    .qt-date-picker .flatpickr-calendar .flatpickr-time .numInputWrapper {
      height: 30px;
      margin-left: 18px;
      font-size: 12px; }
      .qt-date-picker .flatpickr-calendar .flatpickr-time .numInputWrapper:hover {
        background: #f8f8f8; }
    .qt-date-picker .flatpickr-calendar .flatpickr-time span:hover {
      background: none !important; }
    .qt-date-picker .flatpickr-calendar .flatpickr-time .arrowUp {
      top: 4px; }
    .qt-date-picker .flatpickr-calendar .flatpickr-time .arrowDown {
      top: 12px; }
      .qt-date-picker .flatpickr-calendar .flatpickr-time .arrowDown::before {
        top: 29%; }

.qt-date-picker .flatpickr-hour {
  font-weight: inherit !important; }

.qt-date-picker .numInputWrapper {
  margin-left: 30px !important; }

.qt-date-picker .flatpickr-monthDropdown-months {
  border: none; }

.video-meeting-error-modal {
  width: 650px !important; }
  .video-meeting-error-modal .meeting-error-content {
    height: 462px;
    padding-top: 150px;
    color: #fff;
    text-align: center;
    background-image: -webkit-radial-gradient(50% 100%, #222 0%, #0e2c5d 100%);
    background-image: -o-radial-gradient(50% 100%, #222 0%, #0e2c5d 100%);
    background-image: radial-gradient(50% 100%, #222 0%, #0e2c5d 100%); }
  .video-meeting-error-modal .center-loading {
    position: relative !important; }
  .video-meeting-error-modal .pending-text {
    margin-top: 30px;
    margin-bottom: 100px; }
  .video-meeting-error-modal .hand-up-btn {
    font-size: 14px;
    color: #fff; }
    .video-meeting-error-modal .hand-up-btn .qt-icon {
      font-size: 12px;
      -webkit-transform: scale(0.8);
          -ms-transform: scale(0.8);
              transform: scale(0.8); }
  .video-meeting-error-modal .retry-meeting {
    color: #00acdc;
    cursor: pointer; }
  .video-meeting-error-modal .ant-modal-body {
    padding: 0 !important; }
  .video-meeting-error-modal .ant-modal-close {
    display: none !important; }

.forward-video-meeting-modal {
  width: 650px !important;
  color: #5d6470; }
  .forward-video-meeting-modal .ant-modal-body {
    padding: 0; }
  .forward-video-meeting-modal .select-operate {
    margin: 15px; }
  .forward-video-meeting-modal .forward-selected-cls {
    width: 296px;
    min-height: 240px; }
  .forward-video-meeting-modal .forward-unselected-cls {
    height: 361px; }
  .forward-video-meeting-modal .ant-modal-footer {
    position: absolute;
    right: 40px;
    bottom: 0; }
  .forward-video-meeting-modal .contact-scroll-bar-selected {
    height: calc(100% - 100px) !important; }

.qt-dialog-index {
  position: absolute; }

.search-modal {
  width: 720px !important; }
  .search-modal .ant-modal-body {
    padding: 0 !important; }

.search-modal-container {
  width: 720px;
  height: 560px !important;
  background: #fff;
  border-radius: 10px;
  -webkit-box-shadow: 2px 2px 6px 0 rgba(170, 174, 177, 0.5);
          box-shadow: 2px 2px 6px 0 rgba(170, 174, 177, 0.5); }
  .search-modal-container .search-modal-line {
    width: 100%;
    border-bottom: 1px solid #eaedf1; }
  .search-modal-container .search-header {
    position: relative;
    padding-top: 6px;
    margin-bottom: 15px;
    text-align: center; }
    .search-modal-container .search-header .search-modal-header-title {
      font-size: 14px;
      line-height: 30px;
      color: #222;
      text-align: center; }
      .search-modal-container .search-header .search-modal-header-title .title-name {
        display: inline-block;
        max-width: 600px;
        overflow: hidden;
        -o-text-overflow: ellipsis;
           text-overflow: ellipsis;
        white-space: nowrap; }
    .search-modal-container .search-header .search-header-close {
      float: right;
      padding: 4px;
      margin-top: -34px;
      margin-right: 16px;
      font-size: 12px;
      color: #828992;
      cursor: pointer; }
      .search-modal-container .search-header .search-header-close:hover {
        color: #fe6a49; }
  .search-modal-container .search-result-main {
    margin-top: 18px; }
    .search-modal-container .search-result-main .all-search-item {
      position: relative;
      display: -ms-flexbox;
      display: flex;
      padding-top: 12px;
      padding-bottom: 10px;
      padding-left: 24px;
      border: none;
      outline: none; }
      .search-modal-container .search-result-main .all-search-item:hover {
        background: #f3f4f6; }
    .search-modal-container .search-result-main .full-search-result {
      height: 454px !important; }
    .search-modal-container .search-result-main .search-item-hover:hover {
      background: #f3f4f6; }
    .search-modal-container .search-result-main .search-item-hover .search-line {
      height: 1px;
      background-color: #f3f4f6; }
    .search-modal-container .search-result-main .search-list-footer {
      position: relative;
      width: 100% !important;
      height: 100px;
      padding-top: 40px;
      text-align: center;
      vertical-align: middle; }
      .search-modal-container .search-result-main .search-list-footer .reload-img {
        font-size: 14px;
        color: #ffae62; }
      .search-modal-container .search-result-main .search-list-footer .bottom-loading {
        top: 40px; }
      .search-modal-container .search-result-main .search-list-footer .is-loading {
        display: inline-block;
        -webkit-transform: scale(0.2) !important;
            -ms-transform: scale(0.2) !important;
                transform: scale(0.2) !important; }
      .search-modal-container .search-result-main .search-list-footer .footer-text {
        margin-left: 70px;
        text-align: center; }
      .search-modal-container .search-result-main .search-list-footer .footer-error {
        margin-top: 20px;
        margin-left: 10px;
        color: #828992;
        text-align: center; }
  .search-modal-container .search-input-form {
    margin-top: 10px; }
  .search-modal-container .btn-search-bg {
    display: inline-block;
    width: 56px;
    vertical-align: bottom;
    cursor: pointer;
    background: #fe6a49 none repeat scroll 0 0;
    border: 1px solid #fe6a49;
    border-top-right-radius: 6px;
    border-bottom-right-radius: 6px; }
    .search-modal-container .btn-search-bg:hover {
      background: #ec5233; }
  .search-modal-container .search-input {
    width: 454px;
    height: 32px;
    padding: 6px 6px 6px 10px;
    font-size: 14px;
    vertical-align: middle;
    cursor: inherit;
    background-color: #fcfcfd;
    border: 1px solid #e0e5f0;
    border-top-left-radius: 6px;
    border-bottom-left-radius: 6px; }
    .search-modal-container .search-input:focus {
      outline: 0; }
  .search-modal-container .full-search-icon {
    display: inline-block;
    font-size: 16px;
    line-height: 30px;
    color: #fff; }
  .search-modal-container .search-hint-list {
    position: absolute;
    z-index: 2000;
    display: block;
    margin-top: 8px;
    margin-left: 106px;
    background-color: #fff;
    -webkit-box-shadow: 2px 2px 6px 0 rgba(170, 174, 177, 0.5);
            box-shadow: 2px 2px 6px 0 rgba(170, 174, 177, 0.5); }
    .search-modal-container .search-hint-list li {
      padding-left: 7px;
      line-height: 30px;
      text-align: left;
      cursor: pointer; }
      .search-modal-container .search-hint-list li:hover {
        background-color: #eaedf1; }
        .search-modal-container .search-hint-list li:hover .history-close {
          color: #828992;
          visibility: visible; }
        .search-modal-container .search-hint-list li:hover .search-name {
          color: #fe6a49; }
    .search-modal-container .search-hint-list .input-key-down {
      background-color: #eaedf1; }
    .search-modal-container .search-hint-list i {
      display: inline-block;
      margin-right: 5px;
      vertical-align: middle; }
    .search-modal-container .search-hint-list span {
      vertical-align: middle; }
    .search-modal-container .search-hint-list .history-close {
      margin-top: 4px;
      margin-left: 60px;
      font-size: 18px;
      visibility: hidden;
      -webkit-transform: scale(0.5);
          -ms-transform: scale(0.5);
              transform: scale(0.5); }
    .search-modal-container .search-hint-list .clear-history-all {
      float: right;
      margin-right: 16px;
      font-size: 12px;
      line-height: 30px;
      color: #6e7ab3;
      cursor: pointer; }
    .search-modal-container .search-hint-list .search-name {
      display: inline-block;
      width: 402px;
      overflow: hidden;
      font-size: 12px;
      color: #828992;
      -o-text-overflow: ellipsis;
         text-overflow: ellipsis;
      white-space: nowrap; }
  .search-modal-container .search-submit {
    display: none; }

.article-item {
  min-height: 98px;
  padding-top: 14px;
  cursor: pointer; }
  .article-item .preview-failed img {
    width: 56px;
    max-width: 56px !important;
    max-height: 56px !important; }

.item-detail-article-appname {
  margin-top: 8px;
  font-size: 12px;
  color: #dcdcdc; }

.item-detail-article-content {
  -moz-width: calc(100% - 120px);
  -webkit-width: calc(100% - 120px);
  width: calc(100% - 120px);
  min-height: 16px;
  margin-top: 4px;
  font-size: 12px;
  line-height: 16px;
  color: #828992;
  word-wrap: break-word; }

.item-date {
  display: inline-block;
  margin-left: 10px;
  font-size: 12px;
  color: #828992; }

.item-name {
  display: inline-block;
  max-width: 380px;
  margin-bottom: 3px;
  overflow: hidden;
  font-size: 13px;
  color: #222;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  white-space: nowrap;
  vertical-align: middle; }

.item-detail-article-title {
  margin-top: -4px;
  font-size: 13px;
  color: #222; }

.item-detail-article {
  width: 100%;
  margin-top: 2px;
  margin-left: 15px;
  text-align: left;
  border-bottom: 1px solid #eaedf1; }

.item-head-img-article {
  width: 56px;
  height: 56px;
  border-radius: 0; }

.image-search-delete {
  width: 194px !important; }

.article-img-background {
  height: 56px;
  text-align: center;
  background-color: #f3f3f3;
  border-radius: 5px; }

.search-file-item {
  height: 80px;
  padding-top: 11px !important;
  padding-bottom: 0 !important;
  cursor: pointer; }
  .search-file-item .item-detail {
    margin-top: 2px;
    margin-right: 100px;
    margin-left: 10px;
    text-align: left; }
  .search-file-item .item-name {
    margin-bottom: 0; }
  .search-file-item .item-file-center {
    margin-top: 12px !important; }
    .search-file-item .item-file-center .item-name {
      max-width: 450px !important; }
  .search-file-item .search-file-item-enterprise-icon {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    float: left;
    height: 16px;
    margin-top: 48px;
    margin-left: -8px;
    visibility: hidden; }
  .search-file-item .qt-avatar-background {
    max-width: 57px;
    max-height: 57px; }

.search-file {
  margin-top: -5px;
  font-size: 57px;
  line-height: 70px; }

.item-introduce {
  display: block;
  margin-top: 2px;
  overflow: hidden;
  font-size: 13px;
  color: #828992;
  word-break: break-all;
  -webkit-user-select: text;
     -moz-user-select: text;
      -ms-user-select: text;
          user-select: text; }

.search-img-header {
  width: 57px;
  height: 57px;
  line-height: 57px;
  text-align: center;
  background-color: #f3f3f3;
  border-radius: 5px; }
  .search-img-header .image-preview-container {
    border-radius: 5px; }

.items-to {
  margin-top: 3px;
  margin-left: 0; }
  .items-to .context-name {
    font-size: 12px;
    vertical-align: middle; }
  .items-to .channel-name {
    color: #6e7ab3;
    cursor: default; }

.item-date {
  display: inline-block;
  margin-left: 10px;
  font-size: 12px;
  color: #828992; }

.search-message {
  height: 462px !important; }
  .search-message .chat-message-item {
    display: -ms-flexbox;
    display: flex;
    height: 60px;
    padding-left: 25px;
    cursor: pointer; }
    .search-message .chat-message-item .avatar {
      width: 36px;
      height: 36px;
      margin-top: 12px; }
    .search-message .chat-message-item .chat-item-info {
      margin-left: 14px; }
      .search-message .chat-message-item .chat-item-info .user-name {
        display: inline-block;
        max-width: 154px;
        height: 16px;
        overflow: hidden;
        font-size: 14px;
        line-height: 16px;
        -o-text-overflow: ellipsis;
           text-overflow: ellipsis;
        white-space: nowrap; }
    .search-message .chat-message-item .chat-item-info.total {
      margin-top: 12px; }
    .search-message .chat-message-item .chat-item-info.no-total {
      line-height: 60px; }
    .search-message .chat-message-item .chat-total {
      display: block;
      max-width: 145px;
      overflow: hidden;
      font-size: 12px;
      color: #828992;
      -o-text-overflow: ellipsis;
         text-overflow: ellipsis;
      white-space: nowrap; }
  .search-message .chat-list {
    float: left;
    width: 230px !important;
    height: 452px !important; }
    .search-message .chat-list .is-loading {
      -webkit-transform: scale(0.2) !important;
          -ms-transform: scale(0.2) !important;
              transform: scale(0.2) !important; }
    .search-message .chat-list .bottom-loading {
      margin-bottom: 10px !important; }
  .search-message .all-message-list {
    height: 452px !important;
    margin-left: 230px;
    font-weight: 400;
    border-left: 1px solid #eaedf1; }
    .search-message .all-message-list .message-no-data {
      display: inline-block;
      width: 100%;
      margin-top: 150px;
      text-align: center; }
    .search-message .all-message-list .search-no-img {
      font-size: 75px;
      color: #343d4c;
      opacity: 0.2; }
    .search-message .all-message-list .center-loading {
      left: 450px !important; }
  .search-message .single-message-list {
    height: 452px !important; }
  .search-message .message-list {
    height: 100%; }
    .search-message .message-list .detail-unfolder {
      -webkit-transform: rotate(270deg);
          -ms-transform: rotate(270deg);
              transform: rotate(270deg); }
    .search-message .message-list .detail-folder {
      -webkit-transform: rotate(90deg);
          -ms-transform: rotate(90deg);
              transform: rotate(90deg); }
    .search-message .message-list .msg-folder {
      color: #828992; }
      .search-message .message-list .msg-folder:hover {
        color: #fe6a49; }
    .search-message .message-list .context-item {
      position: relative;
      display: -ms-flexbox;
      display: flex;
      padding-top: 7px;
      padding-bottom: 7px;
      margin-left: 15px;
      border: none;
      outline: none; }
    .search-message .message-list .item-detail {
      margin-top: 2px;
      margin-right: 30px;
      margin-left: 14px;
      text-align: left; }
    .search-message .message-list .item-name {
      display: inline-block;
      max-width: 420px;
      margin-bottom: 3px;
      overflow: hidden;
      font-size: 14px;
      color: #222;
      -o-text-overflow: ellipsis;
         text-overflow: ellipsis;
      white-space: nowrap;
      vertical-align: middle; }
    .search-message .message-list .item-date {
      display: inline-block;
      margin-left: 10px;
      font-size: 12px;
      color: #828992; }
    .search-message .message-list .item-introduce {
      display: block;
      margin-top: 2px;
      overflow: hidden;
      font-size: 13px;
      color: #828992;
      word-break: break-all; }
    .search-message .message-list .watch-detail {
      display: -ms-flexbox;
      display: flex;
      float: right;
      margin-top: 20px;
      margin-right: 20px;
      cursor: pointer; }
    .search-message .message-list .item-head-img {
      margin-top: 4px; }
    .search-message .message-list .search-list-footer {
      height: 60px;
      padding-top: 20px; }
    .search-message .message-list .more-context {
      display: inline-block;
      width: 180px;
      height: 22px;
      padding-left: 64px;
      color: #828992;
      cursor: pointer; }
      .search-message .message-list .more-context:hover {
        color: #5a46aa; }
    .search-message .message-list .icon-more-context {
      font-size: 13px;
      -webkit-transform: scale(0.8);
          -ms-transform: scale(0.8);
              transform: scale(0.8); }
    .search-message .message-list .context-name {
      margin-left: 4px;
      font-size: 12px; }
    .search-message .message-list .msg-items {
      border-bottom: 1px solid #eaedf1; }
      .search-message .message-list .msg-items:hover {
        background: #f3f4f6; }
    .search-message .message-list .search-list-footer .bottom-loading {
      top: 22px !important; }
    .search-message .message-list .selected {
      background: #fcfcfd; }
  .search-message .selected-item {
    background: #f3f4f6; }

.message-voice-content-ext {
  overflow: hidden;
  font-size: 0; }

.message-content-box.voice {
  max-width: 450px;
  padding-right: 0;
  padding-bottom: 0;
  padding-left: 0; }
  .message-content-box.voice:hover {
    cursor: pointer; }
  .message-content-box.voice.pdt0 {
    padding-top: 0; }
  .message-content-box.voice .message-voice {
    position: relative;
    display: inline-block;
    width: 12px;
    height: 20px; }
    .message-content-box.voice .message-voice .audio {
      margin-right: 8px;
      font-size: 12px;
      color: #8ab0dd;
      cursor: pointer;
      -webkit-transform: scale(0.8);
          -ms-transform: scale(0.8);
              transform: scale(0.8); }
  .message-content-box.voice .text-item {
    padding-bottom: 5px;
    border-bottom: 1px solid #8ab0dd !important; }
    .message-content-box.voice .text-item span {
      display: inline-block;
      margin-right: 10px;
      margin-left: 10px; }

.other .message-content-box.voice .message-voice .audio {
  color: #eaedf1; }

.other .message-content-box.voice .text-item {
  border-bottom: 1px solid #aaafb5 !important; }

.voice-item {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: start;
      justify-content: flex-start;
  margin-right: 10px;
  margin-left: 10px; }
  .voice-item .track-length {
    width: 20px;
    margin-left: 6px;
    font-size: 13px;
    text-align: right;
    white-space: nowrap; }
  .voice-item .normal {
    height: 24px; }
  .voice-item .small {
    height: 12px; }

.message-item .unread-point {
  margin: 16px 5px; }

.speak-type-modal {
  width: 400px !important; }
  .speak-type-modal .select-wrap {
    position: static; }
  .speak-type-modal .ant-modal-content .ant-modal-body {
    position: relative; }
    .speak-type-modal .ant-modal-content .ant-modal-body .set-type-area {
      font-size: 14px; }
      .speak-type-modal .ant-modal-content .ant-modal-body .set-type-area p {
        margin-top: 10px;
        font-size: 12px;
        color: #222; }
    .speak-type-modal .ant-modal-content .ant-modal-body .member-speak-unselected-cls {
      position: absolute;
      bottom: 0;
      left: 0; }
    .speak-type-modal .ant-modal-content .ant-modal-body .member-speak-selected-cls {
      position: absolute;
      top: 0;
      right: 0;
      height: 475px !important;
      padding-top: 10px;
      margin-top: 0;
      border-left: 1px solid #ebebeb; }
      .speak-type-modal .ant-modal-content .ant-modal-body .member-speak-selected-cls .selected-wrap {
        height: 469px !important; }
        .speak-type-modal .ant-modal-content .ant-modal-body .member-speak-selected-cls .selected-wrap .selected-header {
          padding-top: 0; }
        .speak-type-modal .ant-modal-content .ant-modal-body .member-speak-selected-cls .selected-wrap .contact-scroll-bar-selected {
          height: 380px !important; }

.speakSwitchOn .ant-modal-footer {
  position: absolute;
  right: 58px;
  bottom: 0;
  float: right; }

.add-bots-modal .ant-modal-body {
  height: 244px;
  padding-bottom: 0px; }
  .add-bots-modal .ant-modal-body .trackX {
    display: none; }

.add-bots-modal .tips {
  font-size: 12px;
  color: #828992; }

.add-bots-modal .bots-list {
  margin-top: 12px; }
  .add-bots-modal .bots-list .bots-item {
    height: 36px;
    line-height: 36px;
    cursor: pointer; }
    .add-bots-modal .bots-list .bots-item .bot-img {
      width: 32px;
      height: 32px;
      border-radius: 50%;
      margin-left: 10px;
      margin-right: 7px;
      vertical-align: middle; }
    .add-bots-modal .bots-list .bots-item .bot-name {
      display: inline-block;
      vertical-align: middle;
      font-size: 14px; }
    .add-bots-modal .bots-list .bots-item .ant-radio-group {
      width: 100%; }
      .add-bots-modal .bots-list .bots-item .ant-radio-group .ant-radio-wrapper {
        width: 100%; }

.add-bots-modal .empty-add-bots {
  text-align: center;
  margin-top: -14px; }
  .add-bots-modal .empty-add-bots img {
    width: 150px; }
  .add-bots-modal .empty-add-bots .empty-desc-text {
    max-width: initial;
    font-size: 12px; }

.add-member-modal .ant-modal-body {
  padding: 0; }

.add-member-modal .add-member-selected-cls {
  width: 293px;
  height: 366px;
  min-height: 366px; }
  .add-member-modal .add-member-selected-cls .selected-wrap {
    height: 100%; }
    .add-member-modal .add-member-selected-cls .selected-wrap .contact-scroll-bar-selected {
      height: 320px !important; }

.add-member-modal .ant-modal-footer {
  position: absolute;
  right: 58px;
  bottom: 0; }

.before-add-member-modal .ant-modal-body > span {
  margin-right: 20px; }

.delete-member-modal .ant-modal-body {
  padding: 0; }
  .delete-member-modal .ant-modal-body .local-search {
    padding-top: 17px;
    padding-left: 26px;
    border-right: 1px solid #f3f4f6; }
  .delete-member-modal .ant-modal-body .select-wrap .delete-member-selected-cls {
    height: 361px; }
  .delete-member-modal .ant-modal-body .select-wrap .delete-member-unselected-cls {
    border-right: 1px solid #ebebeb;
    overflow-y: auto; }
    .delete-member-modal .ant-modal-body .select-wrap .delete-member-unselected-cls .friend-page {
      width: 353px; }

.delete-member-modal .ant-modal-footer {
  position: absolute;
  right: 58px;
  bottom: 0; }

.speak-type-modal.speakSwitchOn {
  width: 650px !important; }
  .speak-type-modal.speakSwitchOn .ant-modal-body {
    height: 475px; }
  .speak-type-modal.speakSwitchOn .search-input-container {
    width: 300px;
    padding: 0;
    padding-top: 0;
    margin-left: 12px;
    border-right: 0; }
  .speak-type-modal.speakSwitchOn .set-type-area {
    margin-left: 9px; }
    .speak-type-modal.speakSwitchOn .set-type-area p {
      max-width: 327px;
      color: #222;
      word-break: break-all; }
  .speak-type-modal.speakSwitchOn .local-search {
    width: 331px;
    padding-top: 13px;
    padding-right: 10px;
    padding-bottom: 0;
    padding-left: 10px;
    border-right: 0; }
  .speak-type-modal.speakSwitchOn .member-speak-unselected-cls {
    height: 340px;
    overflow: auto;
    border-right: 0 !important; }
  .speak-type-modal.speakSwitchOn .member-speak-unselected-cls.zh {
    height: 360px; }
  .speak-type-modal.speakSwitchOn .member-speak-unselected-cls.en {
    height: 360px; }

.archive-modal {
  font-size: 14px;
  color: #222; }
  .archive-modal .ant-modal-body {
    padding-right: 60px;
    padding-left: 60px;
    font-size: 14px;
    color: #222; }
  .archive-modal p {
    margin-bottom: 8px; }
    .archive-modal p:first-child {
      margin-bottom: 20px; }
    .archive-modal p:last-child {
      padding-top: 12px; }

.archive {
  height: 100%;
  font-size: 13px;
  color: #828992; }
  .archive .nicescroll-container .button-container {
    width: 100%;
    padding-right: 18px;
    margin-top: 24px;
    margin-bottom: 16px; }
    .archive .nicescroll-container .button-container button {
      height: 32px;
      font-size: 14px; }
  .archive .nicescroll-container .archive-title {
    margin-bottom: 12px;
    font-size: 13px;
    color: #222; }
  .archive .nicescroll-container .archive-item {
    margin-bottom: 12px; }
    .archive .nicescroll-container .archive-item span:first-child {
      margin-right: 5px;
      margin-left: 5px;
      color: #222; }
  .archive .channel-detail-container {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-top: 20px;
    padding-left: 18px; }
    .archive .channel-detail-container .ant-btn {
      width: 100%; }

.channel-detail-sidebar {
  height: 100%; }
  .channel-detail-sidebar .notify-type .channel-detail-container {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
        flex-direction: column;
    padding-top: 22px;
    padding-left: 20px; }
    .channel-detail-sidebar .notify-type .channel-detail-container .ant-radio-wrapper {
      margin-bottom: 20px;
      font-size: 14px;
      color: #222;
      white-space: normal; }
      .channel-detail-sidebar .notify-type .channel-detail-container .ant-radio-wrapper > span:nth-child(2) {
        display: inline-block;
        width: 327px;
        padding-left: 22px;
        word-break: break-all; }
      .channel-detail-sidebar .notify-type .channel-detail-container .ant-radio-wrapper .ant-radio {
        position: absolute;
        top: 3px;
        left: 0; }
  .channel-detail-sidebar .all-member {
    height: 100%; }
    .channel-detail-sidebar .all-member .search-member-scroll-item {
      position: relative; }
      .channel-detail-sidebar .all-member .search-member-scroll-item .qt-icon-group_administrator_tag {
        position: absolute;
        font-size: 12px;
        color: #fe6a49 !important;
        cursor: pointer;
        position: relative;
        margin-bottom: -22px;
        margin-left: -10px; }
      .channel-detail-sidebar .all-member .search-member-scroll-item .hight-container {
        margin-left: 12px; }
      .channel-detail-sidebar .all-member .search-member-scroll-item img {
        margin-right: 0; }
    .channel-detail-sidebar .all-member .online-wrap {
      position: absolute;
      top: 28px;
      left: 48px; }
  .channel-detail-sidebar .ant-tabs-content {
    height: 100%; }
  .channel-detail-sidebar .channel-detail-container {
    height: calc(100% - 60px);
    font-weight: 400; }
    .channel-detail-sidebar .channel-detail-container .full-tip {
      width: 100%;
      margin-top: 22px;
      font-size: 13px;
      color: #828992;
      text-align: center; }
    .channel-detail-sidebar .channel-detail-container .main-btn-container {
      -webkit-box-sizing: border-box;
              box-sizing: border-box;
      width: 100%;
      padding: 24px 16px;
      padding-bottom: 16px; }
      .channel-detail-sidebar .channel-detail-container .main-btn-container button {
        width: 100%; }
    .channel-detail-sidebar .channel-detail-container .pdl20 {
      padding-left: 20px; }
    .channel-detail-sidebar .channel-detail-container .pdt16 {
      padding-top: 16px; }
    .channel-detail-sidebar .channel-detail-container .pdb16 {
      padding-bottom: 16px; }
    .channel-detail-sidebar .channel-detail-container .pdt12 {
      padding-top: 12px; }
    .channel-detail-sidebar .channel-detail-container .pdb12 {
      padding-bottom: 12px; }
    .channel-detail-sidebar .channel-detail-container .pdb10 {
      padding-bottom: 10px; }
    .channel-detail-sidebar .channel-detail-container .allow-right.channel-detail-item {
      position: relative; }
      .channel-detail-sidebar .channel-detail-container .allow-right.channel-detail-item .qt-icon,
      .channel-detail-sidebar .channel-detail-container .allow-right.channel-detail-item .ant-switch {
        position: absolute;
        top: 50%;
        right: 20px;
        -webkit-transform: translateY(-50%);
            -ms-transform: translateY(-50%);
                transform: translateY(-50%); }
      .channel-detail-sidebar .channel-detail-container .allow-right.channel-detail-item .qt-icon-arrow {
        -webkit-transform: translateY(-50%) rotate(180deg);
            -ms-transform: translateY(-50%) rotate(180deg);
                transform: translateY(-50%) rotate(180deg); }
    .channel-detail-sidebar .channel-detail-container .channel-detail-item {
      margin-left: 20px;
      border-bottom: 1px solid #ebebeb; }
      .channel-detail-sidebar .channel-detail-container .channel-detail-item .ant-input {
        color: #222; }
        .channel-detail-sidebar .channel-detail-container .channel-detail-item .ant-input:focus {
          border-color: #d9d9d9 !important; }
        .channel-detail-sidebar .channel-detail-container .channel-detail-item .ant-input:hover {
          border-color: #d9d9d9 !important; }
      .channel-detail-sidebar .channel-detail-container .channel-detail-item .text-area-scroll-container {
        position: relative;
        -webkit-box-sizing: border-box;
                box-sizing: border-box;
        height: 60px !important;
        padding-bottom: 14px;
        vertical-align: top;
        background-color: #fff;
        border: 1px solid #ebebeb;
        border-radius: 6px; }
        .channel-detail-sidebar .channel-detail-container .channel-detail-item .text-area-scroll-container .text-area-word-counter {
          position: absolute;
          right: 8px;
          bottom: 1px;
          font-size: 13px;
          font-size: 12px;
          line-height: 13px;
          color: #e1e1e1; }
        .channel-detail-sidebar .channel-detail-container .channel-detail-item .text-area-scroll-container textarea {
          min-height: 38px !important;
          vertical-align: text-top !important;
          resize: none;
          border: none !important;
          outline: none; }
      .channel-detail-sidebar .channel-detail-container .channel-detail-item .channel-detail-item-header {
        font-size: 13px;
        color: #222; }
      .channel-detail-sidebar .channel-detail-container .channel-detail-item .channel-intro {
        margin-left: 4px;
        font-size: 12px;
        color: #828992;
        cursor: pointer; }
        .channel-detail-sidebar .channel-detail-container .channel-detail-item .channel-intro:hover {
          color: #fe6a49; }
      .channel-detail-sidebar .channel-detail-container .channel-detail-item .channel-detail-item-content {
        padding-right: 20px;
        margin-top: 3px;
        font-size: 12px;
        font-weight: 400;
        color: #828992;
        word-break: break-all;
        -webkit-user-select: text;
           -moz-user-select: text;
            -ms-user-select: text;
                user-select: text; }
      .channel-detail-sidebar .channel-detail-container .channel-detail-item .invite-apply {
        padding-right: 62px; }
    .channel-detail-sidebar .channel-detail-container .ScrollbarsCustom .content {
      overflow-x: hidden !important; }
    .channel-detail-sidebar .channel-detail-container .channel-detail-member {
      width: 330px; }
      .channel-detail-sidebar .channel-detail-container .channel-detail-member .channel-detail-item-header {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: justify;
            justify-content: space-between;
        margin-bottom: 12px; }
        .channel-detail-sidebar .channel-detail-container .channel-detail-member .channel-detail-item-header a {
          margin-right: 20px;
          color: #00acdc; }
      .channel-detail-sidebar .channel-detail-container .channel-detail-member .channel-detail-item-content {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
        -ms-flex-pack: start;
            justify-content: flex-start;
        word-break: break-all; }
        .channel-detail-sidebar .channel-detail-container .channel-detail-member .channel-detail-item-content .member-container {
          position: relative;
          display: -ms-flexbox;
          display: flex;
          -ms-flex-direction: column;
              flex-direction: column;
          -ms-flex-pack: start;
              justify-content: flex-start;
          width: 38px;
          margin-right: 30px;
          margin-bottom: 10px;
          font-size: 12px;
          font-weight: 400;
          color: #222;
          text-align: center;
          cursor: pointer; }
          .channel-detail-sidebar .channel-detail-container .channel-detail-member .channel-detail-item-content .member-container:nth-child(5n + 5) {
            margin-right: 0; }
          .channel-detail-sidebar .channel-detail-container .channel-detail-member .channel-detail-item-content .member-container .qt-icon-group_administrator_tag {
            position: absolute;
            font-size: 12px;
            color: #fe6a49 !important;
            cursor: pointer;
            right: 0;
            bottom: 16px; }
          .channel-detail-sidebar .channel-detail-container .channel-detail-member .channel-detail-item-content .member-container .online-wrap {
            position: absolute;
            top: 27px;
            left: 27px; }
          .channel-detail-sidebar .channel-detail-container .channel-detail-member .channel-detail-item-content .member-container .qt-icon-add_group_member,
          .channel-detail-sidebar .channel-detail-container .channel-detail-member .channel-detail-item-content .member-container .qt-icon-delete_group_member {
            font-size: 38px;
            line-height: 38px;
            color: #828992; }
            .channel-detail-sidebar .channel-detail-container .channel-detail-member .channel-detail-item-content .member-container .qt-icon-add_group_member:hover,
            .channel-detail-sidebar .channel-detail-container .channel-detail-member .channel-detail-item-content .member-container .qt-icon-delete_group_member:hover {
              color: #fe6a49; }
          .channel-detail-sidebar .channel-detail-container .channel-detail-member .channel-detail-item-content .member-container .member-desc {
            max-width: 38px;
            min-height: 16px;
            overflow: hidden;
            -o-text-overflow: ellipsis;
               text-overflow: ellipsis;
            word-break: break-all;
            white-space: nowrap; }
          .channel-detail-sidebar .channel-detail-container .channel-detail-member .channel-detail-item-content .member-container > img,
          .channel-detail-sidebar .channel-detail-container .channel-detail-member .channel-detail-item-content .member-container > .qt-avatar {
            display: inline-block;
            width: 38px;
            height: 38px;
            margin-bottom: 2px; }
    .channel-detail-sidebar .channel-detail-container .channel-bots .channel-bots-header {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-pack: justify;
          justify-content: space-between;
      margin-bottom: 12px;
      font-size: 13px;
      color: #222; }
      .channel-detail-sidebar .channel-detail-container .channel-bots .channel-bots-header a {
        margin-right: 20px;
        color: #00acdc; }
    .channel-detail-sidebar .channel-detail-container .channel-bots .channel-detail-item-content {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
      -ms-flex-pack: start;
          justify-content: flex-start;
      word-break: break-all; }
      .channel-detail-sidebar .channel-detail-container .channel-bots .channel-detail-item-content .member-container {
        position: relative;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
            flex-direction: column;
        -ms-flex-pack: start;
            justify-content: flex-start;
        width: 38px;
        margin-right: 30px;
        margin-bottom: 10px;
        font-size: 12px;
        font-weight: 400;
        color: #222;
        text-align: center;
        cursor: pointer; }
        .channel-detail-sidebar .channel-detail-container .channel-bots .channel-detail-item-content .member-container:nth-child(5n + 5) {
          margin-right: 0; }
        .channel-detail-sidebar .channel-detail-container .channel-bots .channel-detail-item-content .member-container .qt-icon-group_administrator_tag {
          position: absolute;
          font-size: 12px;
          color: #fe6a49 !important;
          cursor: pointer;
          right: 0;
          bottom: 16px; }
        .channel-detail-sidebar .channel-detail-container .channel-bots .channel-detail-item-content .member-container .online-wrap {
          position: absolute;
          top: 27px;
          left: 27px; }
        .channel-detail-sidebar .channel-detail-container .channel-bots .channel-detail-item-content .member-container .qt-icon-add_group_member,
        .channel-detail-sidebar .channel-detail-container .channel-bots .channel-detail-item-content .member-container .qt-icon-delete_group_member {
          font-size: 38px;
          line-height: 38px;
          color: #828992; }
          .channel-detail-sidebar .channel-detail-container .channel-bots .channel-detail-item-content .member-container .qt-icon-add_group_member:hover,
          .channel-detail-sidebar .channel-detail-container .channel-bots .channel-detail-item-content .member-container .qt-icon-delete_group_member:hover {
            color: #fe6a49; }
        .channel-detail-sidebar .channel-detail-container .channel-bots .channel-detail-item-content .member-container .member-desc {
          max-width: 38px;
          min-height: 16px;
          overflow: hidden;
          -o-text-overflow: ellipsis;
             text-overflow: ellipsis;
          word-break: break-all;
          white-space: nowrap; }
        .channel-detail-sidebar .channel-detail-container .channel-bots .channel-detail-item-content .member-container > img,
        .channel-detail-sidebar .channel-detail-container .channel-bots .channel-detail-item-content .member-container > .qt-avatar {
          display: inline-block;
          width: 38px;
          height: 38px;
          margin-bottom: 2px; }
    .channel-detail-sidebar .channel-detail-container .channel-detail-comment .channel-detail-item-header i {
      display: none;
      margin-left: 6px;
      line-height: 13px;
      color: #828992;
      cursor: pointer; }
    .channel-detail-sidebar .channel-detail-container .channel-detail-comment .channel-detail-item-header:hover .icon-edit {
      display: inline-block; }
    .channel-detail-sidebar .channel-detail-container .channel-detail-archive .channel-detail-item-content {
      width: 95%; }
    .channel-detail-sidebar .channel-detail-container .channel-detail-name {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-pack: start;
          justify-content: flex-start; }
      .channel-detail-sidebar .channel-detail-container .channel-detail-name > div {
        margin-right: 20px; }
      .channel-detail-sidebar .channel-detail-container .channel-detail-name .avatar-fail {
        margin-right: 10px;
        border-radius: 50%; }
      .channel-detail-sidebar .channel-detail-container .channel-detail-name img {
        margin-right: 10px; }
      .channel-detail-sidebar .channel-detail-container .channel-detail-name p {
        font-size: 12px;
        color: #828992; }
        .channel-detail-sidebar .channel-detail-container .channel-detail-name p span {
          font-size: 12px;
          color: #222; }
          .channel-detail-sidebar .channel-detail-container .channel-detail-name p span:nth-child(2) {
            color: #828992; }
      .channel-detail-sidebar .channel-detail-container .channel-detail-name p:first-child {
        max-width: 262px;
        margin-right: 2px;
        font-size: 13px;
        font-weight: 500;
        color: #222;
        word-break: break-all; }
        .channel-detail-sidebar .channel-detail-container .channel-detail-name p:first-child span {
          color: #828992; }
        .channel-detail-sidebar .channel-detail-container .channel-detail-name p:first-child i {
          display: none;
          margin-left: 6px;
          line-height: 13px;
          color: #828992;
          cursor: pointer; }
        .channel-detail-sidebar .channel-detail-container .channel-detail-name p:first-child:hover .icon-edit {
          display: inline-block; }
      .channel-detail-sidebar .channel-detail-container .channel-detail-name .channel-detail-type {
        display: inline-block; }
        .channel-detail-sidebar .channel-detail-container .channel-detail-name .channel-detail-type span {
          color: #828992 !important; }
  .channel-detail-sidebar .channel-detail-header {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center;
    -ms-flex-pack: justify;
        justify-content: space-between;
    padding: 14px;
    font-weight: 500; }
    .channel-detail-sidebar .channel-detail-header h5 {
      font-size: 14px; }
    .channel-detail-sidebar .channel-detail-header > div {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-direction: row;
          flex-direction: row;
      -ms-flex-align: center;
          align-items: center;
      cursor: pointer; }
      .channel-detail-sidebar .channel-detail-header > div span {
        margin-left: 2px;
        font-size: 12px;
        color: #222; }
    .channel-detail-sidebar .channel-detail-header .qt-icon {
      cursor: pointer; }
    .channel-detail-sidebar .channel-detail-header .qt-icon-arrow {
      color: #222; }
    .channel-detail-sidebar .channel-detail-header .qt-icon-close {
      font-size: 12px;
      font-weight: 900;
      color: rgba(0, 0, 0, 0.43);
      -webkit-transition: color 0.3s ease;
      -o-transition: color 0.3s ease;
      transition: color 0.3s ease;
      -webkit-transform: scale(0.85);
          -ms-transform: scale(0.85);
              transform: scale(0.85); }
      .channel-detail-sidebar .channel-detail-header .qt-icon-close:hover {
        color: #444; }
  .channel-detail-sidebar .bots-list-pane {
    height: calc(100% - 40px); }
    .channel-detail-sidebar .bots-list-pane .item-block {
      height: 49px;
      line-height: 49px; }
      .channel-detail-sidebar .bots-list-pane .item-block img {
        width: 32px;
        height: 32px;
        border-radius: 50%;
        margin-right: 8px;
        margin-left: 20px;
        cursor: pointer; }
      .channel-detail-sidebar .bots-list-pane .item-block span {
        font-size: 12px;
        color: #222222;
        display: inline-block;
        vertical-align: middle; }

.search-member-scroll .ant-input-affix-wrapper {
  width: calc(100% - 40px);
  height: 26px;
  margin-top: 12px;
  margin-bottom: 9px;
  margin-left: 20px;
  font-size: 12px;
  line-height: 26px;
  color: #828992;
  border-color: #ebebeb;
  border-radius: 5px; }
  .search-member-scroll .ant-input-affix-wrapper .ant-input {
    height: 26px; }
    .search-member-scroll .ant-input-affix-wrapper .ant-input:hover {
      border-color: #d9d9d9; }
    .search-member-scroll .ant-input-affix-wrapper .ant-input:focus {
      border-color: #d9d9d9; }

.search-member-scroll .ant-input-prefix {
  top: 50%;
  left: 9px; }

.search-member-scroll .qt-icon-search {
  font-size: 12px;
  color: #828992; }

.search-member-scroll .search-member-scroll-container {
  height: calc(100% - 40px); }

.search-member-scroll .desc-text {
  font-size: 12px;
  color: #828992; }

.search-member-scroll .search-empty {
  margin-top: 120px;
  text-align: center; }
  .search-member-scroll .search-empty img {
    width: 104px; }

.search-member-scroll .search-member-scroll-item {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: start;
      justify-content: flex-start;
  height: 50px;
  padding-left: 20px;
  font-size: 12px;
  color: #222;
  cursor: pointer; }
  .search-member-scroll .search-member-scroll-item:hover {
    background-color: #eaedf1; }
  .search-member-scroll .search-member-scroll-item > span:first-child {
    margin-right: 12px; }
  .search-member-scroll .search-member-scroll-item img {
    margin-right: 12px; }
  .search-member-scroll .search-member-scroll-item .member-span {
    display: inline-block;
    max-width: 250px;
    overflow: hidden;
    -o-text-overflow: ellipsis;
       text-overflow: ellipsis;
    white-space: nowrap; }

.transform-hosts-modal {
  height: 507px; }
  .transform-hosts-modal .search-member-scroll-container {
    height: 350px; }
    .transform-hosts-modal .search-member-scroll-container .empty-content-container {
      margin-top: 50px;
      text-align: center; }
  .transform-hosts-modal .search-member-scroll-item {
    position: relative;
    height: 36px;
    padding-right: 10px;
    font-size: 13px;
    color: #222; }
    .transform-hosts-modal .search-member-scroll-item .qt-icon {
      position: absolute;
      top: 50%;
      right: 0;
      color: #fe6a49;
      -webkit-transform: translateY(-50%);
          -ms-transform: translateY(-50%);
              transform: translateY(-50%); }
    .transform-hosts-modal .search-member-scroll-item .qt-icon-tick {
      margin-right: 20px; }
  .transform-hosts-modal .ant-input-affix-wrapper {
    width: calc(100% - 40px);
    margin-left: 20px; }
  .transform-hosts-modal .qt-channel-avatar {
    width: 28px;
    height: 28px; }
  .transform-hosts-modal .ant-modal-body {
    padding-top: 0;
    padding-right: 0;
    padding-left: 0; }

.channel-drive-file-modal {
  width: 540px !important; }
  .channel-drive-file-modal .ant-modal-body {
    padding: 0 !important; }
    .channel-drive-file-modal .ant-modal-body .drive-file-container {
      height: 380px; }
      .channel-drive-file-modal .ant-modal-body .drive-file-container .drive-file-item {
        padding: 16px;
        display: -ms-flexbox;
        display: flex;
        cursor: pointer; }
        .channel-drive-file-modal .ant-modal-body .drive-file-container .drive-file-item:hover {
          background: #f3f4f6; }
        .channel-drive-file-modal .ant-modal-body .drive-file-container .drive-file-item .drive-file-icon {
          width: 40px;
          height: 40px;
          -ms-flex: none;
              flex: none;
          margin-right: 12px; }
          .channel-drive-file-modal .ant-modal-body .drive-file-container .drive-file-item .drive-file-icon img {
            width: 100%;
            height: 100%; }
        .channel-drive-file-modal .ant-modal-body .drive-file-container .drive-file-item .drive-file-info {
          -ms-flex: 1 1;
              flex: 1 1;
          overflow: hidden;
          display: -ms-flexbox;
          display: flex;
          -ms-flex-direction: column;
              flex-direction: column;
          -ms-flex-pack: justify;
              justify-content: space-between; }
          .channel-drive-file-modal .ant-modal-body .drive-file-container .drive-file-item .drive-file-info .drive-file-name {
            font-size: 14px;
            color: #222222; }
          .channel-drive-file-modal .ant-modal-body .drive-file-container .drive-file-item .drive-file-info .drive-file-create-time {
            font-size: 12px;
            font-weight: 500;
            color: #828992;
            line-height: 1; }

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
.ant-progress {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.65);
  font-size: 12px;
  font-variant: tabular-nums;
  line-height: 1.5;
  list-style: none;
  -webkit-font-feature-settings: 'tnum';
          font-feature-settings: 'tnum';
  display: inline-block;
}
.ant-progress-line {
  position: relative;
  width: 100%;
  font-size: 12px;
}
.ant-progress-small.ant-progress-line,
.ant-progress-small.ant-progress-line .ant-progress-text .anticon {
  font-size: 12px;
}
.ant-progress-outer {
  display: inline-block;
  width: 100%;
  margin-right: 0;
  padding-right: 0;
}
.ant-progress-show-info .ant-progress-outer {
  margin-right: calc(-2em - 8px);
  padding-right: calc(2em + 8px);
}
.ant-progress-inner {
  position: relative;
  display: inline-block;
  width: 100%;
  vertical-align: middle;
  background-color: #f5f5f5;
  border-radius: 100px;
}
.ant-progress-circle-trail {
  stroke: #f5f5f5;
}
.ant-progress-circle-path {
  -webkit-animation: ant-progress-appear 0.3s;
          animation: ant-progress-appear 0.3s;
  stroke: #1890ff;
}
.ant-progress-success-bg,
.ant-progress-bg {
  position: relative;
  background-color: #1890ff;
  -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;
}
.ant-progress-success-bg {
  position: absolute;
  top: 0;
  left: 0;
  background-color: #52c41a;
}
.ant-progress-text {
  display: inline-block;
  width: 2em;
  margin-left: 8px;
  color: rgba(0, 0, 0, 0.45);
  font-size: 1em;
  line-height: 1;
  white-space: nowrap;
  text-align: left;
  vertical-align: middle;
  word-break: normal;
}
.ant-progress-text .anticon {
  font-size: 12px;
}
.ant-progress-status-active .ant-progress-bg::before {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: #fff;
  border-radius: 10px;
  opacity: 0;
  -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;
  content: '';
}
.ant-progress-status-exception .ant-progress-bg {
  background-color: #69b0e7;
}
.ant-progress-status-exception .ant-progress-text {
  color: #69b0e7;
}
.ant-progress-status-exception .ant-progress-circle-path {
  stroke: #69b0e7;
}
.ant-progress-status-success .ant-progress-bg {
  background-color: #52c41a;
}
.ant-progress-status-success .ant-progress-text {
  color: #52c41a;
}
.ant-progress-status-success .ant-progress-circle-path {
  stroke: #52c41a;
}
.ant-progress-circle .ant-progress-inner {
  position: relative;
  line-height: 1;
  background-color: transparent;
}
.ant-progress-circle .ant-progress-text {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.65);
  line-height: 1;
  white-space: normal;
  text-align: center;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.ant-progress-circle .ant-progress-text .anticon {
  font-size: 1.16666667em;
}
.ant-progress-circle.ant-progress-status-exception .ant-progress-text {
  color: #69b0e7;
}
.ant-progress-circle.ant-progress-status-success .ant-progress-text {
  color: #52c41a;
}
@-webkit-keyframes ant-progress-active {
  0% {
    width: 0;
    opacity: 0.1;
  }
  20% {
    width: 0;
    opacity: 0.5;
  }
  100% {
    width: 100%;
    opacity: 0;
  }
}
@keyframes ant-progress-active {
  0% {
    width: 0;
    opacity: 0.1;
  }
  20% {
    width: 0;
    opacity: 0.5;
  }
  100% {
    width: 100%;
    opacity: 0;
  }
}

.app-update-modal .ant-modal-body {
  font-size: 13px !important;
  color: #5d6470; }

.app-update-modal .auto-update-progress {
  width: 240px;
  height: 16px;
  margin: 12px 0; }

.app-update-modal .auto-update-warn {
  width: 240px;
  padding-top: 12px;
  font-size: 12px;
  color: #828992; }

.app-update-modal .auto-update-text {
  margin: 12px 0; }

.app-update-modal .auto-update-release-note {
  max-width: 272px;
  max-height: 300px;
  overflow-x: hidden !important;
  overflow-y: auto !important;
  font-weight: 600;
  color: #222;
  word-break: break-all; }

.app-update-modal .release-note-content {
  font-size: 12;
  font-weight: normal;
  word-wrap: break-word;
  white-space: pre-wrap; }

.app-update-modal .ignore-version-checkbox {
  margin-top: 10px;
  color: #828992; }

.mac-titlebar {
  position: absolute;
  top: 16px;
  left: 8px;
  z-index: 9;
  display: inline-block;
  font-size: 0; }
  .mac-titlebar .titlebar-btn {
    display: inline-block;
    margin-right: 4px;
    cursor: pointer; }
  .mac-titlebar .titlebar-icons {
    display: inline-block;
    width: 14px;
    height: 14px;
    background-repeat: no-repeat;
    background-size: 14px 14px; }
  .mac-titlebar .app-close {
    background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxOS4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0i5Zu+5bGCXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB2aWV3Qm94PSItMjkwIDQxMy45IDE0IDE0IiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IC0yOTAgNDEzLjkgMTQgMTQ7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+DQoJLnN0MHtmaWxsOiNGRjYwNTk7c3Ryb2tlOiNENjQyNDI7c3Ryb2tlLXdpZHRoOjAuNDt9DQo8L3N0eWxlPg0KPGNpcmNsZSBjbGFzcz0ic3QwIiBjeD0iLTI4MyIgY3k9IjQyMC45IiByPSI2Ii8+DQo8L3N2Zz4NCg=="); }
  .mac-titlebar .app-minimize {
    background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxOS4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0i5Zu+5bGCXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB2aWV3Qm94PSItMjkwIDQxMy45IDE0IDE0IiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IC0yOTAgNDEzLjkgMTQgMTQ7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+DQoJLnN0MHtmaWxsOiNGRkJEMkU7c3Ryb2tlOiNGMUFCMTU7c3Ryb2tlLXdpZHRoOjAuNDt9DQo8L3N0eWxlPg0KPGNpcmNsZSBjbGFzcz0ic3QwIiBjeD0iLTI4MyIgY3k9IjQyMC45IiByPSI2Ii8+DQo8L3N2Zz4NCg=="); }
  .mac-titlebar .app-fullscreen {
    background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxOS4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0i5Zu+5bGCXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB2aWV3Qm94PSItMjkwIDQxMy45IDE0IDE0IiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IC0yOTAgNDEzLjkgMTQgMTQ7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+DQoJLnN0MHtmaWxsOiMyOUNDNDE7c3Ryb2tlOiMwQUE4MzA7c3Ryb2tlLXdpZHRoOjAuNDt9DQo8L3N0eWxlPg0KPGNpcmNsZSBjbGFzcz0ic3QwIiBjeD0iLTI4MyIgY3k9IjQyMC45IiByPSI2Ii8+DQo8L3N2Zz4NCg=="); }
  .mac-titlebar .app-exitfullscreen {
    background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxOS4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0i5Zu+5bGCXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB2aWV3Qm94PSItMjkwIDQxMy45IDE0IDE0IiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IC0yOTAgNDEzLjkgMTQgMTQ7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+DQoJLnN0MHtmaWxsOiMyOUNDNDE7c3Ryb2tlOiMwQUE4MzA7c3Ryb2tlLXdpZHRoOjAuNDt9DQo8L3N0eWxlPg0KPGNpcmNsZSBjbGFzcz0ic3QwIiBjeD0iLTI4MyIgY3k9IjQyMC45IiByPSI2Ii8+DQo8L3N2Zz4NCg=="); }
  .mac-titlebar:hover .app-close {
    background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxOS4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0i5Zu+5bGCXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB2aWV3Qm94PSItMjkwIDQxMy45IDE0IDE0IiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IC0yOTAgNDEzLjkgMTQgMTQ7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+DQoJLnN0MHtmaWxsOiNGRjYwNTk7c3Ryb2tlOiNENjQyNDI7c3Ryb2tlLXdpZHRoOjAuNDt9DQoJLnN0MXtmaWxsOiM0RDAwMDA7fQ0KPC9zdHlsZT4NCjxnIGlkPSJIaWdobGlnaHQtc2h1dC1kb3duIj4NCgk8Y2lyY2xlIGlkPSJPdmFsIiBjbGFzcz0ic3QwIiBjeD0iLTI4MyIgY3k9IjQyMC45IiByPSI2Ii8+DQoJPHBhdGggaWQ9IkZpbGwtMSIgY2xhc3M9InN0MSIgZD0iTS0yODIuMyw0MjAuOWwyLjEtMi4xYzAuMi0wLjIsMC4yLTAuNSwwLTAuN2MtMC4yLTAuMi0wLjUtMC4yLTAuNywwbC0yLjEsMi4xbC0yLjEtMi4xDQoJCWMtMC4yLTAuMi0wLjUtMC4yLTAuNywwYy0wLjIsMC4yLTAuMiwwLjUsMCwwLjdsMi4xLDIuMWwtMi4xLDIuMWMtMC4yLDAuMi0wLjIsMC41LDAsMC43YzAuMiwwLjIsMC41LDAuMiwwLjcsMGwyLjEtMi4xbDIuMSwyLjENCgkJYzAuMiwwLjIsMC41LDAuMiwwLjcsMGMwLjItMC4yLDAuMi0wLjUsMC0wLjdMLTI4Mi4zLDQyMC45eiIvPg0KPC9nPg0KPC9zdmc+DQo="); }
  .mac-titlebar:hover .app-minimize {
    background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxOS4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0i5Zu+5bGCXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB2aWV3Qm94PSItMjkwIDQxMy45IDE0IDE0IiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IC0yOTAgNDEzLjkgMTQgMTQ7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+DQoJLnN0MHtmaWxsOiNGRkJEMkU7c3Ryb2tlOiNGMUFCMTU7c3Ryb2tlLXdpZHRoOjAuNDt9DQoJLnN0MXtmaWxsOm5vbmU7c3Ryb2tlOiM5OTU5MDE7c3Ryb2tlLWxpbmVjYXA6cm91bmQ7fQ0KPC9zdHlsZT4NCjxnIGlkPSJIaWdobGlnaHQtWm9vbS1vdXQiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDIwLjAwMDAwMCwgMC4wMDAwMDApIj4NCgk8Y2lyY2xlIGlkPSJPdmFsIiBjbGFzcz0ic3QwIiBjeD0iLTMwMyIgY3k9IjQyMC45IiByPSI2Ii8+DQoJPHBhdGggaWQ9IkxpbmUtMyIgY2xhc3M9InN0MSIgZD0iTS0zMDcsNDIwLjloOCIvPg0KPC9nPg0KPC9zdmc+DQo="); }
  .mac-titlebar:hover .app-fullscreen {
    background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxOS4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0i5Zu+5bGCXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB2aWV3Qm94PSItMjkwIDQxMy45IDE0IDE0IiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IC0yOTAgNDEzLjkgMTQgMTQ7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+DQoJLnN0MHtmaWxsOiMyOUNDNDE7c3Ryb2tlOiMwQUE4MzA7c3Ryb2tlLXdpZHRoOjAuNDt9DQoJLnN0MXtmaWxsOiMwMDY0MDA7fQ0KPC9zdHlsZT4NCjxnIGlkPSJIaWdobGlnaHQtZW5sYXJnZSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoNDAuMDAwMDAwLCAwLjAwMDAwMCkiPg0KCTxjaXJjbGUgaWQ9Ik92YWwiIGNsYXNzPSJzdDAiIGN4PSItMzIzIiBjeT0iNDIwLjkiIHI9IjYiLz4NCgk8cG9seWdvbiBpZD0iUGF0aC0yIiBjbGFzcz0ic3QxIiBwb2ludHM9Ii0zMjUsNDE3LjkgLTMyMCw0MTcuOSAtMzIwLDQyMi45IAkiLz4NCgk8cG9seWdvbiBpZD0iUGF0aC0yLUNvcHkiIGNsYXNzPSJzdDEiIHBvaW50cz0iLTMyMSw0MjMuOSAtMzI2LDQyMy45IC0zMjYsNDE4LjkgCSIvPg0KPC9nPg0KPC9zdmc+DQo="); }
  .mac-titlebar:hover .app-exitfullscreen {
    background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxOS4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0i5Zu+5bGCXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB2aWV3Qm94PSItMjkwIDQxMy45IDE0IDE0IiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IC0yOTAgNDEzLjkgMTQgMTQ7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+DQoJLnN0MHtmaWxsOiMyOUNDNDE7c3Ryb2tlOiMwQUE4MzA7c3Ryb2tlLXdpZHRoOjAuNDt9DQoJLnN0MXtmaWxsOiMwMDY0MDA7fQ0KPC9zdHlsZT4NCjxnIGlkPSJyZWR1Y3Rpb24iIHRyYW5zZm9ybT0idHJhbnNsYXRlKDQwLjAwMDAwMCwgMC4wMDAwMDApIj4NCgk8Y2lyY2xlIGlkPSJPdmFsIiBjbGFzcz0ic3QwIiBjeD0iLTMyMyIgY3k9IjQyMC45IiByPSI2Ii8+DQoJPHBvbHlnb24gaWQ9IlBhdGgtMiIgY2xhc3M9InN0MSIgcG9pbnRzPSItMzE4LDQyMC45IC0zMjMsNDIwLjkgLTMyMyw0MTUuOSAJIi8+DQoJPHBvbHlnb24gaWQ9IlBhdGgtMi1Db3B5IiBjbGFzcz0ic3QxIiBwb2ludHM9Ii0zMjgsNDIwLjkgLTMyMyw0MjAuOSAtMzIzLDQyNS45IAkiLz4NCjwvZz4NCjwvc3ZnPg0K"); }
  .mac-titlebar .app-minimize-btn.disabled .app-minimize {
    background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxOS4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0i5Zu+5bGCXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB2aWV3Qm94PSItMjkwIDQxMy45IDE0IDE0IiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IC0yOTAgNDEzLjkgMTQgMTQ7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+DQoJLnN0MHtmaWxsOiNGRkJEMkU7c3Ryb2tlOiNGMUFCMTU7c3Ryb2tlLXdpZHRoOjAuNDt9DQo8L3N0eWxlPg0KPGNpcmNsZSBjbGFzcz0ic3QwIiBjeD0iLTI4MyIgY3k9IjQyMC45IiByPSI2Ii8+DQo8L3N2Zz4NCg=="); }

.account-profile {
  padding-top: 20px;
  margin-bottom: 32px;
  text-align: center; }
  .account-profile .account-avatar {
    width: 42px;
    height: 42px;
    cursor: pointer;
    border-radius: 50%;
    position: relative;
    z-index: 9; }
  .account-profile .account-name {
    display: inline-block;
    width: 50px;
    overflow: hidden;
    font-size: 12px;
    color: #fff;
    -o-text-overflow: ellipsis;
       text-overflow: ellipsis;
    white-space: nowrap;
    cursor: pointer; }
  .account-profile .medal-islusion {
    position: absolute;
    width: 55px !important;
    height: 55px !important;
    margin-left: -7px;
    margin-top: -6px;
    z-index: 10;
    border-radius: 50%;
    cursor: pointer;
    border-radius: initial !important; }

.disable-drag {
  -webkit-app-region: no-drag !important; }

.medal-update-tip {
  margin-left: -1px !important;
  background-color: #fff !important;
  width: 252px !important; }

.medal-intro-content {
  min-width: 140px !important;
  margin-right: 20px;
  font-size: 14px;
  color: #5d6470;
  background: white;
  -webkit-box-shadow: none;
          box-shadow: none;
  left: 12px !important; }

.collect-side-bar {
  position: absolute;
  z-index: 1;
  width: 100%;
  height: 100%;
  font-weight: 400;
  background: #fcfcfd; }
  .collect-side-bar .sidebar-header {
    margin-top: 20px;
    margin-left: 24px;
    color: #222;
    font-size: 16px; }
  .collect-side-bar .sidebar-search {
    margin-top: 20px;
    padding-left: 15px;
    padding-right: 15px;
    margin-bottom: 12px; }
  .collect-side-bar .tab_active {
    background: #eaedf1; }
  .collect-side-bar .common-icon {
    display: inline-block;
    margin-left: 12px;
    margin-right: 12px;
    font-size: 12px;
    line-height: 28px;
    color: #222;
    text-align: center; }
    .collect-side-bar .common-icon.icon-record {
      font-size: 16px;
      margin-right: 10px; }
    .collect-side-bar .common-icon.icon-video {
      -webkit-transform: scale(0.94);
          -ms-transform: scale(0.94);
              transform: scale(0.94);
      margin-right: 9px; }
    .collect-side-bar .common-icon.icon-all {
      font-size: 14px; }
    .collect-side-bar .common-icon.icon-link {
      -webkit-transform: scale(0.9);
          -ms-transform: scale(0.9);
              transform: scale(0.9);
      margin-right: 8px; }
    .collect-side-bar .common-icon.icon-other {
      font-size: 12px;
      -webkit-transform: scale(0.6);
          -ms-transform: scale(0.6);
              transform: scale(0.6);
      margin-right: -21px;
      margin-left: 2px; }
  .collect-side-bar .share-cloud-icon {
    font-size: 16px; }
  .collect-side-bar .sidebar-item {
    position: relative;
    height: 36px;
    padding-left: 16px;
    font-size: 14px;
    font-weight: 400;
    line-height: 36px;
    color: #222;
    cursor: pointer; }
    .collect-side-bar .sidebar-item span {
      line-height: 40px; }
    .collect-side-bar .sidebar-item:hover {
      background: #f3f4f6; }
    .collect-side-bar .sidebar-item.active {
      background: #eaedf1; }
  .collect-side-bar .recycle {
    margin-bottom: 50px; }
  .collect-side-bar .drive-help {
    font-size: 12px;
    color: #828992;
    position: absolute;
    bottom: -5px;
    width: 100%;
    background: #fcfcfd;
    padding-left: 6px; }
    .collect-side-bar .drive-help:hover {
      background-color: #fcfcfd; }
    .collect-side-bar .drive-help.active {
      background: #fcfcfd; }
  .collect-side-bar .what-drive-icon {
    font-size: 16px;
    vertical-align: middle; }
  .collect-side-bar .drive-help-text {
    vertical-align: middle; }
  .collect-side-bar .team-space {
    height: auto;
    font-size: 14px;
    font-weight: 400;
    color: #222; }
    .collect-side-bar .team-space .collapse-status .ant-collapse-item {
      border-radius: 0;
      border-top: 1px solid #eaedf1 !important;
      border-bottom: 1px solid #eaedf1 !important; }
    .collect-side-bar .team-space .collapse-status .ant-collapse-header {
      background: #f9f9fa; }
    .collect-side-bar .team-space .ant-collapse {
      border: none; }
      .collect-side-bar .team-space .ant-collapse > .ant-collapse-item {
        border: none; }
      .collect-side-bar .team-space .ant-collapse .ant-collapse-content {
        border: none;
        border-radius: 0; }
    .collect-side-bar .team-space .ant-collapse-header {
      padding: 7px 16px;
      font-size: 14px;
      background: #fcfcfd; }
      .collect-side-bar .team-space .ant-collapse-header:hover {
        background: #f3f4f6; }
    .collect-side-bar .team-space .ant-collapse-content-box {
      padding: 0;
      background: #f9f9fa; }
    .collect-side-bar .team-space .space-item {
      height: 42px;
      padding-left: 57px;
      overflow: hidden;
      font-size: 14px;
      line-height: 42px;
      -o-text-overflow: ellipsis;
         text-overflow: ellipsis;
      white-space: nowrap;
      cursor: pointer; }
      .collect-side-bar .team-space .space-item:hover {
        background: #eaedf1; }
        .collect-side-bar .team-space .space-item:hover .setting-icon {
          display: inline-block; }
      .collect-side-bar .team-space .space-item.selected {
        color: #fe6a49;
        background: #eaedf1; }
        .collect-side-bar .team-space .space-item.selected .setting-icon {
          display: inline-block; }
      .collect-side-bar .team-space .space-item .setting-icon {
        display: none;
        margin-right: -14px;
        font-size: 12px;
        -webkit-transform: scale(0.7);
            -ms-transform: scale(0.7);
                transform: scale(0.7); }
        .collect-side-bar .team-space .space-item .setting-icon.selected {
          color: #fe6a49; }
    .collect-side-bar .team-space .add-space-icon {
      display: inline-block;
      margin-top: 3px;
      font-size: 14px;
      color: #828992;
      vertical-align: middle; }
      .collect-side-bar .team-space .add-space-icon:hover {
        color: #fe6a49; }
    .collect-side-bar .team-space .teamspace-cloud-icon {
      margin-right: 11px;
      margin-left: 7px;
      font-size: 16px; }
    .collect-side-bar .team-space .setting-icon {
      float: right;
      margin-right: 16px;
      color: #828992; }
    .collect-side-bar .team-space .collapse-icon-normal {
      margin-left: -2px;
      font-size: 12px; }
  .collect-side-bar .ant-collapse-arrow {
    margin-top: 0 !important; }
  .collect-side-bar .drive-sidebar-divider {
    width: calc(100% - 40px);
    min-width: auto;
    margin: 10px 20px;
    background: rgba(204, 204, 204, 0.5); }

.collapse-icon-normal {
  display: inline-block;
  color: #828992;
  -webkit-transform: scale(0.7);
      -ms-transform: scale(0.7);
          transform: scale(0.7); }

.down-folder-space {
  -webkit-animation: rotating-normal 0.2s linear;
          animation: rotating-normal 0.2s linear;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards; }

.collapse-folder-space {
  display: inline-block;
  -webkit-animation: space-rotating-down 0.2s linear;
          animation: space-rotating-down 0.2s linear;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards; }

@-webkit-keyframes rotating-normal {
  from {
    -webkit-transform: scale(0.7) rotate(90deg);
            transform: scale(0.7) rotate(90deg); }
  to {
    -webkit-transform: scale(0.7) rotate(0deg);
            transform: scale(0.7) rotate(0deg); } }

@keyframes rotating-normal {
  from {
    -webkit-transform: scale(0.7) rotate(90deg);
            transform: scale(0.7) rotate(90deg); }
  to {
    -webkit-transform: scale(0.7) rotate(0deg);
            transform: scale(0.7) rotate(0deg); } }

@-webkit-keyframes space-rotating-down {
  from {
    -webkit-transform: scale(0.7) rotate(0deg);
            transform: scale(0.7) rotate(0deg); }
  to {
    -webkit-transform: scale(0.7) rotate(90deg);
            transform: scale(0.7) rotate(90deg); } }

@keyframes space-rotating-down {
  from {
    -webkit-transform: scale(0.7) rotate(0deg);
            transform: scale(0.7) rotate(0deg); }
  to {
    -webkit-transform: scale(0.7) rotate(90deg);
            transform: scale(0.7) rotate(90deg); } }

.header-fix {
  position: absolute !important;
  top: 0;
  z-index: 1;
  width: 252px; }

.update-about-modal .modal-content {
  margin-bottom: 22px;
  font-size: 12px;
  color: #5d6470;
  text-align: center; }

.update-about-modal .reverse-logo {
  width: 80px; }

.update-about-modal .qt-version {
  margin-bottom: 40px; }

.update-about-modal .qt-copyright {
  margin-bottom: 10px; }

.update-about-modal .qt-copy-name {
  margin-left: 3px;
  color: #fe6a49;
  text-decoration: none; }

.update-about-modal .pc-upgrade-status .ant-progress-line {
  width: calc(100% - 100px);
  margin-right: 10px; }

.update-about-modal .pc-upgrade-status,
.update-about-modal .pc-upgrade {
  padding-bottom: 10px; }

.update-about-modal .update-loading {
  margin-left: 10px;
  -webkit-transform: scale(0.2);
      -ms-transform: scale(0.2);
          transform: scale(0.2); }

.update-about-modal .update-btn {
  height: 27px;
  padding: 0 8px;
  margin-left: 10px;
  border-radius: 4px; }

.clear-cache-modal {
  width: 380px !important; }
  .clear-cache-modal .modal-content {
    margin: 30px 0;
    text-align: center; }

.account-setting-menu .dd-items-left {
  -webkit-transform-origin: 15px 100% !important;
      -ms-transform-origin: 15px 100% !important;
          transform-origin: 15px 100% !important; }

.account-setting-menu .dd-menu-items ul li > :not(.dd-item-ignore) {
  padding: 8px 16px; }

.account-setting-menu .dd-menu-items ul li:first-child a {
  padding-top: 12px !important; }

.account-setting-menu .dd-menu-items ul li:last-child a {
  padding-bottom: 12px !important; }

.account-setting-menu .dd-menu-items {
  bottom: 30px !important;
  left: 12px !important; }

.account-setting-menu .btn-notify {
  width: 40px !important;
  padding-left: 5px !important;
  margin-left: 80px !important; }

.account-setting-menu .btn-notify-open {
  color: #fff !important;
  background-color: #fe6a49;
  border-color: #fe6a49; }
  .account-setting-menu .btn-notify-open:hover {
    color: #fff !important;
    border: 1px solid #fe6a49 !important; }

.account-setting-menu .btn-notify-close {
  background-color: #d4d5d6;
  border: 1px solid #d4d5d6 !important; }
  .account-setting-menu .btn-notify-close:hover {
    color: #222 !important;
    border: 1px solid #d4d5d6 !important; }

.account-setting-menu .selected-icon {
  margin-left: 30px;
  color: #fe6a49; }

.account-setting-menu .isNotify-en {
  position: absolute;
  right: 18px;
  width: 55px;
  height: 22px;
  padding: 0;
  margin-top: -3px;
  font-size: 12px;
  line-height: 22px;
  cursor: pointer;
  border: none;
  outline: none; }

.account-setting-menu .isNotify-zh {
  position: absolute;
  right: 18px;
  width: 40px !important;
  height: 22px;
  padding: 0;
  margin-top: -3px;
  font-size: 12px;
  line-height: 22px;
  cursor: pointer;
  border: none;
  outline: none; }

.account-setting-menu .setting-select {
  display: none; }

.account-setting-menu .account-setting-wrapper {
  position: relative; }

.account-setting-menu .account-setting-icon {
  margin: 21px;
  font-size: 22px;
  color: #fff;
  cursor: pointer;
  opacity: 0.4; }
  .account-setting-menu .account-setting-icon:hover {
    opacity: 0.6; }

.account-setting-menu .account-setting-active .account-setting-icon {
  opacity: 1 !important; }

.account-setting-menu .dd-item-ignore {
  top: 0 !important; }

.account-setting-menu .notify-status {
  display: inline-block;
  width: 70px;
  vertical-align: middle; }

.account-setting-menu .change-notify-wrap {
  position: relative;
  min-width: 167px !important;
  padding-right: 35px !important; }
  .account-setting-menu .change-notify-wrap .help-icon {
    color: black;
    margin-left: 2px; }
  .account-setting-menu .change-notify-wrap .ant-switch {
    position: absolute;
    right: 8px;
    min-width: 38px;
    top: 6px; }

.account-setting-menu .change-box-wrap {
  height: 45px;
  line-height: 30px;
  position: relative;
  min-width: 167px !important;
  padding-right: 30px !important; }
  .account-setting-menu .change-box-wrap .box-status {
    display: inline-block;
    vertical-align: bottom; }
  .account-setting-menu .change-box-wrap .ant-switch {
    position: absolute;
    right: 8px;
    top: 12px;
    min-width: 38px; }

.account-setting-menu .check_content {
  position: absolute;
  top: 10px;
  right: 8px;
  display: inline-block;
  color: #fe6a49; }

.account-setting-menu .notify-open {
  color: #fff !important;
  background-color: #fe6a49; }

.account-setting-menu .notify-close {
  color: #666;
  background-color: #e1e1e1; }

.account-setting-menu .menu-badge {
  width: 6px;
  height: 6px;
  background-color: #ec5233;
  border-radius: 50%; }
  .account-setting-menu .menu-badge.setting-icon {
    position: absolute;
    top: -3px;
    left: calc(50% + 5px); }
  .account-setting-menu .menu-badge.menu-right {
    position: absolute;
    top: 12px;
    right: 12px; }

.account-setting-menu .common-menu-child {
  margin-top: -30px; }

.keyboard-modal {
  width: 402px !important; }
  .keyboard-modal .roll-default {
    color: #00acdc;
    font-size: 12px;
    font-weight: 400;
    display: inline-block;
    cursor: pointer;
    margin-bottom: 17px; }
  .keyboard-modal .keyboard-en .keyboard-item {
    margin-bottom: 20px; }
    .keyboard-modal .keyboard-en .keyboard-item label {
      text-align: right;
      margin-right: 10px;
      width: 128px;
      display: inline-block;
      font-size: 14px;
      font-weight: 500; }
    .keyboard-modal .keyboard-en .keyboard-item .key-item-input {
      width: 240px; }
    .keyboard-modal .keyboard-en .keyboard-item .mousetrap {
      width: 240px; }
    .keyboard-modal .keyboard-en .keyboard-item .clear-icon {
      color: #b1b1b1;
      cursor: pointer;
      position: relative;
      display: inline-block;
      font-size: 12px;
      -webkit-transform: scale(0.9);
          -ms-transform: scale(0.9);
              transform: scale(0.9); }
  .keyboard-modal .keyboard-item {
    margin-bottom: 20px; }
    .keyboard-modal .keyboard-item label {
      text-align: right;
      margin-right: 10px;
      width: 90px;
      display: inline-block;
      font-size: 14px;
      font-weight: 500; }
    .keyboard-modal .keyboard-item .key-item-input {
      width: 240px; }
    .keyboard-modal .keyboard-item .mousetrap {
      width: 240px; }
    .keyboard-modal .keyboard-item .clear-icon {
      color: #b1b1b1;
      cursor: pointer;
      position: relative;
      display: inline-block;
      font-size: 12px;
      -webkit-transform: scale(0.9);
          -ms-transform: scale(0.9);
              transform: scale(0.9); }

.keyboard-modal-en {
  width: 430px !important; }
  .keyboard-modal-en .roll-default {
    color: #00acdc;
    font-size: 12px;
    font-weight: 400;
    display: inline-block;
    cursor: pointer;
    margin-bottom: 17px; }
  .keyboard-modal-en .keyboard-en .keyboard-item {
    margin-bottom: 20px; }
    .keyboard-modal-en .keyboard-en .keyboard-item label {
      text-align: right;
      margin-right: 10px;
      width: 128px;
      display: inline-block;
      font-size: 14px;
      font-weight: 500; }
    .keyboard-modal-en .keyboard-en .keyboard-item .key-item-input {
      width: 240px; }
    .keyboard-modal-en .keyboard-en .keyboard-item .mousetrap {
      width: 240px; }
    .keyboard-modal-en .keyboard-en .keyboard-item .clear-icon {
      color: #b1b1b1;
      cursor: pointer;
      position: relative;
      display: inline-block;
      font-size: 12px;
      -webkit-transform: scale(0.9);
          -ms-transform: scale(0.9);
              transform: scale(0.9); }
  .keyboard-modal-en .keyboard-item {
    margin-bottom: 20px; }
    .keyboard-modal-en .keyboard-item label {
      text-align: right;
      margin-right: 10px;
      width: 90px;
      display: inline-block;
      font-size: 14px;
      font-weight: 500; }
    .keyboard-modal-en .keyboard-item .key-item-input {
      width: 240px; }
    .keyboard-modal-en .keyboard-item .mousetrap {
      width: 240px; }
    .keyboard-modal-en .keyboard-item .clear-icon {
      color: #b1b1b1;
      cursor: pointer;
      position: relative;
      display: inline-block;
      font-size: 12px;
      -webkit-transform: scale(0.9);
          -ms-transform: scale(0.9);
              transform: scale(0.9); }

.update-language-modal.zh {
  width: 365px !important; }

.update-language-modal.en {
  width: 430px !important; }

.update-language-modal {
  color: #222; }
  .update-language-modal .modal-content {
    padding: 0 4px;
    margin-bottom: 72px;
    color: #222; }
    .update-language-modal .modal-content label {
      display: inline-block;
      padding-right: 9px;
      font-size: 13px; }
    .update-language-modal .modal-content .ant-select-selection--single {
      width: 260px !important;
      height: 28px !important;
      border: 1px solid #e0e5f0;
      border-radius: 6px; }
    .update-language-modal .modal-content .ant-select-selection__rendered {
      line-height: 28px; }
  .update-language-modal .password-input {
    width: 190px; }
  .update-language-modal .language-select {
    width: 260px;
    color: #222; }

.language-select-option {
  height: 40px;
  font-size: 12px;
  line-height: 40px;
  color: #222; }

.notify-modal {
  width: 470px !important; }
  .notify-modal .modal-content {
    padding: 0 20px;
    font-size: 13px; }
  .notify-modal .remind-content {
    color: #7b7b7b; }
  .notify-modal .create-notify {
    color: #00acdc; }

.validate-container .validate-input {
  width: 50px !important;
  height: 50px !important;
  padding: 0;
  padding: 4px 11px;
  margin: 0;
  font-size: 14px;
  font-variant: tabular-nums;
  color: rgba(0, 0, 0, 0.65);
  text-align: center !important;
  list-style: none;
  background-color: #f6f6f6;
  background-color: #fff;
  background-image: none;
  border: 1px solid #d9d9d9;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  -webkit-font-feature-settings: 'tnum';
  font-feature-settings: 'tnum'; }
  .validate-container .validate-input:focus {
    margin-right: 0 !important;
    border-right-width: 1px !important; }

.validate-container > *:first-child {
  border-top-left-radius: 6px !important;
  border-bottom-left-radius: 6px !important; }

.validate-container > *:last-child {
  border-top-right-radius: 6px !important;
  border-bottom-right-radius: 6px !important; }

.validate-container > *:not(:last-child) {
  margin-right: -1px !important;
  border-right-width: 1px; }

.validate-container > .validate-input:first-child {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0; }

.validate-input:focus {
  z-index: 1;
  border-color: #40a9ff;
  border-right-width: 1px !important;
  outline: 0;
  -webkit-box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.2);
  box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.2); }

.update-password-modal {
  width: 380px !important;
  color: #5d6470; }
  .update-password-modal .modal-content {
    padding: 10px 0;
    text-align: center; }
    .update-password-modal .modal-content label {
      display: inline-block;
      padding-right: 6px;
      text-align: right;
      vertical-align: middle; }
    .update-password-modal .modal-content .label-zh {
      width: 55px;
      color: #222; }
    .update-password-modal .modal-content .label-en {
      width: 90px;
      color: #222; }
    .update-password-modal .modal-content p {
      margin-bottom: 16px; }
    .update-password-modal .modal-content p:last-child {
      margin-bottom: 0; }
  .update-password-modal .password-input {
    width: 240px; }
  .update-password-modal .phone-validate-input {
    text-align: center; }
  .update-password-modal .retry-send {
    margin-top: 16px;
    font-size: 12px;
    color: #828992;
    text-align: center; }
  .update-password-modal .resend-sms {
    color: #00acdc;
    cursor: pointer; }
  .update-password-modal .validate-phone {
    color: #00acdc; }
  .update-password-modal .password-rule {
    margin-top: 10px;
    margin-right: 15px;
    margin-left: 80px;
    font-size: 12px;
    color: #828992;
    text-align: left; }

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none !important;
  margin: 0; }

input[type='number'] {
  -moz-appearance: textfield; }

.country {
  float: right; }

.mobile-input {
  width: 227px !important;
  height: 32px !important;
  color: #333;
  border: 1px solid #eaedf1;
  border-top-left-radius: 0 !important;
  border-bottom-left-radius: 0 !important; }
  .mobile-input:hover {
    border-color: #69b0e7; }
  .mobile-input input[type='text']:hover {
    border-left: 1px solid #d9d9d9 !important; }
  .mobile-input input[type='text']:focus {
    border-left: 1px solid #d9d9d9 !important; }

.input-select {
  width: 50px;
  height: 32px; }
  .input-select .ant-select-selection {
    height: 100%;
    border: 1px solid #eaedf1; }
  .input-select .ant-select-selection__rendered {
    margin: 0 0 0 7px; }
  .input-select .ant-select-selection-selected-value {
    padding-right: 10px;
    font-size: 14px;
    color: #222;
    padding-left: 0px !important; }
  .input-select .ant-select-arrow {
    right: 5px; }

.select-drop-down {
  width: 300px !important; }
  .select-drop-down li {
    white-space: normal !important; }

.select-drop-down span {
  float: right;
  margin-right: 30px !important; }

.ant-select-open + .mobile-input {
  border-color: #69b0e7 !important;
  border-left: 1px solid #d9d9d9 !important; }

.mobild-input-wrap .mobile-input-focus .input-select .ant-select-selection {
  border-color: #69b0e7 !important; }

.mobild-input-wrap .mobile-input-focus input[type='text'] {
  border-color: #69b0e7 !important;
  border-left: 1px solid #d9d9d9 !important; }

@charset "UTF-8";
.nc-container .nc_scale span {
  height: 32px !important;
  line-height: 32px !important;
  border: 1px solid #e0e5f0;
  border-top-right-radius: 6px !important;
  border-bottom-right-radius: 6px !important; }

.nc-container {
  height: 32px !important; }

.nc-container .nc_scale .scale_text {
  line-height: 32px !important; }

.nc-container .nc_scale .slidetounlock .nc-lang-cnt {
  color: #828992 !important; }

.nc-container .nc_wrapper,
.nc-container #nc_1_wrapper,
.nc-container.tb-login #nc_1_wrapper,
.nc-container #nc_2_wrapper,
.nc-container.tb-login #nc_2_wrapper,
.nc-container #nc_3_wrapper,
.nc-container.tb-login #nc_3_wrapper {
  width: 325px !important; }

.nc-container .imgCaptcha,
.nc-container .clickCaptcha {
  width: 325px !important; }

.nc-container.tb-login .errloading,
.nc-container .errloading {
  display: inline-block;
  width: 325px !important;
  padding: 5px !important;
  overflow: hidden;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  white-space: nowrap; }

.nc_scale {
  height: 32px !important;
  background: #eaedf1;
  border-radius: 6px !important; }

.nc-container .nc_scale .btn_slide {
  border-radius: 6px !important; }

.nc-container .nc_scale .nc_bg {
  border-top-left-radius: 6px !important;
  border-bottom-left-radius: 6px !important; }

/* 滑动验证码样式覆盖 */
.nc_scale .nc_bg {
  background-color: #f8f8f8 !important;
  border: 1px solid #e0e5f0 !important;
  border-right: 0 !important; }

.nc_scale .btn_ok {
  border-radius: 5px; }

.nc-container .nc_scale span.nc-lang-cnt {
  font-size: 14px !important; }

/* 滑动验证上面的字 */
.nc-container {
  font-family: 100 !important; }

.self-info-change-phone {
  width: 263px !important; }

.update-phone-modal {
  width: 460px !important; }
  .update-phone-modal .input-select {
    width: 50px !important; }
  .update-phone-modal .mobile-input {
    display: inline;
    width: 210px !important; }
    .update-phone-modal .mobile-input:focus + .input-select {
      background: red; }
  .update-phone-modal .ant-modal-content .ant-modal-body {
    padding: 0 !important;
    margin-bottom: 22px;
    text-align: center; }
    .update-phone-modal .ant-modal-content .ant-modal-body .modal-content {
      display: inline-block; }
      .update-phone-modal .ant-modal-content .ant-modal-body .modal-content #update-phone-slide-verify {
        display: inline-block; }
        .update-phone-modal .ant-modal-content .ant-modal-body .modal-content #update-phone-slide-verify .nc_wrapper {
          width: 260px !important;
          margin-top: 22px; }
  .update-phone-modal .change-phone {
    margin-left: 5px;
    color: #00acdc; }
  .update-phone-modal .validate-phone {
    color: #00acdc; }
  .update-phone-modal .change-mobile-hint {
    margin-top: 20px;
    font-size: 12px;
    color: #222;
    text-align: center; }
  .update-phone-modal .phone-validate-input {
    margin-top: 26px;
    text-align: center; }
  .update-phone-modal .phone-validate {
    margin-top: 16px; }
  .update-phone-modal .btn-send-validate {
    margin-left: 5px;
    font-size: 13px;
    vertical-align: middle; }
    .update-phone-modal .btn-send-validate:hover {
      color: #fff;
      background-color: #fe6a49;
      border-color: #fe6a49; }
  .update-phone-modal .retry-send {
    margin-top: 16px;
    font-size: 12px;
    color: #828992;
    text-align: center; }
  .update-phone-modal .resend-sms {
    margin-left: 6px;
    color: #00acdc;
    cursor: pointer; }
  .update-phone-modal .mobile-input-div {
    display: inline-block;
    margin-top: 20px;
    margin-bottom: 10px; }
    .update-phone-modal .mobile-input-div .ant-select-selection-selected-value {
      font-size: 14px;
      color: #828992; }
    .update-phone-modal .mobile-input-div .ant-select-arrow {
      margin-top: -5px; }
  .update-phone-modal .ant-select-selection-selected-value {
    padding-right: 7px !important; }

.account-setting {
  font-size: 18px !important;
  color: #fff;
  cursor: pointer !important; }
  .account-setting:hover {
    color: #fe6a49; }

.sign-out-modal {
  width: 300px !important; }
  .sign-out-modal .modal-content {
    margin: 15px 0;
    color: #5d6470;
    text-align: center; }

#mac-client .app-sidebar .top {
  top: 30px; }

#win-client .header-short-cut-container {
  right: 96px;
  border-right: 1px solid #e1e1e1; }

.app-sidebar {
  position: absolute;
  width: 66px;
  height: 101%;
  overflow: visible;
  text-align: center;
  background-color: #5a46aa; }
  .app-sidebar .sidebar-drag-box {
    display: none;
    width: 100%;
    height: 100%;
    -webkit-app-region: drag;
    cursor: pointer; }
  .app-sidebar .top {
    position: relative; }
  .app-sidebar .middle {
    position: absolute;
    top: 440px;
    width: 100%;
    height: calc(100% - 480px); }
  .app-sidebar .bottom {
    position: absolute;
    bottom: 0; }
    .app-sidebar .bottom .account-settings {
      margin-bottom: 32px;
      line-height: 1; }
  .app-sidebar .tab {
    position: relative;
    margin-bottom: 29px;
    line-height: 1;
    -webkit-transition: color 0.3s ease;
    -o-transition: color 0.3s ease;
    transition: color 0.3s ease; }
    .app-sidebar .tab .icon {
      font-size: 18px;
      color: white;
      cursor: pointer;
      opacity: 0.4; }
      .app-sidebar .tab .icon.active {
        opacity: 1 !important; }
      .app-sidebar .tab .icon:hover {
        opacity: 0.6; }
    .app-sidebar .tab .qt-icon {
      color: white;
      cursor: pointer; }
    .app-sidebar .tab .qt-icon-livestream {
      display: inline-block;
      width: 22px;
      height: 22px;
      background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwBAMAAAClLOS0AAAALVBMVEUAAAD///////////////////////////////////////////////////////+hSKubAAAAD3RSTlMAZhoxUmJNIAxcJgVZQRbKb91WAAAAgElEQVQ4y2OgFzARRAaizjBxNkE0kACVMESXEIZKOKJLiEAlAgXRAVRCkF4SkuWJ2CWkGNgPYpUQYmDYHIhDgqEXlwTDE1wSDCtxSXCb4pBg4HDEIcHQSKoERyKJlq8k0YO9BAIRM9hJiSj6Jx9RQokaMxsQyjgMJqgZwZlhGAEA3DUyy2C47T0AAAAASUVORK5CYII=);
      background-size: cover; }
    .app-sidebar .tab .qt-icon-gif-livestream {
      margin: 2px 0 5px 0;
      display: inline-block;
      width: 20px;
      height: 20px;
      background-color: rgba(255, 255, 255, 0.4);
      border-radius: 3px; }
      .app-sidebar .tab .qt-icon-gif-livestream .live-gif {
        width: 15px;
        height: 15px;
        position: absolute;
        margin-top: 3.5px;
        margin-left: -7.5px; }
    .app-sidebar .tab .icon-active {
      background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAMAAABg3Am1AAAARVBMVEUAAAD///////////////////////////////////////////////////////////////////////////////////////9SnXPCAAAAFnRSTlMAQHgEzsD55sdeUyD3896hTDYZC4SDnql/wAAAAJBJREFUSMft1csKgCAQheEyNbtfrHn/R610NYHIWUgi/bugDyJGpyqoRkgKp6VoXu8riqS4EBRNMCDjQDKgKR4DVBZo+1VBoLsf+xkAtZ+UCQCufQGAbzMA8HUtCCp7jABwDQYAXsAg7SfZc0z5WzcDjgY6fOB4gwcoszP9HdD4ZYxf9/hC4StLU7hnZf3l1AUn/V3cBBE3ugAAAABJRU5ErkJggg==); }
    .app-sidebar .tab .icon-gif-active {
      background-color: #ffffff; }
    .app-sidebar .tab .badge-wrap {
      position: absolute;
      top: -11px;
      right: 30px;
      width: 6px;
      height: 6px; }
      .app-sidebar .tab .badge-wrap .badge {
        display: inline-block;
        min-width: 28px;
        height: 28px;
        padding: 0 6px;
        font-size: 20px;
        font-weight: 400;
        line-height: 28px;
        color: #fff;
        text-align: center;
        background-color: #ec5233;
        border-radius: 14px;
        -webkit-transform: scale(0.5);
            -ms-transform: scale(0.5);
                transform: scale(0.5); }
  .app-sidebar .collect-divider {
    width: 22px;
    min-width: 22px;
    margin: 0 auto;
    height: 1px;
    background: rgba(255, 255, 255, 0.4);
    border-radius: 1px;
    margin-top: -6px;
    margin-bottom: 20px; }
  .app-sidebar .left-bottom-drive {
    position: absolute;
    bottom: 88px;
    margin-left: 22px; }
  .app-sidebar .note-list-icon {
    font-size: 22px;
    color: #fff;
    cursor: pointer;
    opacity: 0.4; }
    .app-sidebar .note-list-icon:hover {
      opacity: 0.6; }

.note-intro-target {
  width: 40px !important;
  height: 40px !important;
  margin-left: -5px;
  background-color: #6f72af; }

.drive-intro-target {
  margin-left: -1px;
  background-color: #6f72af;
  opacity: 0.3; }

.drive-update-tip {
  width: 220px; }

@-webkit-keyframes floatAnimation {
  0%,
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0); }
  50% {
    -webkit-transform: translateY(-14px);
            transform: translateY(-14px); } }

@keyframes floatAnimation {
  0%,
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0); }
  50% {
    -webkit-transform: translateY(-14px);
            transform: translateY(-14px); } }

@-webkit-keyframes fadeOut {
  to {
    opacity: 0; } }

@keyframes fadeOut {
  to {
    opacity: 0; } }

.assistant-intro-guide {
  position: absolute;
  left: calc(66px - 8px);
  z-index: 999;
  bottom: -24px;
  -webkit-animation: floatAnimation 2.2s infinite ease-in-out, fadeOut 0.8s 3s forwards;
          animation: floatAnimation 2.2s infinite ease-in-out, fadeOut 0.8s 3s forwards; }
  .assistant-intro-guide .intro-arrow {
    position: absolute;
    bottom: 24px;
    left: 10px;
    display: block;
    width: 8px;
    height: 8px;
    border-style: solid;
    border-width: 4px;
    -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
            transform: rotate(45deg);
    left: -4px;
    border-top-color: transparent;
    border-right-color: transparent;
    border-bottom-color: #fff;
    border-left-color: #fff;
    -webkit-box-shadow: -3px 3px 7px rgba(0, 0, 0, 0.07);
            box-shadow: -3px 3px 7px rgba(0, 0, 0, 0.07); }
  .assistant-intro-guide .intro-content {
    width: 216px;
    height: 216px;
    background: #ffffff;
    -webkit-box-shadow: 0px 2px 7px 2px rgba(0, 0, 0, 0.1);
            box-shadow: 0px 2px 7px 2px rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    overflow: hidden; }
    .assistant-intro-guide .intro-content img {
      width: 100%;
      height: 150px; }
    .assistant-intro-guide .intro-content .intro-title {
      height: 66px;
      line-height: 66px;
      text-align: center;
      font-size: 14px;
      color: #222222; }

.fNU6mzlglwoV-0B75ZGEa {
  box-sizing: border-box;
  height: 100%;
  padding-left: 10px;
  cursor: text;
  -moz-user-select: text;
  -webkit-user-select: text;
  user-select: text;
  background: #fefefe;
  border-radius: 2px;
}

@charset "UTF-8";
.DraftEditor-editorContainer {
  position: relative;
  z-index: 1;
  padding: 0 10px 10px 0;
  background-color: rgba(255, 255, 255, 0);
  border-left: 0.1px solid transparent;
  /* 表情高度小了后会被遮住 */ }
  .DraftEditor-editorContainer .emoji {
    height: 21px; }

.mentionSuggestionsScrollBar {
  z-index: 100;
  width: 180px !important;
  border-radius: 3px;
  -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.4);
          box-shadow: 0 0 15px rgba(0, 0, 0, 0.4); }
  .mentionSuggestionsScrollBar .bot-label {
    background-image: -webkit-linear-gradient(224deg, #7eb7ff 0%, #4880ff 100%);
    background-image: -o-linear-gradient(224deg, #7eb7ff 0%, #4880ff 100%);
    background-image: linear-gradient(226deg, #7eb7ff 0%, #4880ff 100%);
    border-radius: 50%;
    display: inline-block;
    width: 17px;
    height: 17px;
    line-height: 16px;
    white-space: nowrap;
    vertical-align: initial;
    margin-left: 4px;
    padding-left: 1px;
    border: 1px solid #ffffff; }
    .mentionSuggestionsScrollBar .bot-label .bot-icon {
      color: #fff;
      display: inline-block;
      font-size: 12px;
      -webkit-transform: scale(0.8);
          -ms-transform: scale(0.8);
              transform: scale(0.8);
      vertical-align: bottom; }

.qt-editor-emoji {
  display: inline-block;
  max-width: 40px;
  margin-right: -1px; }

.QTEditor {
  background-color: #f3f4f6 !important; }
  .QTEditor ::-moz-selection {
    color: #222;
    background: lightblue; }

.QTEditor .public-DraftEditorPlaceholder-root {
  margin: 0 0 -20px 0;
  color: #828992; }

.QTEditor-hidePlaceholder .public-DraftEditorPlaceholder-root {
  display: none; }

.QTEditor img {
  max-width: 100%;
  max-height: 100px; }

.img-active {
  border-color: red; }

.draft-editor-image {
  min-height: 50px;
  max-height: 100px; }

._3Lcg03Fm6zSH8PmT58VUCv,
._3Lcg03Fm6zSH8PmT58VUCv:visited {
  display: inline-block;
  padding-right: 2px;
  padding-left: 2px;
  color: #575f67;
  text-decoration: none;
  cursor: pointer;
  background: #e6f3ff;
  border-radius: 2px;
}

._3Lcg03Fm6zSH8PmT58VUCv:hover,
._3Lcg03Fm6zSH8PmT58VUCv:focus {
  color: #677584;
  background: #edf5fd;
  outline: 0; /* reset for :focus */
}

._3Lcg03Fm6zSH8PmT58VUCv:active {
  color: #222;
  background: #455261;
}

._3AyDoXXm2jxvZsSJaHoDdY {
  padding: 7px 10px 3px 10px;
  transition: background-color 0.4s cubic-bezier(0.27, 1.27, 0.48, 0.56);
}

._3AyDoXXm2jxvZsSJaHoDdY:active {
  background-color: #cce7ff;
}

._3YYZH_FTRjEVTlmHAJoOgN {
  background-color: #e6f3ff;
}

._1ol1_KRC158RVXrkZLlWjG {
  display: inline-block;
  max-width: 368px;
  margin-bottom: 0.2em;
  margin-left: 8px;
  overflow: hidden;
  font-size: 0.9em;
  text-overflow: ellipsis;
  white-space: nowrap;
}

._1dTEdsIbD0x4TwkphZh-7e {
  display: inline-block;
  width: 24px;
  height: 24px;
  border-radius: 12px;
}

._6Rk5sW8ZFUMIravZXHeoh {
  position: absolute;
  z-index: 2;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  min-width: 220px;
  max-width: 440px;
  padding-top: 8px;
  padding-bottom: 8px;
  margin-top: 1.75em;
  cursor: pointer;
  background: #fff;
  border: 1px solid #eee;
  border-radius: 2px;
  box-shadow: 0 4px 30px 0 rgba(220, 220, 220, 1);
  transform: scale(0);
}

.DrlN5AV0Z73f2a4vfmI71 {
  color: #31addc;
  text-decoration: none;
}

._1M-34Rj7o2BF5LO0KPn7iV {
  /* position: absolute; */
  z-index: 100;
  box-sizing: border-box;
  display: none;
  flex-direction: column;
  width: 180px;
  cursor: pointer;
  background: #fff;
  border-radius: 2px;
  transform-origin: 50% 0%;
}

.AV2WG0BWoBhpW2toDqDuj {
  display: table;
  width: 100%;
}

.EeBPAwUyE3X-lom-ro3T,
._3ClVZKgAX2_8h2jt5BinpB {
  display: table-cell;
  vertical-align: middle;
}

._3ClVZKgAX2_8h2jt5BinpB {
  width: 100%;
  padding-left: 8px;
  border-bottom: 1px;
}

.QI9OrmM7DQFSmO6zekquk {
  width: 180px;
  padding: 7px 10px 3px 10px;
  line-height: 22px;
  transition: background-color 0.4s cubic-bezier(0.27, 1.27, 0.48, 0.56);
}

.QI9OrmM7DQFSmO6zekquk:active {
  background-color: #cce7ff;
}

._1XVdu0pElsKOo5N13Nyzqf {
  background-color: #e6f3ff;
}

._3ZYIji6NhJpeaiLAktPthX,
._2yXdkD9J7vStj8J3QEp4eR {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

._3ZYIji6NhJpeaiLAktPthX {
  display: inline-block;
  width: 150px;
  overflow: hidden;
  font-size: 13px;
  color: $color-5d6470;
  text-overflow: ellipsis;
  white-space: nowrap;
  vertical-align: middle;
}

._2yXdkD9J7vStj8J3QEp4eR {
  display: inline-block;
  max-width: 120px;
  margin-left: 10px;
  overflow: hidden;
  font-size: 12px;
  color: $color-828992;
  text-overflow: ellipsis;
  white-space: nowrap;
  vertical-align: middle;
}

.gif-input-emoji-panel {
  bottom: 138px;
  left: 3px;
  z-index: 2;
  display: block;
  width: 380px;
  padding-top: 14px;
  background-color: #fff;
  border-radius: 10px; }
  .gif-input-emoji-panel .gif-emoji-panel {
    height: 200px;
    padding-left: 12px; }
    .gif-input-emoji-panel .gif-emoji-panel .search-empty img {
      width: 104px;
      height: 80px; }
  .gif-input-emoji-panel .gif-emoji-footer {
    line-height: 30px; }
  .gif-input-emoji-panel .tabs {
    display: inline-block;
    width: 40px;
    height: 32px;
    text-align: center;
    vertical-align: middle;
    cursor: pointer; }
    .gif-input-emoji-panel .tabs.active {
      color: #fe6a49;
      background-color: #f8f8f8; }
  .gif-input-emoji-panel .gif-emoji-title {
    width: auto;
    padding-bottom: 3px;
    padding-left: 4px;
    font-size: 12px;
    line-height: 14px;
    color: #828992;
    text-align: left; }
  .gif-input-emoji-panel .gif-emoji-common,
  .gif-input-emoji-panel .gif-emoji-normal {
    margin-bottom: 3px;
    margin-left: -4px;
    text-align: left; }
    .gif-input-emoji-panel .gif-emoji-common .emoji,
    .gif-input-emoji-panel .gif-emoji-normal .emoji {
      margin: 8px 8px;
      cursor: pointer; }
  .gif-input-emoji-panel .emoji-catalog-icon {
    font-size: 16px; }
  .gif-input-emoji-panel .emoji-circle {
    display: inline-block;
    width: 6px;
    height: 6px;
    margin-right: 4px;
    vertical-align: middle;
    cursor: pointer;
    background-color: #ccc;
    border-radius: 50%; }
  .gif-input-emoji-panel .emoji-circle.active {
    width: 8px;
    height: 8px;
    vertical-align: middle; }
  .gif-input-emoji-panel .circle-footer {
    height: 18px;
    line-height: 18px;
    text-align: center; }
  .gif-input-emoji-panel .all-emoji {
    height: 180px; }
  .gif-input-emoji-panel .gif-item-img {
    max-width: 80px;
    max-height: 80px;
    text-align: center;
    vertical-align: middle; }
  .gif-input-emoji-panel .icon-qt-gif {
    height: 24px;
    padding-left: 2px;
    vertical-align: sub;
    vertical-align: middle; }
  .gif-input-emoji-panel .gif-img-item {
    display: inline-block;
    width: 86px;
    height: 86px;
    text-align: center;
    vertical-align: middle; }
  .gif-input-emoji-panel .qt-canvas-img {
    max-width: 65px;
    max-height: 65px;
    vertical-align: middle; }
  .gif-input-emoji-panel .loading-more {
    width: 366px !important; }
  .gif-input-emoji-panel .gif-load-error {
    display: inline-block;
    max-width: 86px;
    max-height: 86px;
    vertical-align: middle; }
  .gif-input-emoji-panel .icon-no-data {
    font-size: 20px; }

.gif-manager-modal {
  width: 524px !important;
  height: 420px; }
  .gif-manager-modal .favorite-item-span {
    display: inline-block;
    width: 65px;
    height: 65px;
    margin-right: 16px;
    margin-bottom: 16px;
    line-height: 65px;
    text-align: center;
    vertical-align: middle;
    cursor: pointer; }
  .gif-manager-modal .gif-selected {
    border-radius: 3px;
    -webkit-box-shadow: 0 0 8px #118ea2;
            box-shadow: 0 0 8px #118ea2; }
  .gif-manager-modal .gif-list {
    height: 310px;
    max-height: 310px;
    margin-left: 2px; }
  .gif-manager-modal .favorite-img {
    max-width: 65px !important;
    max-height: 65px !important;
    vertical-align: middle; }
  .gif-manager-modal .gif-search-no-data {
    padding-top: 70px;
    color: #828992;
    text-align: center; }
  .gif-manager-modal .gif-list .loading-more {
    width: 500px !important;
    padding-top: 120px; }
  .gif-manager-modal .qt-canvas-img {
    max-width: 65px;
    max-height: 65px;
    vertical-align: middle; }
  .gif-manager-modal .gif-img-item {
    position: relative;
    display: inline-block;
    width: 65px;
    height: 65px;
    margin-left: 2px;
    text-align: center;
    vertical-align: middle; }
    .gif-manager-modal .gif-img-item:hover {
      border-radius: 3px;
      -webkit-box-shadow: 0 0 8px #027aff;
              box-shadow: 0 0 8px #027aff; }
  .gif-manager-modal .gif-delete-hint {
    position: absolute;
    padding-top: 32px;
    color: #828992; }
  .gif-manager-modal .icon-delete {
    display: inline-block;
    margin-right: 6px;
    font-size: 15px;
    -ms-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg); }
  .gif-manager-modal .loading-more {
    width: 420px !important; }
  .gif-manager-modal .gif-load-error {
    display: inline-block;
    max-width: 65px;
    max-height: 65px;
    vertical-align: middle;
    background-color: #f5f5f5; }
  .gif-manager-modal .selected-background {
    position: absolute;
    width: 66px;
    height: 66px;
    margin-left: -65px;
    background: #222;
    opacity: 0.5; }
  .gif-manager-modal .icon-gif-selected {
    position: absolute;
    width: 66px;
    height: 66px;
    margin-left: -65px;
    font-size: 20px;
    color: #fff;
    text-align: center;
    vertical-align: middle; }
  .gif-manager-modal .image-item-parent {
    display: inline-block;
    width: 65px;
    height: 65px; }

.gif-favorite-panel {
  height: 214px;
  overflow: hidden; }
  .gif-favorite-panel .favorite-item-span {
    display: inline-block;
    width: 80px;
    height: 80px;
    margin: 4px;
    line-height: 80px;
    cursor: pointer; }
  .gif-favorite-panel .gif-list {
    height: 182px; }
  .gif-favorite-panel .icon-gif-management {
    display: inline-block;
    width: 80px;
    font-size: 30px;
    color: #828992;
    text-align: center; }
  .gif-favorite-panel .gif-management {
    vertical-align: bottom;
    border: 2px dashed #d2d2d2;
    border-radius: 3px; }
  .gif-favorite-panel .favorite-img {
    max-width: 80px !important;
    max-height: 80px !important;
    vertical-align: middle; }
  .gif-favorite-panel .gif-search-no-data {
    padding-top: 40px;
    color: #828992;
    text-align: center; }
  .gif-favorite-panel .gif-searching {
    width: 360px;
    padding-top: 120px; }
  .gif-favorite-panel .gif-img-item {
    display: inline-block;
    width: 80px;
    height: 80px;
    text-align: center;
    vertical-align: middle; }
  .gif-favorite-panel .gif-load-error {
    max-width: 80px;
    max-height: 80px; }

.gif-interesting-panel .gif-hot-names {
  display: inline-block;
  padding: 5px 10px;
  margin-left: 10px;
  text-align: left;
  cursor: pointer;
  background-color: #f3f4f6;
  border-radius: 5px; }
  .gif-interesting-panel .gif-hot-names:first-child {
    margin-left: 0; }

.gif-interesting-panel .gif-hot-max-length {
  display: inline-block;
  max-width: 58px;
  overflow: hidden;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  white-space: nowrap;
  vertical-align: middle; }

.gif-interesting-panel .gif-hot-name-bottom {
  margin-bottom: 10px; }

.gif-interesting-panel .folder-name {
  font-size: 12px;
  color: #828992; }

.gif-interesting-panel .gif-search {
  width: 180px !important; }

.gif-interesting-panel .search-hint-list {
  position: absolute;
  z-index: 999;
  display: block;
  margin-top: 0 !important;
  background-color: #fff;
  -webkit-box-shadow: 0 7px 11px 1px rgba(0, 0, 0, 0.2);
  box-shadow: 0 7px 11px 1px rgba(0, 0, 0, 0.2); }
  .gif-interesting-panel .search-hint-list li {
    padding-left: 7px;
    line-height: 24px;
    text-align: left;
    cursor: pointer; }
  .gif-interesting-panel .search-hint-list li:hover {
    background-color: #eaedf1; }
  .gif-interesting-panel .search-hint-list li:hover .history-close {
    color: #828992;
    visibility: visible; }
  .gif-interesting-panel .search-hint-list i {
    display: inline-block;
    margin-right: 5px; }
  .gif-interesting-panel .search-hint-list .line {
    width: 100%;
    height: 1px;
    border-bottom: 1px solid #f3f4f6; }
  .gif-interesting-panel .search-hint-list .gif-history-all {
    display: inline-block;
    margin-right: 16px;
    margin-left: 7px;
    font-size: 12px;
    line-height: 30px;
    color: #6e7ab3;
    cursor: pointer; }
  .gif-interesting-panel .search-hint-list .search-name {
    display: inline-block;
    width: 480px;
    overflow: hidden;
    font-size: 12px;
    color: #828992;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap; }
  .gif-interesting-panel .search-hint-list .history-close {
    margin-top: 4px;
    margin-left: 60px;
    font-size: 18px;
    visibility: hidden;
    -webkit-transform: scale(0.5);
    -ms-transform: scale(0.5);
    transform: scale(0.5); }

.gif-interesting-panel .gif-folder {
  float: right;
  margin-right: 10px;
  font-size: 12px;
  line-height: 28px;
  color: #828992;
  cursor: pointer; }

.gif-interesting-panel .icon-gif-folder {
  display: inline-block;
  font-size: 12px;
  -ms-transform: scale(0.7) rotate(270deg);
  -webkit-transform: scale(0.7) rotate(270deg);
  transform: scale(0.7) rotate(270deg); }

.gif-interesting-panel .icon-gif-unfolder {
  display: inline-block;
  font-size: 12px;
  -ms-transform: scale(0.7) rotate(90deg);
  -webkit-transform: scale(0.7) rotate(90deg);
  transform: scale(0.7) rotate(90deg); }

.gif-interesting-panel .gif-list {
  margin-top: 8px; }

.gif-interesting-panel .host-name-list {
  margin-top: 8px; }

.gif-interesting-panel .gif-item-span {
  display: inline-block;
  width: 86px;
  height: 86px;
  margin: 2px;
  line-height: 86px;
  vertical-align: middle;
  cursor: pointer; }

.gif-interesting-panel .gif-come-from {
  margin-bottom: 4px;
  font-size: 12px;
  color: #ccc;
  text-align: center; }

.gif-interesting-panel .gif-search-no-data {
  padding-top: 40px;
  color: #828992;
  text-align: center; }

.gif-interesting-panel .no-data-name {
  font-size: 12px;
  text-align: center; }

.gif-interesting-panel .search-name {
  display: inline-block;
  width: 150px !important;
  overflow: hidden;
  font-size: 12px;
  color: #828992;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  white-space: nowrap; }

.gif-interesting-panel .search-input-form {
  display: inline-block; }

.gif-interesting-panel .history-close {
  margin-left: 0 !important; }

.gif-interesting-panel .gif-history-clear {
  font-size: 12px; }

.gif-interesting-panel .gif-history-all {
  display: inline-block;
  margin-right: 16px;
  margin-left: 7px;
  font-size: 12px;
  line-height: 30px;
  color: #6e7ab3;
  cursor: pointer; }

.gif-interesting-panel .gif-searching {
  padding-top: 100px; }

.gif-interesting-panel .line {
  width: 100%;
  height: 1px;
  border-bottom: 1px solid #dedede; }

.gif-interesting-panel .input-key-down {
  background-color: #eaedf1; }

.gif-qt-panel {
  height: 214px; }
  .gif-qt-panel .favorite-item-span {
    display: inline-block;
    width: 65px;
    height: 80px;
    margin: 3px;
    line-height: 65px;
    cursor: pointer; }
  .gif-qt-panel .gif-list {
    height: 182px; }
  .gif-qt-panel .gif-management {
    vertical-align: bottom;
    border: 2px dashed #d2d2d2;
    border-radius: 3px; }
  .gif-qt-panel .favorite-img {
    max-width: 65px !important;
    max-height: 65px !important;
    vertical-align: middle; }
    .gif-qt-panel .favorite-img:hover {
      background-color: #f5f5f5;
      border-radius: 5px; }
  .gif-qt-panel .gif-search-no-data {
    padding-top: 40px;
    color: #828992;
    text-align: center; }
  .gif-qt-panel .gif-searching {
    width: 360px;
    padding-top: 120px; }
  .gif-qt-panel .gif-img-item {
    display: inline-block;
    width: 65px;
    height: 65px;
    text-align: center;
    vertical-align: middle; }
  .gif-qt-panel .qt-gif-name {
    display: block;
    height: 16px;
    margin-top: 4px;
    overflow: hidden;
    line-height: 16px;
    text-align: center;
    -o-text-overflow: ellipsis;
       text-overflow: ellipsis;
    white-space: nowrap; }
  .gif-qt-panel .gif-load-error {
    max-width: 65px;
    max-height: 65px; }

.check-announcement-modal .read-unread-tab .unread-scroll,
.check-announcement-modal .read-unread-tab .read-scroll {
  height: 262px !important; }

.check-announcement-modal .read-unread-tab .ant-tabs-extra-content {
  line-height: 26px !important; }

.check-announcement-modal .read-unread-tab .ant-tabs-bar {
  border: none !important; }
  .check-announcement-modal .read-unread-tab .ant-tabs-bar .ant-tabs-tab {
    height: 20px;
    padding: 0 8px !important;
    font-size: 14px;
    line-height: 20px;
    background: transparent !important;
    border: none;
    border-right: 1px solid #d8d8d8;
    border-radius: unset; }
    .check-announcement-modal .read-unread-tab .ant-tabs-bar .ant-tabs-tab:last-child {
      border-right: none; }

.check-announcement-modal .read-unread-tab .ant-tabs-content {
  margin-top: -20px !important; }

.check-announcement-modal .read-unread-tab .unread-list .unread-item {
  height: 46px;
  line-height: 46px;
  width: 100%;
  padding-left: 5px; }
  .check-announcement-modal .read-unread-tab .unread-list .unread-item .img-unread {
    width: 28px !important;
    height: 28px !important;
    margin-right: 12px;
    border-radius: 50%;
    cursor: pointer; }
  .check-announcement-modal .read-unread-tab .unread-list .unread-item .unread-name {
    font-size: 14px;
    font-family: 'Microsoft YaHei', sans-serif;
    color: #333333;
    display: inline-block;
    max-width: 275px;
    white-space: nowrap;
    overflow: hidden;
    -o-text-overflow: ellipsis;
       text-overflow: ellipsis;
    vertical-align: bottom; }

.check-announcement-modal .read-unread-tab .unread-list .empty-unread-list {
  text-align: center; }
  .check-announcement-modal .read-unread-tab .unread-list .empty-unread-list img {
    margin-top: 20px; }
  .check-announcement-modal .read-unread-tab .unread-list .empty-unread-list div {
    margin-top: 21px;
    font-size: 12px;
    font-family: 'Microsoft YaHei', sans-serif;
    font-weight: 400;
    color: #828992; }

.check-announcement-modal .read-unread-tab .read-list .read-item {
  height: 46px;
  line-height: 46px;
  width: 100%;
  padding-left: 5px; }
  .check-announcement-modal .read-unread-tab .read-list .read-item .img-unread {
    width: 28px !important;
    height: 28px !important;
    margin-right: 12px;
    border-radius: 50%;
    cursor: pointer; }
  .check-announcement-modal .read-unread-tab .read-list .read-item img {
    width: 28px;
    height: 28px;
    margin-right: 12px;
    border-radius: 50%; }
  .check-announcement-modal .read-unread-tab .read-list .read-item .read-name {
    font-size: 14px;
    font-family: 'Microsoft YaHei', sans-serif;
    color: #333333;
    max-width: 275px;
    white-space: nowrap;
    overflow: hidden;
    -o-text-overflow: ellipsis;
       text-overflow: ellipsis;
    vertical-align: bottom; }

.check-announcement-modal .ant-modal-body {
  height: 314px; }

.check-announcement-modal .ant-modal-footer {
  display: none; }

.announcement-global-modal .sender-line .name {
  font-size: 12px;
  font-family: 'Microsoft YaHei', sans-serif;
  font-weight: 400;
  color: rgba(34, 34, 34, 0.5); }

.announcement-global-modal .sender-line .time {
  font-size: 12px;
  font-family: 'Microsoft YaHei', sans-serif;
  font-weight: 400;
  color: rgba(34, 34, 34, 0.5);
  margin-left: 5px; }

.channel-annoucement-side {
  height: calc(100% - 49px);
  background: #fff; }
  .channel-annoucement-side .channel-annoucement-header {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center;
    -ms-flex-pack: justify;
        justify-content: space-between;
    padding: 14px;
    font-weight: 500; }
    .channel-annoucement-side .channel-annoucement-header h5 {
      font-size: 14px; }
    .channel-annoucement-side .channel-annoucement-header > div {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-direction: row;
          flex-direction: row;
      -ms-flex-align: center;
          align-items: center;
      cursor: pointer; }
      .channel-annoucement-side .channel-annoucement-header > div span {
        margin-left: 2px;
        font-size: 12px;
        color: #222; }
    .channel-annoucement-side .channel-annoucement-header .qt-icon {
      cursor: pointer; }
    .channel-annoucement-side .channel-annoucement-header .qt-icon-arrow {
      color: #222; }
    .channel-annoucement-side .channel-annoucement-header .qt-icon-close {
      font-size: 12px;
      font-weight: 900;
      color: rgba(0, 0, 0, 0.43);
      -webkit-transition: color 0.3s ease;
      -o-transition: color 0.3s ease;
      transition: color 0.3s ease;
      -webkit-transform: scale(0.85);
          -ms-transform: scale(0.85);
              transform: scale(0.85); }
      .channel-annoucement-side .channel-annoucement-header .qt-icon-close:hover {
        color: #444; }
  .channel-annoucement-side .empty-list {
    margin-top: 176px;
    text-align: center; }
    .channel-annoucement-side .empty-list img {
      width: 150px;
      margin-bottom: 21px; }
    .channel-annoucement-side .empty-list .empty-tips {
      font-size: 12px;
      font-family: 'Microsoft YaHei', sans-serif;
      font-weight: 400;
      color: #828992; }
    .channel-annoucement-side .empty-list .send-btn {
      margin-top: 40px;
      width: 313px;
      height: 30px;
      line-height: 30px; }
  .channel-annoucement-side .channel-annoucement-sidebar {
    height: calc(100% - 49px); }
    .channel-annoucement-side .channel-annoucement-sidebar .ant-tabs-top-content {
      height: calc(100% - 49px); }
    .channel-annoucement-side .channel-annoucement-sidebar .send-textarea {
      position: relative; }
      .channel-annoucement-side .channel-annoucement-sidebar .send-textarea .input {
        position: relative;
        padding: 11px 8px 26px 15px;
        word-break: break-all;
        background: #fff;
        border: 1px solid #e0e5f0;
        border-radius: 5px;
        -webkit-transition: all 0.3s;
        -o-transition: all 0.3s;
        transition: all 0.3s;
        margin-left: 19px;
        margin-right: 21px; }
        .channel-annoucement-side .channel-annoucement-sidebar .send-textarea .input .channel-content-counter {
          position: absolute;
          right: 10px;
          bottom: 5px;
          font-size: 12px;
          color: #828992; }
          .channel-annoucement-side .channel-annoucement-sidebar .send-textarea .input .channel-content-counter span[class*='counterOverLimit'] {
            color: red; }
        .channel-annoucement-side .channel-annoucement-sidebar .send-textarea .input .public-DraftEditorPlaceholder-inner {
          font-size: 14px; }
      .channel-annoucement-side .channel-annoucement-sidebar .send-textarea .QTEditor {
        height: 375px;
        padding: 0;
        margin-bottom: 8px;
        font-size: 14px;
        color: #222;
        background-color: #fff !important; }
        .channel-annoucement-side .channel-annoucement-sidebar .send-textarea .QTEditor .editor-scroll {
          max-height: 395px !important; }
      .channel-annoucement-side .channel-annoucement-sidebar .send-textarea .input-count-tip {
        display: inline-block;
        padding-left: 22px;
        font-size: 12px;
        color: #828992; }
      .channel-annoucement-side .channel-annoucement-sidebar .send-textarea .input-count-invalidate {
        color: #fe6a49 !important; }
      .channel-annoucement-side .channel-annoucement-sidebar .send-textarea .emoji-container {
        display: inline-block;
        height: 16px;
        margin-top: 10px;
        font-size: 12px;
        line-height: 16px;
        margin-left: 19px;
        cursor: pointer; }
        .channel-annoucement-side .channel-annoucement-sidebar .send-textarea .emoji-container:hover .qt-icon-emoji_type_smile {
          color: #fe6a49; }
        .channel-annoucement-side .channel-annoucement-sidebar .send-textarea .emoji-container .qt-icon-emoji_type_smile {
          font-size: 16px; }
        .channel-annoucement-side .channel-annoucement-sidebar .send-textarea .emoji-container .emoji-tip {
          display: inline-block;
          margin-left: 3px;
          font-size: 12px;
          line-height: 16px;
          color: #5d6470; }
        .channel-annoucement-side .channel-annoucement-sidebar .send-textarea .emoji-container .qt-icon-emoji_type_smile,
        .channel-annoucement-side .channel-annoucement-sidebar .send-textarea .emoji-container .tip {
          display: inline-block;
          color: #828992;
          vertical-align: top; }
      .channel-annoucement-side .channel-annoucement-sidebar .send-textarea .send-wrap {
        width: 100%;
        height: 81px;
        line-height: 81px;
        text-align: right;
        padding-left: 19px;
        padding-right: 21px;
        position: fixed;
        bottom: 0;
        border-top: 1px solid #eaedf1;
        background-color: #fff;
        z-index: 999; }
        .channel-annoucement-side .channel-annoucement-sidebar .send-textarea .send-wrap .op-btn {
          display: inline-block; }
          .channel-annoucement-side .channel-annoucement-sidebar .send-textarea .send-wrap .op-btn .ant-btn:first-child {
            margin-right: 20px !important;
            height: 28px;
            line-height: 28px;
            vertical-align: middle; }
          .channel-annoucement-side .channel-annoucement-sidebar .send-textarea .send-wrap .op-btn .cancel-btn {
            width: auto;
            height: 28px;
            line-height: 28px;
            background: #e1e1e1;
            margin-right: 14px; }
          .channel-annoucement-side .channel-annoucement-sidebar .send-textarea .send-wrap .op-btn .send-btn {
            width: auto;
            height: 28px;
            line-height: 28px; }
    .channel-annoucement-side .channel-annoucement-sidebar .list-wrap {
      height: calc(100% - 10px); }
      .channel-annoucement-side .channel-annoucement-sidebar .list-wrap .announcement-list {
        height: calc(100% - 10px); }
        .channel-annoucement-side .channel-annoucement-sidebar .list-wrap .announcement-list .list-item {
          padding-left: 21px; }
          .channel-annoucement-side .channel-annoucement-sidebar .list-wrap .announcement-list .list-item .delete-icon {
            float: right;
            cursor: pointer;
            margin-right: 8px;
            display: none; }
          .channel-annoucement-side .channel-annoucement-sidebar .list-wrap .announcement-list .list-item:hover {
            background-color: rgba(234, 237, 241, 0.6); }
            .channel-annoucement-side .channel-annoucement-sidebar .list-wrap .announcement-list .list-item:hover .delete-icon {
              display: inline-block;
              margin-left: 15px;
              color: rgba(34, 34, 34, 0.5);
              font-size: 12px;
              font-weight: 400; }
              .channel-annoucement-side .channel-annoucement-sidebar .list-wrap .announcement-list .list-item:hover .delete-icon:hover {
                color: #fc7256; }
          .channel-annoucement-side .channel-annoucement-sidebar .list-wrap .announcement-list .list-item .list-header {
            width: 100%;
            position: relative; }
            .channel-annoucement-side .channel-annoucement-sidebar .list-wrap .announcement-list .list-item .list-header .content-wrap {
              border-bottom: 1px solid #ebebeb;
              padding-bottom: 18px; }
              .channel-annoucement-side .channel-annoucement-sidebar .list-wrap .announcement-list .list-item .list-header .content-wrap .content {
                font-size: 13px;
                font-family: 'Microsoft YaHei', sans-serif;
                color: #222222;
                overflow-y: hidden;
                display: -webkit-box;
                -webkit-line-clamp: 5;
                text-overflow: ellipsis;
                text-overflow: -o-ellipsis-lastline;
                padding-right: 5px;
                padding-top: 17px;
                margin-bottom: 10px;
                cursor: pointer;
                word-break: break-all;
                /* autoprefixer: off */
                -webkit-box-orient: vertical !important;
                line-clamp: 2; }
                .channel-annoucement-side .channel-annoucement-sidebar .list-wrap .announcement-list .list-item .list-header .content-wrap .content .redpoint {
                  display: inline-block;
                  width: 6px;
                  height: 6px;
                  vertical-align: middle;
                  background: #ec5233;
                  border-radius: 50%;
                  margin-right: 10px; }
              .channel-annoucement-side .channel-annoucement-sidebar .list-wrap .announcement-list .list-item .list-header .content-wrap .sender-line .sender {
                display: inline-block;
                font-size: 12px;
                font-family: 'Microsoft YaHei', sans-serif;
                color: rgba(34, 34, 34, 0.5);
                margin-right: 4px;
                max-width: 80px;
                overflow-x: hidden;
                -o-text-overflow: ellipsis;
                   text-overflow: ellipsis;
                white-space: nowrap;
                vertical-align: middle; }
              .channel-annoucement-side .channel-annoucement-sidebar .list-wrap .announcement-list .list-item .list-header .content-wrap .sender-line .time-line {
                display: inline-block; }
                .channel-annoucement-side .channel-annoucement-sidebar .list-wrap .announcement-list .list-item .list-header .content-wrap .sender-line .time-line .time {
                  font-size: 12px;
                  font-family: 'Microsoft YaHei', sans-serif;
                  color: rgba(34, 34, 34, 0.5);
                  vertical-align: middle; }
                .channel-annoucement-side .channel-annoucement-sidebar .list-wrap .announcement-list .list-item .list-header .content-wrap .sender-line .time-line .all-read {
                  cursor: pointer;
                  margin-left: 5px;
                  font-size: 12px;
                  font-family: 'Microsoft YaHei', sans-serif;
                  color: rgba(34, 34, 34, 0.5);
                  display: inline-block;
                  vertical-align: middle; }
                  .channel-annoucement-side .channel-annoucement-sidebar .list-wrap .announcement-list .list-item .list-header .content-wrap .sender-line .time-line .all-read:hover {
                    color: #fc7256; }
                .channel-annoucement-side .channel-annoucement-sidebar .list-wrap .announcement-list .list-item .list-header .content-wrap .sender-line .time-line .bottom-status {
                  cursor: pointer;
                  margin-left: 5px;
                  font-size: 12px;
                  font-family: 'Microsoft YaHei', sans-serif;
                  color: #00adde;
                  display: inline-block;
                  vertical-align: middle;
                  margin-top: -1px; }
    .channel-annoucement-side .channel-annoucement-sidebar .list-footer {
      height: 83px;
      line-height: 83px;
      width: 100%;
      text-align: right;
      position: absolute;
      background: #fff;
      border-top: 1px solid #eaedf1; }
      .channel-annoucement-side .channel-annoucement-sidebar .list-footer .send-btn {
        width: 74px;
        height: 30px;
        line-height: 30px;
        margin-right: 30px; }
    .channel-annoucement-side .channel-annoucement-sidebar .detail-tab {
      height: 100%; }
      .channel-annoucement-side .channel-annoucement-sidebar .detail-tab .channel-annoucement-header {
        padding-top: 0px;
        padding-bottom: 0px; }
        .channel-annoucement-side .channel-annoucement-sidebar .detail-tab .channel-annoucement-header .left-return {
          width: 20%;
          height: 49px;
          line-height: 49px; }
      .channel-annoucement-side .channel-annoucement-sidebar .detail-tab .detail-container {
        height: 100%; }
        .channel-annoucement-side .channel-annoucement-sidebar .detail-tab .detail-container .detail-scorll {
          height: 100%; }
          .channel-annoucement-side .channel-annoucement-sidebar .detail-tab .detail-container .detail-scorll .content {
            -webkit-user-select: text;
               -moz-user-select: text;
                -ms-user-select: text;
                    user-select: text;
            margin-right: 0px !important; }
        .channel-annoucement-side .channel-annoucement-sidebar .detail-tab .detail-container .sender-line {
          width: 100%;
          position: relative;
          padding-left: 6px;
          margin-bottom: 19px; }
          .channel-annoucement-side .channel-annoucement-sidebar .detail-tab .detail-container .sender-line img {
            width: 32px;
            height: 32px;
            border-radius: 50%;
            vertical-align: top;
            margin-top: 12px;
            position: absolute; }
          .channel-annoucement-side .channel-annoucement-sidebar .detail-tab .detail-container .sender-line .sender-line-inner {
            padding-top: 10px;
            margin-left: 35px; }
            .channel-annoucement-side .channel-annoucement-sidebar .detail-tab .detail-container .sender-line .sender-line-inner .sender {
              display: inline-block;
              font-size: 12px;
              font-family: 'Microsoft YaHei', sans-serif;
              color: rgba(34, 34, 34, 0.5);
              margin-left: 4px;
              margin-right: 4px;
              max-width: 170px;
              overflow-x: hidden;
              -o-text-overflow: ellipsis;
                 text-overflow: ellipsis;
              white-space: nowrap; }
          .channel-annoucement-side .channel-annoucement-sidebar .detail-tab .detail-container .sender-line .time-line {
            margin-left: 40px;
            margin-top: -3px;
            padding-right: 35px; }
            .channel-annoucement-side .channel-annoucement-sidebar .detail-tab .detail-container .sender-line .time-line .time {
              font-size: 12px;
              font-family: 'Microsoft YaHei', sans-serif;
              color: rgba(34, 34, 34, 0.5);
              vertical-align: top; }
            .channel-annoucement-side .channel-annoucement-sidebar .detail-tab .detail-container .sender-line .time-line .bottom-status {
              cursor: pointer;
              margin-left: 5px;
              font-size: 12px;
              font-family: 'Microsoft YaHei', sans-serif;
              color: #fe6a49;
              display: inline-block; }
            .channel-annoucement-side .channel-annoucement-sidebar .detail-tab .detail-container .sender-line .time-line .delete-icon {
              display: inline-block;
              cursor: pointer;
              margin-left: 15px; }
        .channel-annoucement-side .channel-annoucement-sidebar .detail-tab .detail-container .content {
          font-size: 13px;
          font-family: 'Microsoft YaHei', sans-serif;
          color: #222222;
          margin-bottom: 10px;
          padding-left: 10px;
          padding-right: 6px;
          word-break: break-all;
          font-family: 'Microsoft YaHei', sans-serif; }

.sidebar-enterprise-name {
  position: relative;
  height: 50px;
  font-size: 14px;
  line-height: 50px;
  color: #222; }
  .sidebar-enterprise-name .enterprise-name-container {
    height: 100%;
    margin-left: 16px;
    border-bottom: 1px solid #eaedf1; }
  .sidebar-enterprise-name .icon-item {
    margin-right: 10px;
    font-size: 28px;
    color: #6f72af; }
  .sidebar-enterprise-name:hover {
    background: #f3f4f6; }
  .sidebar-enterprise-name:active {
    background: #f3f4f6; }
  .sidebar-enterprise-name .enterprise-name {
    display: inline-block;
    max-width: 170px;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
    vertical-align: top; }

.team_active {
  background: #ebebeb; }

.contactList {
  width: 100%;
  font-weight: 400;
  background: #fff; }
  .contactList.active {
    background: #f3f4f6; }
  .contactList .tab_active {
    background: #f3f4f6; }
  .contactList .contact-top {
    position: relative;
    height: 52px;
    padding-left: 16px;
    font-size: 14px;
    line-height: 52px;
    color: #222;
    cursor: pointer;
    font-weight: 500; }
    .contactList .contact-top:after {
      position: absolute;
      right: 0;
      bottom: 0;
      left: 16px;
      content: ' ';
      border-bottom: 1px solid #eaedf1; }
  .contactList .icon-contact-circle {
    display: inline-block;
    width: 28px;
    height: 28px;
    line-height: 28px;
    color: #fff;
    text-align: center;
    border-radius: 50%; }
  .contactList .my_friend span {
    line-height: 40px; }
  .contactList .my_friend:hover {
    background-color: #f3f4f6; }
  .contactList .my_friend.active {
    background: #f3f4f6; }
  .contactList .my_friend .icon-friend {
    margin-right: 12px;
    font-size: 12px;
    background: #60a7f9; }
  .contactList .new_remind::after {
    position: absolute;
    right: 10px;
    bottom: 16px;
    width: 6px;
    height: 6px;
    content: '';
    background-color: #ec5233;
    border-radius: 50%; }
  .contactList .group span {
    line-height: 40px; }
  .contactList .group:hover {
    background-color: #f3f4f6; }
  .contactList .group.active {
    background-color: #f3f4f6; }
  .contactList .group .icon-group {
    margin-right: 12px;
    font-size: 12px;
    background: #ffbf47; }
  .contactList .frequent_contacts span {
    line-height: 40px; }
  .contactList .frequent_contacts:hover {
    background-color: #f3f4f6; }
  .contactList .frequent_contacts.active {
    background-color: #f3f4f6; }
  .contactList .frequent_contacts .icon-frequent-contact {
    margin-right: 12px;
    font-size: 12px;
    background: #737bf2; }
  .contactList .subscription span {
    line-height: 40px; }
  .contactList .subscription:hover {
    background-color: #f3f4f6; }
  .contactList .subscription.active {
    background-color: #f3f4f6; }
  .contactList .subscription .icon-subscription {
    margin-right: 12px;
    font-size: 12px;
    background: #fe6a49; }
  .contactList .bot span {
    line-height: 40px; }
  .contactList .bot:hover {
    background-color: #f3f4f6; }
  .contactList .bot.active {
    background-color: #f3f4f6; }
  .contactList .bot .icon-bot {
    margin-right: 12px;
    font-size: 12px;
    background: -webkit-linear-gradient(224deg, #7eb7ff 0%, #4880ff 100%);
    background: -o-linear-gradient(224deg, #7eb7ff 0%, #4880ff 100%);
    background: linear-gradient(226deg, #7eb7ff 0%, #4880ff 100%); }
  .contactList .bot .bot-h .ant-popover-inner-content {
    padding: 8px 16px !important;
    width: 344px !important;
    font-size: 12px !important;
    color: #5d6470 !important; }
  .contactList .bot .bot-help {
    font-size: 12px;
    margin-left: 4px; }
    .contactList .bot .bot-help:hover {
      color: #f9784e; }
  .contactList .my_enterprise {
    font-size: 14px;
    color: #222;
    cursor: pointer;
    font-weight: 500; }
    .contactList .my_enterprise .my-enterprise-title {
      padding: 20px 0 5px 16px;
      color: #828992; }
    .contactList .my_enterprise span {
      line-height: 50px; }
    .contactList .my_enterprise .my_enterprise_list {
      height: 100%; }
  .contactList .create_enterprise {
    height: 40px;
    font-size: 14px;
    color: #222;
    cursor: pointer;
    font-weight: 500; }
    .contactList .create_enterprise .create_enterprise_container {
      height: 100%;
      margin-left: 16px; }
    .contactList .create_enterprise span {
      line-height: 40px; }
    .contactList .create_enterprise .icon-create-enterprise {
      margin-left: 8px;
      font-size: 13px; }
    .contactList .create_enterprise:hover {
      background-color: #f3f4f6; }
  .contactList .create_enterprise_tip {
    padding: 24px 37.5px 0 25.5px;
    text-align: center; }

.projection-password-modal {
  width: 390px !important; }
  .projection-password-modal .info-item {
    line-height: 40px; }
  .projection-password-modal .info-item-name {
    max-width: 300px;
    margin-left: 10px;
    -o-text-overflow: ellipsis;
       text-overflow: ellipsis;
    white-space: nowrap; }
  .projection-password-modal .info-item-input {
    width: 300px;
    margin-left: 10px; }
  .projection-password-modal .footer-tips {
    margin-left: 50px; }

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */

.react-right-menu {
  min-width: 85px;
  max-width: -webkit-fit-content;
  max-width: -moz-fit-content;
  max-width: fit-content;
  padding: 0;
  background: #f8f8f8;
  border: 1px solid #e1e1e1;
  border-radius: 5px;
  -webkit-box-shadow: 0 2px 4px 0 rgba(206, 206, 206, 0.5);
          box-shadow: 0 2px 4px 0 rgba(206, 206, 206, 0.5); }
  .react-right-menu .menu-item {
    height: 30px;
    padding: 0 14px;
    font-size: 13px;
    line-height: 30px;
    color: #222;
    white-space: nowrap;
    cursor: pointer;
    background-color: transparent;
    border-bottom: 1px solid #e1e1e1; }
    .react-right-menu .menu-item span {
      display: inline-block;
      max-width: 150px;
      overflow: hidden;
      -o-text-overflow: ellipsis;
         text-overflow: ellipsis;
      white-space: nowrap; }
    .react-right-menu .menu-item:hover {
      background-color: #e1e1e1; }

.contact-base-index {
  height: 144px;
  background: #fff;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px; }
  .contact-base-index .contact-base-bg-block {
    height: 144px;
    width: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    filter: blur(50px);
    -webkit-filter: blur(50px);
    opacity: 40%; }
  .contact-base-index .avatar {
    display: inline-block;
    margin-top: 20px;
    margin-left: 20px;
    text-align: left;
    vertical-align: top; }
    .contact-base-index .avatar .medal-islusion-wrap {
      position: absolute;
      width: 68px !important;
      height: 68px !important;
      z-index: 10;
      cursor: pointer; }
      .contact-base-index .avatar .medal-islusion-wrap:hover .avatar-hover {
        display: block;
        cursor: pointer; }
      .contact-base-index .avatar .medal-islusion-wrap .avatar-hover {
        position: absolute;
        top: 0;
        left: 0; }
      .contact-base-index .avatar .medal-islusion-wrap .avatar-hover {
        display: none;
        width: 68px;
        height: 68px;
        line-height: 68px;
        color: rgba(255, 255, 255, 0.75);
        text-align: center;
        background: rgba(0, 0, 0, 0.55);
        border-radius: 50%;
        z-index: 10;
        margin-left: -2px;
        margin-top: -2px; }
        .contact-base-index .avatar .medal-islusion-wrap .avatar-hover .avatar-hover-icon {
          font-size: 23px; }
      .contact-base-index .avatar .medal-islusion-wrap .medal-islusion {
        position: absolute;
        width: 82px !important;
        height: 81px !important;
        margin-left: -9px;
        margin-top: -8px;
        z-index: 10;
        border-radius: 50%;
        border-radius: initial !important; }
    .contact-base-index .avatar .wrap {
      position: relative;
      display: inline-block;
      width: 64px;
      height: 64px;
      overflow: hidden;
      cursor: pointer;
      border-radius: 50%;
      z-index: 9; }
      .contact-base-index .avatar .wrap .avatar-img {
        width: 64px !important;
        height: 64px !important; }
      .contact-base-index .avatar .wrap:hover .avatar-hover {
        display: block;
        cursor: pointer; }
      .contact-base-index .avatar .wrap .image-preview-container,
      .contact-base-index .avatar .wrap .avatar-hover {
        position: absolute;
        top: 0;
        left: 0; }
      .contact-base-index .avatar .wrap .avatar-hover {
        display: none;
        width: 64px;
        height: 64px;
        line-height: 64px;
        color: rgba(255, 255, 255, 0.75);
        text-align: center;
        background: rgba(0, 0, 0, 0.55);
        border-radius: 50%; }
        .contact-base-index .avatar .wrap .avatar-hover .avatar-hover-icon {
          font-size: 23px; }
  .contact-base-index .base-right {
    display: inline-block;
    width: 200px;
    margin-top: 28px;
    margin-left: 20px;
    color: #222;
    position: relative; }
    .contact-base-index .base-right .medal-entry-wrap {
      cursor: pointer;
      text-align: center;
      min-width: 65px;
      height: 26px;
      line-height: 26px;
      opacity: 0.8;
      background: #dee4ed;
      border-radius: 50px 0 0 50px;
      position: absolute;
      bottom: 0;
      right: -16px; }
      .contact-base-index .base-right .medal-entry-wrap .medal-entry img {
        width: 20px;
        height: 17px;
        margin-right: 2px; }
  .contact-base-index .name {
    margin-bottom: 4px;
    font-size: 16px;
    line-height: 1;
    color: #222; }
    .contact-base-index .name p {
      display: inline-block;
      max-width: 180px;
      overflow: hidden;
      text-align: center;
      -o-text-overflow: ellipsis;
         text-overflow: ellipsis;
      white-space: nowrap;
      font-weight: 500; }
  .contact-base-index .qt-number .info-value {
    -webkit-user-select: text;
       -moz-user-select: text;
        -ms-user-select: text;
            user-select: text; }
  .contact-base-index .qt-number:hover .qt-number-edit {
    display: inline-block;
    margin-left: 5px; }
  .contact-base-index .qt-number .qt-number-input {
    position: relative;
    display: inline-block;
    width: 124px;
    height: 28px;
    vertical-align: middle;
    background-color: white;
    border-radius: 10px; }
    .contact-base-index .qt-number .qt-number-input .ant-input {
      padding-right: 20px;
      color: #222;
      border-color: #ebebeb !important; }
    .contact-base-index .qt-number .qt-number-input .loading-component {
      top: 7px;
      left: 105px;
      -webkit-transform: scale(0.5) !important;
          -ms-transform: scale(0.5) !important;
              transform: scale(0.5) !important; }
  .contact-base-index .qt-number .qt-number-edit {
    display: none;
    color: #828992;
    cursor: pointer; }
  .contact-base-index .phone .change-phone {
    display: inline-block;
    margin-left: 8px;
    font-size: 12px;
    color: #00acdc;
    cursor: pointer; }
  .contact-base-index .phone .info-value {
    max-width: 190px;
    -webkit-user-select: text;
       -moz-user-select: text;
        -ms-user-select: text;
            user-select: text; }
  .contact-base-index .frequent .info-value {
    margin-right: 3px; }
  .contact-base-index .info-tip {
    display: inline-block;
    font-size: 12px;
    vertical-align: middle; }
  .contact-base-index .privacy-tip {
    color: #828992 !important; }
  .contact-base-index .info-value {
    display: inline-block;
    max-width: 150px;
    overflow: hidden;
    font-size: 12px;
    color: #222;
    -o-text-overflow: ellipsis;
       text-overflow: ellipsis;
    white-space: nowrap;
    vertical-align: middle; }
  .contact-base-index .info-ope {
    display: inline-block;
    cursor: pointer; }
    .contact-base-index .info-ope .qt-icon {
      color: #fe6a49; }
    .contact-base-index .info-ope .qt-icon-favorite_contacts_cloes {
      color: #222; }
    .contact-base-index .info-ope .frequent-icon {
      margin-right: 9px;
      vertical-align: middle; }
  .contact-base-index .online-status {
    font-size: 12px;
    color: #828992;
    text-align: center; }
    .contact-base-index .online-status span {
      display: inline-block; }
  .contact-base-index .contact-filter-wrap {
    overflow: hidden;
    width: 100%;
    height: 144px;
    position: absolute;
    top: 0; }

.medal-modal .ant-modal-content {
  opacity: 0.94; }

.medal-modal .ant-modal-body {
  height: 426px; }

.medal-modal .medal-page {
  padding-top: 48px; }
  .medal-modal .medal-page .medal-avatar {
    border-radius: 50%;
    text-align: center;
    background-image: url(../../static/media/medal_dot.ba5e0ca9.svg);
    background-position: center;
    background-repeat: no-repeat;
    padding-bottom: 25px; }
    .medal-modal .medal-page .medal-avatar img {
      width: 115px;
      height: 115px;
      border-radius: 50%; }
    .medal-modal .medal-page .medal-avatar .medal-islusion {
      position: absolute;
      width: 151px !important;
      height: 149px !important;
      margin-left: -18px;
      margin-top: -16px;
      border-radius: initial !important; }
  .medal-modal .medal-page .medal-title-wrap .medal-title {
    text-align: center;
    margin-top: 15px;
    min-width: 116px;
    height: 43px;
    line-height: 43px;
    font-size: 24px;
    color: #fe6a49;
    background-repeat: no-repeat;
    background-position: right; }
    .medal-modal .medal-page .medal-title-wrap .medal-title .medal-title-left {
      height: 43px;
      width: 52px;
      background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGgAAAAKCAYAAABYIBvwAAAAAXNSR0IArs4c6QAAAERlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAAAaKADAAQAAAABAAAACgAAAACcoX88AAACiUlEQVRYCe1Wv2tTURQ+596XPFpjkZaAFAR3x651EReJKK4WB3Fs3PwDMruJOrm7dCg4ODpLwU0EN5cKEkpQiyR5753P79wkJASHTm/xXbg9v3+873vtq8r8AFDp954IpCcq2wKcSOw815dHw0VOI+tHQH3knJxjyvurK6jKULLWTX3x7uuqv9HrQyCkUf27j9fJcT8gXSnKN/Wt00xaR2BGENBbDyxt7OPpwdbSbrQ6EcjSMJUr/Pb889CtitERDu+MIUoTRpfxb6OZoArUDWJBURl1AXPUc3ihJb9nqSaAMZUqxYy61wMWguugruzBeOrB2kCfeV/vzwkSLHCecZtgQmkIIZYVBJF9KvaIHom8LE3z0zzuU9Kmv2JeZB+JvjpnlMFKLu56xv0li+zsttd7Dq/7XLo/tCoJ5SyOjH4+sstY0De385ZJEWmX3J53Mzf5RdnKiNLUZGuTNRMbnufolmOT3R2Tsx/4NLlme7dHJl9uQAcDxyedBUEnhPHWwrkqScRvPsBHUULlQPlPjqBA8FWdgOQihFwhAZdATsQQBQLqoASiwPyUxXwSRoBn4Lg/ZHD0ER0Y1ld0xuiSBER/eGMciCoJ7MBcksDKWY/ovRKo8z4RhIc+siqaISPPkU1K9sgKfwEUZUZYHWT63S5Id2tBSlWhiIG2v3RtQkti4tTaxl0Ym4QKeZv6mPWcJQVfFScnkca9phPIRg45J5qXee0Pd92AjKiXIt3tn5BOLvKN9vUO9r5T+hkM+BzLM/sn4fDBjsjkM79DV5ehmUZeDvTV+7fr/sauB4H0DdLXx2cS2vuq+oE3/Xqp6Cnvw4aceoi48BQ8e3QJ/Xu7Fy5oEhsE/mcE/gIZ8LojuVbsYQAAAABJRU5ErkJggg==);
      background-repeat: no-repeat;
      background-position: center;
      margin-right: 35px;
      background-size: contain;
      float: right; }
    .medal-modal .medal-page .medal-title-wrap .medal-title .medal-title-right-back {
      background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGgAAAAKCAYAAABYIBvwAAAAAXNSR0IArs4c6QAAAERlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAAAaKADAAQAAAABAAAACgAAAACcoX88AAACsUlEQVRYCe1WPWuUQRB+Znbfu1wIKCgIGiFgp2AhCtqohQgi+R0KQfwHYgo7EUEEsfUfCEJAG7G3ELSysIgphDMY8nX3vjvjM3cQg9ErgtGAN8fuzM7Xzj6z+3LAmPY1ArKvq/sPivPbs+fQlHtwnIV4F5Dn6By6I/efrcXxxw36h5fAb12/guILDk/byxDBW5w+fl5uPK11u2Es/2UEzJ783JyowB1n8O7zXMg5piB3H76m+fkhP/l+yD+cEiwtDeWjy4LuquDQEVn8tibTEXhgU7B6ULBOPtUTbNSCySlBj1w2FP1JwUQj6HPUEwLtKVoTsrHZ105VBFUrfBWSFMWkR97OxtiG60r6jhT6Vpt2M6mtTlXKws8CY5QXjCO4cN2YNmngr1latBUtSVKywdl4S03hkiCixS1RiAvKCPLQG+0qdKeO+khMmRiZqlAPS3ClLYo1ZZVZBdRzzRgzxlHHz1ViRSHTH9ncU/gxjjh67BV8ko04ERD+ktwvUf9wq0GD2LuXEz7NZMx0FQtfE3JHUb3JqHnYDg/Q9QzNisWlNN2aYAEE8Qv1mb5tl3rFc5WrVK+vaNWoNuKaQZ/Nog0PlhMbFoA269rJFTnl0icOBMwIWHJpe5OKBUqqhFdatIH6UvdTIuyVc//iYtAAgZgWMq4ZFOgSHTX6wYtEmyMZASI8TOQpgBEQURLdCTP9tEDCJ/KR2AzOXBvRVa6sSMi0M5TNVnE3xsetoB+rRU3XQQuU4Bu9g6xwYg38+UAROztbKU4HnYLb1YF+xPSjQWwnKVLG2EE80HCTHZaxYrcI+Ny12d++IpHXkXd4ZyhEA0aN3RYxjhuBgOpNPq8dD2L4J+HY44jcatCINGPTHiEgj168QpUu8GG8ZKOW2ZiPlB+gc/hi/IPbo23Haf8kAt8BME0O2FXsvTQAAAAASUVORK5CYII=);
      background-repeat: no-repeat;
      background-position: left;
      background-size: contain;
      height: 43px;
      width: 52px;
      float: left;
      margin-left: 35px; }
  .medal-modal .medal-page .medal-desc {
    text-align: center;
    font-size: 14px;
    margin-top: 10px;
    color: #828992;
    padding: 0px 45px; }
  .medal-modal .medal-page .medal-btn {
    margin-top: 20px;
    text-align: center; }
    .medal-modal .medal-page .medal-btn .btn {
      width: 60px;
      height: 30px;
      font-size: 14px;
      color: #ffffff; }
  .medal-modal .medal-page .medal-expire {
    font-size: 12px;
    color: #828992;
    margin-top: 54px;
    text-align: center; }
  .medal-modal .medal-page .empty-wrap {
    margin-top: 40px; }
    .medal-modal .medal-page .empty-wrap .img-wrap {
      text-align: center; }
      .medal-modal .medal-page .empty-wrap .img-wrap img {
        width: 150px; }
    .medal-modal .medal-page .empty-wrap .tips {
      text-align: center;
      font-size: 14px;
      margin-top: 20px;
      padding: 0px 30px;
      color: #828992; }
    .medal-modal .medal-page .empty-wrap .btn {
      margin-top: 30px;
      text-align: center; }
      .medal-modal .medal-page .empty-wrap .btn .cancel-btn {
        background: #f3f4f6;
        border-color: #f3f4f6;
        font-weight: 500; }

.contact-detail-index {
  position: relative;
  width: 320px;
  height: 500px;
  background: #fff;
  border-radius: 10px;
  -webkit-box-shadow: 2px 2px 6px 0 rgba(170, 174, 177, 0.5);
          box-shadow: 2px 2px 6px 0 rgba(170, 174, 177, 0.5);
  overflow: hidden; }
  .contact-detail-index .close {
    position: absolute;
    top: 16px;
    right: 16px;
    color: rgba(0, 0, 0, 0.43);
    cursor: pointer;
    -webkit-transition: color 0.3s ease;
    -o-transition: color 0.3s ease;
    transition: color 0.3s ease; }
    .contact-detail-index .close:hover {
      color: #444;
      text-decoration: none; }
  .contact-detail-index .load-failed {
    padding-top: 140px;
    text-align: center; }
    .contact-detail-index .load-failed img {
      width: 147px;
      margin-bottom: 20px; }
    .contact-detail-index .load-failed .retry {
      color: #00acdc;
      cursor: pointer; }
  .contact-detail-index .nicescroll-container {
    height: 100%; }
  .contact-detail-index .scroll-list {
    height: 262px; }

.call-modal {
  width: 320px !important; }

.menu-list-index {
  height: 90px;
  border-bottom: 1px dashed #eaedf1; }
  .menu-list-index .menu-container {
    display: inline-block;
    width: 80px;
    margin-top: 15px;
    text-align: center;
    vertical-align: middle; }
  .menu-list-index .menu-btn {
    display: inline-block;
    width: 38px;
    height: 38px;
    line-height: 38px;
    vertical-align: middle;
    cursor: pointer;
    background: #f3f4f6;
    border-radius: 50%; }
  .menu-list-index .menu-icon {
    font-size: 18px;
    color: #343d4c;
    opacity: 0.8; }
  .menu-list-index .menu-text {
    display: block;
    margin-top: 6px;
    font-size: 12px;
    color: #222; }

.org-list-index {
  height: 100%;
  padding: 16px 0 10px 16px; }
  .org-list-index .text-overflow, .org-list-index .contact-org-item .info-item .org-list .ant-collapse-item .ant-collapse-header {
    display: inline-block;
    max-width: 220px;
    overflow: hidden;
    -o-text-overflow: ellipsis;
       text-overflow: ellipsis;
    white-space: nowrap;
    vertical-align: middle; }
  .org-list-index .en-org-item .info-tip {
    width: 77px !important; }
  .org-list-index .contact-org-item:last-child {
    border-bottom: none; }
  .org-list-index .contact-org-item {
    padding-bottom: 15px;
    margin-right: 15px;
    margin-bottom: 15px;
    border-bottom: 1px dashed #eaedf1; }
    .org-list-index .contact-org-item .domain-name {
      max-width: 280px;
      margin-bottom: 14px;
      font-size: 15px;
      color: #222;
      -webkit-user-select: text;
         -moz-user-select: text;
          -ms-user-select: text;
              user-select: text; }
    .org-list-index .contact-org-item .edit-name-wrap .no-edit-tip {
      display: inline-block;
      margin-left: 2px;
      font-size: 12px;
      color: #828992;
      vertical-align: middle; }
    .org-list-index .contact-org-item .edit-name-wrap .edit-name {
      padding-right: 20px; }
    .org-list-index .contact-org-item .edit-name-wrap .loading-component {
      top: 7px;
      left: 208px;
      -webkit-transform: scale(0.5) !important;
          -ms-transform: scale(0.5) !important;
              transform: scale(0.5) !important; }
    .org-list-index .contact-org-item .edit-name-wrap .edit-name-tip {
      line-height: 28px;
      vertical-align: top !important; }
    .org-list-index .contact-org-item .edit-name-wrap .edit-name-holder {
      line-height: 28px; }
    .org-list-index .contact-org-item .edit-name-wrap:hover .name-edit-icon {
      display: inline-block;
      margin-left: 5px; }
    .org-list-index .contact-org-item .extend-user-wrap .info-value {
      display: inline-block;
      max-width: 170px;
      font-size: 13px;
      color: #222;
      vertical-align: middle;
      -webkit-user-select: text;
         -moz-user-select: text;
          -ms-user-select: text;
              user-select: text;
      white-space: nowrap; }
    .org-list-index .contact-org-item .extend-text-wrap {
      font-size: 13px;
      color: #222; }
      .org-list-index .contact-org-item .extend-text-wrap .info-value {
        vertical-align: -webkit-baseline-middle !important; }
      .org-list-index .contact-org-item .extend-text-wrap .info-value-ellipsis {
        cursor: pointer;
        white-space: nowrap !important;
        overflow: hidden;
        -o-text-overflow: ellipsis;
           text-overflow: ellipsis;
        display: inline-block;
        max-width: 170px;
        font-size: 13px;
        color: #222;
        vertical-align: -webkit-baseline-middle !important;
        -webkit-user-select: text;
           -moz-user-select: text;
            -ms-user-select: text;
                user-select: text; }
      .org-list-index .contact-org-item .extend-text-wrap .extend-text-tip {
        line-height: 28px;
        vertical-align: top !important; }
      .org-list-index .contact-org-item .extend-text-wrap .name-edit-icon {
        vertical-align: -webkit-baseline-middle !important; }
      .org-list-index .contact-org-item .extend-text-wrap:hover .name-edit-icon {
        cursor: pointer;
        display: inline-block;
        margin-left: 5px; }
    .org-list-index .contact-org-item .desc-edit-wrap .loading-component {
      top: 67px;
      left: 165px;
      -webkit-transform: scale(0.5) !important;
          -ms-transform: scale(0.5) !important;
              transform: scale(0.5) !important; }
    .org-list-index .contact-org-item .desc-edit-wrap .info-value {
      max-width: calc(100% - 20px);
      padding-right: 10px;
      word-break: break-all;
      vertical-align: top !important;
      -webkit-user-select: text;
         -moz-user-select: text;
          -ms-user-select: text;
              user-select: text; }
    .org-list-index .contact-org-item .desc-edit-wrap .info-value-ellipsis {
      cursor: pointer;
      white-space: nowrap;
      overflow: hidden;
      -o-text-overflow: ellipsis;
         text-overflow: ellipsis;
      display: inline-block;
      max-width: 170px;
      font-size: 13px;
      color: #222;
      vertical-align: middle;
      -webkit-user-select: text;
         -moz-user-select: text;
          -ms-user-select: text;
              user-select: text; }
    .org-list-index .contact-org-item .desc-edit-wrap:hover .desc-edit-icon {
      display: inline-block;
      margin-left: 5px;
      vertical-align: top;
      cursor: pointer; }
    .org-list-index .contact-org-item .info-item {
      margin-bottom: 16px; }
      .org-list-index .contact-org-item .info-item .org-list {
        display: inline-block;
        vertical-align: top; }
        .org-list-index .contact-org-item .info-item .org-list .ant-collapse-item {
          border: none; }
          .org-list-index .contact-org-item .info-item .org-list .ant-collapse-item .ant-collapse-header {
            display: inline-block;
            height: 20px;
            padding: 0;
            font-size: 13px;
            color: #222;
            background: none;
            max-width: 195px; }
            .org-list-index .contact-org-item .info-item .org-list .ant-collapse-item .ant-collapse-header[aria-expanded='true'] .arrow {
              -webkit-transform: scale(1) rotate(-90deg) !important;
                  -ms-transform: scale(1) rotate(-90deg) !important;
                      transform: scale(1) rotate(-90deg) !important; }
            .org-list-index .contact-org-item .info-item .org-list .ant-collapse-item .ant-collapse-header .ant-collapse-arrow {
              position: static !important;
              float: right !important;
              margin-top: -10px !important;
              margin-right: 3px;
              -webkit-transform: scale(1) rotate(0deg) !important;
                  -ms-transform: scale(1) rotate(0deg) !important;
                      transform: scale(1) rotate(0deg) !important; }
          .org-list-index .contact-org-item .info-item .org-list .ant-collapse-item .ant-collapse-content {
            padding: 0;
            margin-left: -3px;
            border: none; }
            .org-list-index .contact-org-item .info-item .org-list .ant-collapse-item .ant-collapse-content .ant-collapse-content-box {
              padding: 7px 0;
              font-size: 12px;
              color: #828992; }
              .org-list-index .contact-org-item .info-item .org-list .ant-collapse-item .ant-collapse-content .ant-collapse-content-box > div > div {
                margin-bottom: 2px; }
              .org-list-index .contact-org-item .info-item .org-list .ant-collapse-item .ant-collapse-content .ant-collapse-content-box .cluster-tip {
                margin-bottom: 7px;
                margin-left: 3px; }
              .org-list-index .contact-org-item .info-item .org-list .ant-collapse-item .ant-collapse-content .ant-collapse-content-box .cluster-tip + .ant-collapse {
                margin-left: 3px; }
              .org-list-index .contact-org-item .info-item .org-list .ant-collapse-item .ant-collapse-content .ant-collapse-content-box .org-node {
                -webkit-user-select: text;
                   -moz-user-select: text;
                    -ms-user-select: text;
                        user-select: text; }
              .org-list-index .contact-org-item .info-item .org-list .ant-collapse-item .ant-collapse-content .ant-collapse-content-box .orga-icon {
                display: inline-block;
                color: #e1e1e1;
                vertical-align: middle;
                -webkit-transform: scale(0.6);
                    -ms-transform: scale(0.6);
                        transform: scale(0.6);
                -webkit-transform-origin: 50% 50%;
                    -ms-transform-origin: 50% 50%;
                        transform-origin: 50% 50%; }
      .org-list-index .contact-org-item .info-item .ant-input {
        color: #222;
        border-color: #ebebeb !important; }
      .org-list-index .contact-org-item .info-item .edit-name {
        width: 225px;
        height: 28px;
        background: #fff; }
      .org-list-index .contact-org-item .info-item .edit-desc-wrap,
      .org-list-index .contact-org-item .info-item .edit-extend-text-wrap {
        position: relative;
        display: inline-block;
        width: 190px;
        height: 90px;
        vertical-align: top;
        border: 1px solid #ebebeb;
        border-radius: 4px; }
        .org-list-index .contact-org-item .info-item .edit-desc-wrap .ant-input,
        .org-list-index .contact-org-item .info-item .edit-extend-text-wrap .ant-input {
          color: #222; }
        .org-list-index .contact-org-item .info-item .edit-desc-wrap .desc-scroll,
        .org-list-index .contact-org-item .info-item .edit-extend-text-wrap .desc-scroll {
          padding-bottom: 20px; }
        .org-list-index .contact-org-item .info-item .edit-desc-wrap .edit-desc,
        .org-list-index .contact-org-item .info-item .edit-extend-text-wrap .edit-desc {
          width: 100%;
          padding: 5px 9px;
          word-break: break-all;
          resize: none;
          background: #fff;
          border: none !important;
          border-radius: 2px; }
        .org-list-index .contact-org-item .info-item .edit-desc-wrap .chars-tip-validate,
        .org-list-index .contact-org-item .info-item .edit-extend-text-wrap .chars-tip-validate {
          color: #fe6a49 !important; }
        .org-list-index .contact-org-item .info-item .edit-desc-wrap .chars-tip,
        .org-list-index .contact-org-item .info-item .edit-extend-text-wrap .chars-tip {
          position: absolute;
          right: 15px;
          bottom: 5px;
          font-size: 12px;
          color: #828992; }
      .org-list-index .contact-org-item .info-item .info-edit {
        display: none;
        color: #828992;
        vertical-align: middle; }
      .org-list-index .contact-org-item .info-item .info-tip {
        display: inline-block;
        width: 50px;
        margin-right: 10px;
        font-size: 12px;
        color: #828992;
        text-align: left;
        word-break: break-all;
        vertical-align: middle; }
      .org-list-index .contact-org-item .info-item .info-value {
        display: inline-block;
        max-width: 160px;
        font-size: 13px;
        color: #222;
        vertical-align: middle;
        -webkit-user-select: text;
           -moz-user-select: text;
            -ms-user-select: text;
                user-select: text; }
      .org-list-index .contact-org-item .info-item .info-operate {
        display: inline-block;
        margin-left: 9px;
        font-size: 12px;
        color: #00acdc;
        vertical-align: middle;
        cursor: pointer; }

.select-extenduser-modal .ant-modal-body {
  padding: 0px; }

.extend-set-time .ant-calendar-picker-icon {
  width: 30px;
  text-align: right; }

.extend-set-time .ant-calendar-picker:hover .ant-calendar-picker-input:not(.ant-input-disabled) {
  border-color: #e0e5f0 !important; }

.extend-set-time .year-input .ant-calendar-picker:hover .ant-calendar-picker-input:not(.ant-input-disabled) {
  border-color: #e0e5f0 !important; }

.extend-set-time .year-input .ant-input {
  border-top-right-radius: 0px !important;
  border-bottom-right-radius: 0px !important;
  border-right: 0px !important;
  padding-left: 20px !important; }

.extend-set-time .month-input .ant-input {
  border-radius: 0px !important;
  border-right: 0px !important;
  border-left: 0px !important; }

.extend-set-time .date-input .ant-input {
  border-top-left-radius: 0px !important;
  border-bottom-left-radius: 0px !important;
  border-left: 0px !important; }

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
.ant-calendar-picker-container {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.65);
  font-size: 12px;
  font-variant: tabular-nums;
  line-height: 1.5;
  list-style: none;
  -webkit-font-feature-settings: 'tnum';
          font-feature-settings: 'tnum';
  position: absolute;
  z-index: 1050;
  font-family: Helvetica, Tahoma, Arial, 'Microsoft YaHei', '\5FAE\8F6F\96C5\9ED1', 'PingFang SC', '\82F9\65B9', sans-serif;
}
.ant-calendar-picker-container.slide-up-enter.slide-up-enter-active.ant-calendar-picker-container-placement-topLeft,
.ant-calendar-picker-container.slide-up-enter.slide-up-enter-active.ant-calendar-picker-container-placement-topRight,
.ant-calendar-picker-container.slide-up-appear.slide-up-appear-active.ant-calendar-picker-container-placement-topLeft,
.ant-calendar-picker-container.slide-up-appear.slide-up-appear-active.ant-calendar-picker-container-placement-topRight {
  -webkit-animation-name: antSlideDownIn;
          animation-name: antSlideDownIn;
}
.ant-calendar-picker-container.slide-up-enter.slide-up-enter-active.ant-calendar-picker-container-placement-bottomLeft,
.ant-calendar-picker-container.slide-up-enter.slide-up-enter-active.ant-calendar-picker-container-placement-bottomRight,
.ant-calendar-picker-container.slide-up-appear.slide-up-appear-active.ant-calendar-picker-container-placement-bottomLeft,
.ant-calendar-picker-container.slide-up-appear.slide-up-appear-active.ant-calendar-picker-container-placement-bottomRight {
  -webkit-animation-name: antSlideUpIn;
          animation-name: antSlideUpIn;
}
.ant-calendar-picker-container.slide-up-leave.slide-up-leave-active.ant-calendar-picker-container-placement-topLeft,
.ant-calendar-picker-container.slide-up-leave.slide-up-leave-active.ant-calendar-picker-container-placement-topRight {
  -webkit-animation-name: antSlideDownOut;
          animation-name: antSlideDownOut;
}
.ant-calendar-picker-container.slide-up-leave.slide-up-leave-active.ant-calendar-picker-container-placement-bottomLeft,
.ant-calendar-picker-container.slide-up-leave.slide-up-leave-active.ant-calendar-picker-container-placement-bottomRight {
  -webkit-animation-name: antSlideUpOut;
          animation-name: antSlideUpOut;
}
.ant-calendar-picker {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.65);
  font-size: 12px;
  font-variant: tabular-nums;
  line-height: 1.5;
  list-style: none;
  -webkit-font-feature-settings: 'tnum';
          font-feature-settings: 'tnum';
  position: relative;
  display: inline-block;
  outline: none;
  cursor: text;
  -webkit-transition: opacity 0.3s;
  -o-transition: opacity 0.3s;
  transition: opacity 0.3s;
}
.ant-calendar-picker-input {
  outline: none;
}
.ant-calendar-picker-input.ant-input-sm {
  padding-top: 0;
  padding-bottom: 0;
}
.ant-calendar-picker:hover .ant-calendar-picker-input:not(.ant-input-disabled) {
  border-color: #FE6A49;
}
.ant-calendar-picker:focus .ant-calendar-picker-input:not(.ant-input-disabled) {
  border-color: #ff9173;
  border-right-width: 1px !important;
  outline: 0;
  -webkit-box-shadow: 0 0 0 2px rgba(254, 106, 73, 0.2);
          box-shadow: 0 0 0 2px rgba(254, 106, 73, 0.2);
}
.ant-calendar-picker-clear,
.ant-calendar-picker-icon {
  position: absolute;
  top: 50%;
  right: 12px;
  z-index: 1;
  width: 14px;
  height: 14px;
  margin-top: -7px;
  font-size: 12px;
  line-height: 14px;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.ant-calendar-picker-clear {
  z-index: 2;
  color: rgba(0, 0, 0, 0.25);
  font-size: 12px;
  background: #fff;
  cursor: pointer;
  opacity: 0;
  pointer-events: none;
}
.ant-calendar-picker-clear:hover {
  color: rgba(0, 0, 0, 0.45);
}
.ant-calendar-picker:hover .ant-calendar-picker-clear {
  opacity: 1;
  pointer-events: auto;
}
.ant-calendar-picker-icon {
  display: inline-block;
  color: rgba(0, 0, 0, 0.25);
  font-size: 12px;
  line-height: 1;
}
.ant-calendar-picker-small .ant-calendar-picker-clear,
.ant-calendar-picker-small .ant-calendar-picker-icon {
  right: 8px;
}
.ant-calendar {
  position: relative;
  width: 280px;
  font-size: 12px;
  line-height: 1.5;
  text-align: left;
  list-style: none;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #fff;
  border-radius: 4px;
  outline: none;
  -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
          box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
}
.ant-calendar-input-wrap {
  height: 34px;
  padding: 6px 10px;
  border-bottom: 1px solid #e9e9e9;
}
.ant-calendar-input {
  width: 100%;
  height: 22px;
  color: rgba(0, 0, 0, 0.65);
  background: #fff;
  border: 0;
  outline: 0;
  cursor: auto;
}
.ant-calendar-input::-moz-placeholder {
  color: #bfbfbf;
  opacity: 1;
}
.ant-calendar-input:-ms-input-placeholder {
  color: #bfbfbf;
}
.ant-calendar-input::-webkit-input-placeholder {
  color: #bfbfbf;
}
.ant-calendar-week-number {
  width: 286px;
}
.ant-calendar-week-number-cell {
  text-align: center;
}
.ant-calendar-header {
  height: 40px;
  line-height: 40px;
  text-align: center;
  border-bottom: 1px solid #e9e9e9;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.ant-calendar-header a:hover {
  color: #3e91c8;
}
.ant-calendar-header .ant-calendar-century-select,
.ant-calendar-header .ant-calendar-decade-select,
.ant-calendar-header .ant-calendar-year-select,
.ant-calendar-header .ant-calendar-month-select {
  display: inline-block;
  padding: 0 2px;
  color: rgba(0, 0, 0, 0.85);
  font-weight: 500;
  line-height: 40px;
}
.ant-calendar-header .ant-calendar-century-select-arrow,
.ant-calendar-header .ant-calendar-decade-select-arrow,
.ant-calendar-header .ant-calendar-year-select-arrow,
.ant-calendar-header .ant-calendar-month-select-arrow {
  display: none;
}
.ant-calendar-header .ant-calendar-prev-century-btn,
.ant-calendar-header .ant-calendar-next-century-btn,
.ant-calendar-header .ant-calendar-prev-decade-btn,
.ant-calendar-header .ant-calendar-next-decade-btn,
.ant-calendar-header .ant-calendar-prev-month-btn,
.ant-calendar-header .ant-calendar-next-month-btn,
.ant-calendar-header .ant-calendar-prev-year-btn,
.ant-calendar-header .ant-calendar-next-year-btn {
  position: absolute;
  top: 0;
  display: inline-block;
  padding: 0 5px;
  color: rgba(0, 0, 0, 0.45);
  font-size: 16px;
  font-family: Arial, 'Hiragino Sans GB', 'Microsoft Yahei', 'Microsoft Sans Serif', sans-serif;
  line-height: 40px;
}
.ant-calendar-header .ant-calendar-prev-century-btn,
.ant-calendar-header .ant-calendar-prev-decade-btn,
.ant-calendar-header .ant-calendar-prev-year-btn {
  left: 7px;
}
.ant-calendar-header .ant-calendar-prev-century-btn::after,
.ant-calendar-header .ant-calendar-prev-decade-btn::after,
.ant-calendar-header .ant-calendar-prev-year-btn::after {
  content: '\AB';
}
.ant-calendar-header .ant-calendar-next-century-btn,
.ant-calendar-header .ant-calendar-next-decade-btn,
.ant-calendar-header .ant-calendar-next-year-btn {
  right: 7px;
}
.ant-calendar-header .ant-calendar-next-century-btn::after,
.ant-calendar-header .ant-calendar-next-decade-btn::after,
.ant-calendar-header .ant-calendar-next-year-btn::after {
  content: '\BB';
}
.ant-calendar-header .ant-calendar-prev-month-btn {
  left: 29px;
}
.ant-calendar-header .ant-calendar-prev-month-btn::after {
  content: '\2039';
}
.ant-calendar-header .ant-calendar-next-month-btn {
  right: 29px;
}
.ant-calendar-header .ant-calendar-next-month-btn::after {
  content: '\203A';
}
.ant-calendar-body {
  padding: 8px 12px;
}
.ant-calendar table {
  width: 100%;
  max-width: 100%;
  background-color: transparent;
  border-collapse: collapse;
}
.ant-calendar table,
.ant-calendar th,
.ant-calendar td {
  text-align: center;
  border: 0;
}
.ant-calendar-calendar-table {
  margin-bottom: 0;
  border-spacing: 0;
}
.ant-calendar-column-header {
  width: 33px;
  padding: 6px 0;
  line-height: 18px;
  text-align: center;
}
.ant-calendar-column-header .ant-calendar-column-header-inner {
  display: block;
  font-weight: normal;
}
.ant-calendar-week-number-header .ant-calendar-column-header-inner {
  display: none;
}
.ant-calendar-cell {
  height: 30px;
  padding: 3px 0;
}
.ant-calendar-date {
  display: block;
  width: 24px;
  height: 24px;
  margin: 0 auto;
  padding: 0;
  color: rgba(0, 0, 0, 0.65);
  line-height: 22px;
  text-align: center;
  background: transparent;
  border: 1px solid transparent;
  border-radius: 2px;
  -webkit-transition: background 0.3s ease;
  -o-transition: background 0.3s ease;
  transition: background 0.3s ease;
}
.ant-calendar-date-panel {
  position: relative;
  outline: none;
}
.ant-calendar-date:hover {
  background: #fff5f0;
  cursor: pointer;
}
.ant-calendar-date:active {
  color: #fff;
  background: #ff9173;
}
.ant-calendar-today .ant-calendar-date {
  color: #FE6A49;
  font-weight: bold;
  border-color: #FE6A49;
}
.ant-calendar-last-month-cell .ant-calendar-date,
.ant-calendar-next-month-btn-day .ant-calendar-date {
  color: rgba(0, 0, 0, 0.25);
}
.ant-calendar-selected-day .ant-calendar-date {
  background: #ffe1db;
}
.ant-calendar-selected-date .ant-calendar-date,
.ant-calendar-selected-start-date .ant-calendar-date,
.ant-calendar-selected-end-date .ant-calendar-date {
  color: #fff;
  background: #FE6A49;
  border: 1px solid transparent;
}
.ant-calendar-selected-date .ant-calendar-date:hover,
.ant-calendar-selected-start-date .ant-calendar-date:hover,
.ant-calendar-selected-end-date .ant-calendar-date:hover {
  background: #FE6A49;
}
.ant-calendar-disabled-cell .ant-calendar-date {
  position: relative;
  width: auto;
  color: rgba(0, 0, 0, 0.25);
  background: #f5f5f5;
  border: 1px solid transparent;
  border-radius: 0;
  cursor: not-allowed;
}
.ant-calendar-disabled-cell .ant-calendar-date:hover {
  background: #f5f5f5;
}
.ant-calendar-disabled-cell.ant-calendar-selected-day .ant-calendar-date::before {
  position: absolute;
  top: -1px;
  left: 5px;
  width: 24px;
  height: 24px;
  background: rgba(0, 0, 0, 0.1);
  border-radius: 2px;
  content: '';
}
.ant-calendar-disabled-cell.ant-calendar-today .ant-calendar-date {
  position: relative;
  padding-right: 5px;
  padding-left: 5px;
}
.ant-calendar-disabled-cell.ant-calendar-today .ant-calendar-date::before {
  position: absolute;
  top: -1px;
  left: 5px;
  width: 24px;
  height: 24px;
  border: 1px solid rgba(0, 0, 0, 0.25);
  border-radius: 2px;
  content: ' ';
}
.ant-calendar-disabled-cell-first-of-row .ant-calendar-date {
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
.ant-calendar-disabled-cell-last-of-row .ant-calendar-date {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
.ant-calendar-footer {
  padding: 0 12px;
  line-height: 38px;
  border-top: 1px solid #e9e9e9;
}
.ant-calendar-footer:empty {
  border-top: 0;
}
.ant-calendar-footer-btn {
  display: block;
  text-align: center;
}
.ant-calendar-footer-extra {
  text-align: left;
}
.ant-calendar .ant-calendar-today-btn,
.ant-calendar .ant-calendar-clear-btn {
  display: inline-block;
  margin: 0 0 0 8px;
  text-align: center;
}
.ant-calendar .ant-calendar-today-btn-disabled,
.ant-calendar .ant-calendar-clear-btn-disabled {
  color: rgba(0, 0, 0, 0.25);
  cursor: not-allowed;
}
.ant-calendar .ant-calendar-today-btn:only-child,
.ant-calendar .ant-calendar-clear-btn:only-child {
  margin: 0;
}
.ant-calendar .ant-calendar-clear-btn {
  position: absolute;
  top: 7px;
  right: 5px;
  display: none;
  width: 20px;
  height: 20px;
  margin: 0;
  overflow: hidden;
  line-height: 20px;
  text-align: center;
  text-indent: -76px;
}
.ant-calendar .ant-calendar-clear-btn::after {
  display: inline-block;
  width: 20px;
  color: rgba(0, 0, 0, 0.25);
  font-size: 12px;
  line-height: 1;
  text-indent: 43px;
  -webkit-transition: color 0.3s ease;
  -o-transition: color 0.3s ease;
  transition: color 0.3s ease;
}
.ant-calendar .ant-calendar-clear-btn:hover::after {
  color: rgba(0, 0, 0, 0.45);
}
.ant-calendar .ant-calendar-ok-btn {
  position: relative;
  display: inline-block;
  font-weight: 400;
  white-space: nowrap;
  text-align: center;
  background-image: none;
  border: 1px solid transparent;
  -webkit-box-shadow: 0 2px 0 rgba(0, 0, 0, 0.015);
          box-shadow: 0 2px 0 rgba(0, 0, 0, 0.015);
  cursor: pointer;
  -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-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  -ms-touch-action: manipulation;
      touch-action: manipulation;
  height: 28px;
  padding: 0 15px;
  color: #fff;
  background-color: #FE6A49;
  border-color: #FE6A49;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.12);
  -webkit-box-shadow: 0 2px 0 rgba(0, 0, 0, 0.045);
          box-shadow: 0 2px 0 rgba(0, 0, 0, 0.045);
  height: 22px;
  padding: 0 7px;
  font-size: 12px;
  border-radius: 4px;
  line-height: 20px;
}
.ant-calendar .ant-calendar-ok-btn > .anticon {
  line-height: 1;
}
.ant-calendar .ant-calendar-ok-btn,
.ant-calendar .ant-calendar-ok-btn:active,
.ant-calendar .ant-calendar-ok-btn:focus {
  outline: 0;
}
.ant-calendar .ant-calendar-ok-btn:not([disabled]):hover {
  text-decoration: none;
}
.ant-calendar .ant-calendar-ok-btn:not([disabled]):active {
  outline: 0;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.ant-calendar .ant-calendar-ok-btn.disabled,
.ant-calendar .ant-calendar-ok-btn[disabled] {
  cursor: not-allowed;
}
.ant-calendar .ant-calendar-ok-btn.disabled > *,
.ant-calendar .ant-calendar-ok-btn[disabled] > * {
  pointer-events: none;
}
.ant-calendar .ant-calendar-ok-btn-lg {
  height: 32px;
  padding: 0 15px;
  font-size: 14px;
  border-radius: 4px;
}
.ant-calendar .ant-calendar-ok-btn-sm {
  height: 22px;
  padding: 0 7px;
  font-size: 12px;
  border-radius: 4px;
}
.ant-calendar .ant-calendar-ok-btn > a:only-child {
  color: currentColor;
}
.ant-calendar .ant-calendar-ok-btn > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-calendar .ant-calendar-ok-btn:hover,
.ant-calendar .ant-calendar-ok-btn:focus {
  color: #fff;
  background-color: #ff9173;
  border-color: #ff9173;
}
.ant-calendar .ant-calendar-ok-btn:hover > a:only-child,
.ant-calendar .ant-calendar-ok-btn:focus > a:only-child {
  color: currentColor;
}
.ant-calendar .ant-calendar-ok-btn:hover > a:only-child::after,
.ant-calendar .ant-calendar-ok-btn:focus > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-calendar .ant-calendar-ok-btn:active,
.ant-calendar .ant-calendar-ok-btn.active {
  color: #fff;
  background-color: #d94d34;
  border-color: #d94d34;
}
.ant-calendar .ant-calendar-ok-btn:active > a:only-child,
.ant-calendar .ant-calendar-ok-btn.active > a:only-child {
  color: currentColor;
}
.ant-calendar .ant-calendar-ok-btn:active > a:only-child::after,
.ant-calendar .ant-calendar-ok-btn.active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-calendar .ant-calendar-ok-btn-disabled,
.ant-calendar .ant-calendar-ok-btn.disabled,
.ant-calendar .ant-calendar-ok-btn[disabled],
.ant-calendar .ant-calendar-ok-btn-disabled:hover,
.ant-calendar .ant-calendar-ok-btn.disabled:hover,
.ant-calendar .ant-calendar-ok-btn[disabled]:hover,
.ant-calendar .ant-calendar-ok-btn-disabled:focus,
.ant-calendar .ant-calendar-ok-btn.disabled:focus,
.ant-calendar .ant-calendar-ok-btn[disabled]:focus,
.ant-calendar .ant-calendar-ok-btn-disabled:active,
.ant-calendar .ant-calendar-ok-btn.disabled:active,
.ant-calendar .ant-calendar-ok-btn[disabled]:active,
.ant-calendar .ant-calendar-ok-btn-disabled.active,
.ant-calendar .ant-calendar-ok-btn.disabled.active,
.ant-calendar .ant-calendar-ok-btn[disabled].active {
  color: rgba(0, 0, 0, 0.25);
  background-color: #f5f5f5;
  border-color: #d9d9d9;
  text-shadow: none;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.ant-calendar .ant-calendar-ok-btn-disabled > a:only-child,
.ant-calendar .ant-calendar-ok-btn.disabled > a:only-child,
.ant-calendar .ant-calendar-ok-btn[disabled] > a:only-child,
.ant-calendar .ant-calendar-ok-btn-disabled:hover > a:only-child,
.ant-calendar .ant-calendar-ok-btn.disabled:hover > a:only-child,
.ant-calendar .ant-calendar-ok-btn[disabled]:hover > a:only-child,
.ant-calendar .ant-calendar-ok-btn-disabled:focus > a:only-child,
.ant-calendar .ant-calendar-ok-btn.disabled:focus > a:only-child,
.ant-calendar .ant-calendar-ok-btn[disabled]:focus > a:only-child,
.ant-calendar .ant-calendar-ok-btn-disabled:active > a:only-child,
.ant-calendar .ant-calendar-ok-btn.disabled:active > a:only-child,
.ant-calendar .ant-calendar-ok-btn[disabled]:active > a:only-child,
.ant-calendar .ant-calendar-ok-btn-disabled.active > a:only-child,
.ant-calendar .ant-calendar-ok-btn.disabled.active > a:only-child,
.ant-calendar .ant-calendar-ok-btn[disabled].active > a:only-child {
  color: currentColor;
}
.ant-calendar .ant-calendar-ok-btn-disabled > a:only-child::after,
.ant-calendar .ant-calendar-ok-btn.disabled > a:only-child::after,
.ant-calendar .ant-calendar-ok-btn[disabled] > a:only-child::after,
.ant-calendar .ant-calendar-ok-btn-disabled:hover > a:only-child::after,
.ant-calendar .ant-calendar-ok-btn.disabled:hover > a:only-child::after,
.ant-calendar .ant-calendar-ok-btn[disabled]:hover > a:only-child::after,
.ant-calendar .ant-calendar-ok-btn-disabled:focus > a:only-child::after,
.ant-calendar .ant-calendar-ok-btn.disabled:focus > a:only-child::after,
.ant-calendar .ant-calendar-ok-btn[disabled]:focus > a:only-child::after,
.ant-calendar .ant-calendar-ok-btn-disabled:active > a:only-child::after,
.ant-calendar .ant-calendar-ok-btn.disabled:active > a:only-child::after,
.ant-calendar .ant-calendar-ok-btn[disabled]:active > a:only-child::after,
.ant-calendar .ant-calendar-ok-btn-disabled.active > a:only-child::after,
.ant-calendar .ant-calendar-ok-btn.disabled.active > a:only-child::after,
.ant-calendar .ant-calendar-ok-btn[disabled].active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-calendar .ant-calendar-ok-btn-disabled,
.ant-calendar .ant-calendar-ok-btn.disabled,
.ant-calendar .ant-calendar-ok-btn[disabled],
.ant-calendar .ant-calendar-ok-btn-disabled:hover,
.ant-calendar .ant-calendar-ok-btn.disabled:hover,
.ant-calendar .ant-calendar-ok-btn[disabled]:hover,
.ant-calendar .ant-calendar-ok-btn-disabled:focus,
.ant-calendar .ant-calendar-ok-btn.disabled:focus,
.ant-calendar .ant-calendar-ok-btn[disabled]:focus,
.ant-calendar .ant-calendar-ok-btn-disabled:active,
.ant-calendar .ant-calendar-ok-btn.disabled:active,
.ant-calendar .ant-calendar-ok-btn[disabled]:active,
.ant-calendar .ant-calendar-ok-btn-disabled.active,
.ant-calendar .ant-calendar-ok-btn.disabled.active,
.ant-calendar .ant-calendar-ok-btn[disabled].active {
  color: rgba(0, 0, 0, 0.25);
  background-color: #f5f5f5;
  border-color: #d9d9d9;
  text-shadow: none;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.ant-calendar .ant-calendar-ok-btn-disabled > a:only-child,
.ant-calendar .ant-calendar-ok-btn.disabled > a:only-child,
.ant-calendar .ant-calendar-ok-btn[disabled] > a:only-child,
.ant-calendar .ant-calendar-ok-btn-disabled:hover > a:only-child,
.ant-calendar .ant-calendar-ok-btn.disabled:hover > a:only-child,
.ant-calendar .ant-calendar-ok-btn[disabled]:hover > a:only-child,
.ant-calendar .ant-calendar-ok-btn-disabled:focus > a:only-child,
.ant-calendar .ant-calendar-ok-btn.disabled:focus > a:only-child,
.ant-calendar .ant-calendar-ok-btn[disabled]:focus > a:only-child,
.ant-calendar .ant-calendar-ok-btn-disabled:active > a:only-child,
.ant-calendar .ant-calendar-ok-btn.disabled:active > a:only-child,
.ant-calendar .ant-calendar-ok-btn[disabled]:active > a:only-child,
.ant-calendar .ant-calendar-ok-btn-disabled.active > a:only-child,
.ant-calendar .ant-calendar-ok-btn.disabled.active > a:only-child,
.ant-calendar .ant-calendar-ok-btn[disabled].active > a:only-child {
  color: currentColor;
}
.ant-calendar .ant-calendar-ok-btn-disabled > a:only-child::after,
.ant-calendar .ant-calendar-ok-btn.disabled > a:only-child::after,
.ant-calendar .ant-calendar-ok-btn[disabled] > a:only-child::after,
.ant-calendar .ant-calendar-ok-btn-disabled:hover > a:only-child::after,
.ant-calendar .ant-calendar-ok-btn.disabled:hover > a:only-child::after,
.ant-calendar .ant-calendar-ok-btn[disabled]:hover > a:only-child::after,
.ant-calendar .ant-calendar-ok-btn-disabled:focus > a:only-child::after,
.ant-calendar .ant-calendar-ok-btn.disabled:focus > a:only-child::after,
.ant-calendar .ant-calendar-ok-btn[disabled]:focus > a:only-child::after,
.ant-calendar .ant-calendar-ok-btn-disabled:active > a:only-child::after,
.ant-calendar .ant-calendar-ok-btn.disabled:active > a:only-child::after,
.ant-calendar .ant-calendar-ok-btn[disabled]:active > a:only-child::after,
.ant-calendar .ant-calendar-ok-btn-disabled.active > a:only-child::after,
.ant-calendar .ant-calendar-ok-btn.disabled.active > a:only-child::after,
.ant-calendar .ant-calendar-ok-btn[disabled].active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-calendar-range-picker-input {
  width: 44%;
  height: 99%;
  text-align: center;
  background-color: transparent;
  border: 0;
  outline: 0;
}
.ant-calendar-range-picker-input::-moz-placeholder {
  color: #bfbfbf;
  opacity: 1;
}
.ant-calendar-range-picker-input:-ms-input-placeholder {
  color: #bfbfbf;
}
.ant-calendar-range-picker-input::-webkit-input-placeholder {
  color: #bfbfbf;
}
.ant-calendar-range-picker-input[disabled] {
  cursor: not-allowed;
}
.ant-calendar-range-picker-separator {
  display: inline-block;
  min-width: 10px;
  height: 100%;
  color: rgba(0, 0, 0, 0.45);
  white-space: nowrap;
  text-align: center;
  vertical-align: top;
  pointer-events: none;
}
.ant-calendar-range {
  width: 552px;
  overflow: hidden;
}
.ant-calendar-range .ant-calendar-date-panel::after {
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
  content: '.';
}
.ant-calendar-range-part {
  position: relative;
  width: 50%;
}
.ant-calendar-range-left {
  float: left;
}
.ant-calendar-range-left .ant-calendar-time-picker-inner {
  border-right: 1px solid #e9e9e9;
}
.ant-calendar-range-right {
  float: right;
}
.ant-calendar-range-right .ant-calendar-time-picker-inner {
  border-left: 1px solid #e9e9e9;
}
.ant-calendar-range-middle {
  position: absolute;
  left: 50%;
  z-index: 1;
  height: 34px;
  margin: 1px 0 0 0;
  padding: 0 200px 0 0;
  color: rgba(0, 0, 0, 0.45);
  line-height: 34px;
  text-align: center;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  pointer-events: none;
}
.ant-calendar-range-right .ant-calendar-date-input-wrap {
  margin-left: -90px;
}
.ant-calendar-range.ant-calendar-time .ant-calendar-range-middle {
  padding: 0 10px 0 0;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
}
.ant-calendar-range.ant-calendar-time .ant-calendar-range-right .ant-calendar-date-input-wrap {
  margin-left: 0;
}
.ant-calendar-range .ant-calendar-input-wrap {
  position: relative;
  height: 34px;
}
.ant-calendar-range .ant-calendar-input,
.ant-calendar-range .ant-calendar-time-picker-input {
  position: relative;
  display: inline-block;
  width: 100%;
  height: 28px;
  padding: 4px 7px;
  color: rgba(0, 0, 0, 0.65);
  font-size: 12px;
  line-height: 1.5;
  background-color: #fff;
  background-image: none;
  border: 1px solid #d9d9d9;
  border-radius: 4px;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  height: 22px;
  padding-right: 0;
  padding-left: 0;
  border: 0;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.ant-calendar-range .ant-calendar-input::-moz-placeholder,
.ant-calendar-range .ant-calendar-time-picker-input::-moz-placeholder {
  color: #bfbfbf;
  opacity: 1;
}
.ant-calendar-range .ant-calendar-input:-ms-input-placeholder,
.ant-calendar-range .ant-calendar-time-picker-input:-ms-input-placeholder {
  color: #bfbfbf;
}
.ant-calendar-range .ant-calendar-input::-webkit-input-placeholder,
.ant-calendar-range .ant-calendar-time-picker-input::-webkit-input-placeholder {
  color: #bfbfbf;
}
.ant-calendar-range .ant-calendar-input:hover,
.ant-calendar-range .ant-calendar-time-picker-input:hover {
  border-color: #e6d8d8;
  border-right-width: 1px !important;
}
.ant-calendar-range .ant-calendar-input:focus,
.ant-calendar-range .ant-calendar-time-picker-input:focus {
  border-color: #ff9173;
  border-right-width: 1px !important;
  outline: 0;
  -webkit-box-shadow: 0 0 0 2px rgba(254, 106, 73, 0.2);
          box-shadow: 0 0 0 2px rgba(254, 106, 73, 0.2);
}
.ant-calendar-range .ant-calendar-input-disabled,
.ant-calendar-range .ant-calendar-time-picker-input-disabled {
  color: rgba(0, 0, 0, 0.25);
  background-color: #f5f5f5;
  cursor: not-allowed;
  opacity: 1;
}
.ant-calendar-range .ant-calendar-input-disabled:hover,
.ant-calendar-range .ant-calendar-time-picker-input-disabled:hover {
  border-color: #e6d8d8;
  border-right-width: 1px !important;
}
.ant-calendar-range .ant-calendar-input[disabled],
.ant-calendar-range .ant-calendar-time-picker-input[disabled] {
  color: rgba(0, 0, 0, 0.25);
  background-color: #f5f5f5;
  cursor: not-allowed;
  opacity: 1;
}
.ant-calendar-range .ant-calendar-input[disabled]:hover,
.ant-calendar-range .ant-calendar-time-picker-input[disabled]:hover {
  border-color: #e6d8d8;
  border-right-width: 1px !important;
}
textarea.ant-calendar-range .ant-calendar-input,
textarea.ant-calendar-range .ant-calendar-time-picker-input {
  max-width: 100%;
  height: auto;
  min-height: 28px;
  vertical-align: bottom;
  -webkit-transition: all 0.3s, height 0s;
  -o-transition: all 0.3s, height 0s;
  transition: all 0.3s, height 0s;
}
.ant-calendar-range .ant-calendar-input-lg,
.ant-calendar-range .ant-calendar-time-picker-input-lg {
  height: 32px;
  padding: 6px 7px;
  font-size: 14px;
}
.ant-calendar-range .ant-calendar-input-sm,
.ant-calendar-range .ant-calendar-time-picker-input-sm {
  height: 22px;
  padding: 1px 7px;
}
.ant-calendar-range .ant-calendar-input:focus,
.ant-calendar-range .ant-calendar-time-picker-input:focus {
  -webkit-box-shadow: none;
          box-shadow: none;
}
.ant-calendar-range .ant-calendar-time-picker-icon {
  display: none;
}
.ant-calendar-range.ant-calendar-week-number {
  width: 574px;
}
.ant-calendar-range.ant-calendar-week-number .ant-calendar-range-part {
  width: 286px;
}
.ant-calendar-range .ant-calendar-year-panel,
.ant-calendar-range .ant-calendar-month-panel,
.ant-calendar-range .ant-calendar-decade-panel {
  top: 34px;
}
.ant-calendar-range .ant-calendar-month-panel .ant-calendar-year-panel {
  top: 0;
}
.ant-calendar-range .ant-calendar-decade-panel-table,
.ant-calendar-range .ant-calendar-year-panel-table,
.ant-calendar-range .ant-calendar-month-panel-table {
  height: 208px;
}
.ant-calendar-range .ant-calendar-in-range-cell {
  position: relative;
  border-radius: 0;
}
.ant-calendar-range .ant-calendar-in-range-cell > div {
  position: relative;
  z-index: 1;
}
.ant-calendar-range .ant-calendar-in-range-cell::before {
  position: absolute;
  top: 4px;
  right: 0;
  bottom: 4px;
  left: 0;
  display: block;
  background: #fff5f0;
  border: 0;
  border-radius: 0;
  content: '';
}
.ant-calendar-range .ant-calendar-footer-extra {
  float: left;
}
div.ant-calendar-range-quick-selector {
  text-align: left;
}
div.ant-calendar-range-quick-selector > a {
  margin-right: 8px;
}
.ant-calendar-range .ant-calendar-header,
.ant-calendar-range .ant-calendar-month-panel-header,
.ant-calendar-range .ant-calendar-year-panel-header {
  border-bottom: 0;
}
.ant-calendar-range .ant-calendar-body,
.ant-calendar-range .ant-calendar-month-panel-body,
.ant-calendar-range .ant-calendar-year-panel-body {
  border-top: 1px solid #e9e9e9;
}
.ant-calendar-range.ant-calendar-time .ant-calendar-time-picker {
  top: 68px;
  z-index: 2;
  width: 100%;
  height: 207px;
}
.ant-calendar-range.ant-calendar-time .ant-calendar-time-picker-panel {
  height: 267px;
  margin-top: -34px;
}
.ant-calendar-range.ant-calendar-time .ant-calendar-time-picker-inner {
  height: 100%;
  padding-top: 40px;
  background: none;
}
.ant-calendar-range.ant-calendar-time .ant-calendar-time-picker-combobox {
  display: inline-block;
  height: 100%;
  background-color: #fff;
  border-top: 1px solid #e9e9e9;
}
.ant-calendar-range.ant-calendar-time .ant-calendar-time-picker-select {
  height: 100%;
}
.ant-calendar-range.ant-calendar-time .ant-calendar-time-picker-select ul {
  max-height: 100%;
}
.ant-calendar-range.ant-calendar-time .ant-calendar-footer .ant-calendar-time-picker-btn {
  margin-right: 8px;
}
.ant-calendar-range.ant-calendar-time .ant-calendar-today-btn {
  height: 22px;
  margin: 8px 12px;
  line-height: 22px;
}
.ant-calendar-range-with-ranges.ant-calendar-time .ant-calendar-time-picker {
  height: 233px;
}
.ant-calendar-range.ant-calendar-show-time-picker .ant-calendar-body {
  border-top-color: transparent;
}
.ant-calendar-time-picker {
  position: absolute;
  top: 40px;
  width: 100%;
  background-color: #fff;
}
.ant-calendar-time-picker-panel {
  position: absolute;
  z-index: 1050;
  width: 100%;
}
.ant-calendar-time-picker-inner {
  position: relative;
  display: inline-block;
  width: 100%;
  overflow: hidden;
  font-size: 12px;
  line-height: 1.5;
  text-align: left;
  list-style: none;
  background-color: #fff;
  background-clip: padding-box;
  outline: none;
}
.ant-calendar-time-picker-combobox {
  width: 100%;
}
.ant-calendar-time-picker-column-1,
.ant-calendar-time-picker-column-1 .ant-calendar-time-picker-select {
  width: 100%;
}
.ant-calendar-time-picker-column-2 .ant-calendar-time-picker-select {
  width: 50%;
}
.ant-calendar-time-picker-column-3 .ant-calendar-time-picker-select {
  width: 33.33%;
}
.ant-calendar-time-picker-column-4 .ant-calendar-time-picker-select {
  width: 25%;
}
.ant-calendar-time-picker-input-wrap {
  display: none;
}
.ant-calendar-time-picker-select {
  position: relative;
  float: left;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  height: 226px;
  overflow: hidden;
  font-size: 12px;
  border-right: 1px solid #e9e9e9;
}
.ant-calendar-time-picker-select:hover {
  overflow-y: auto;
}
.ant-calendar-time-picker-select:first-child {
  margin-left: 0;
  border-left: 0;
}
.ant-calendar-time-picker-select:last-child {
  border-right: 0;
}
.ant-calendar-time-picker-select ul {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 100%;
  max-height: 206px;
  margin: 0;
  padding: 0;
  list-style: none;
}
.ant-calendar-time-picker-select li {
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  width: 100%;
  height: 24px;
  margin: 0;
  padding-left: 32px;
  line-height: 24px;
  list-style: none;
  cursor: pointer;
  -webkit-transition: background 0.3s ease;
  -o-transition: background 0.3s ease;
  transition: background 0.3s ease;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.ant-calendar-time-picker-select li:last-child::after {
  display: block;
  height: 202px;
  content: '';
}
.ant-calendar-time-picker-select li:hover {
  background: #fff5f0;
}
li.ant-calendar-time-picker-select-option-selected {
  font-weight: bold;
  background: #f5f5f5;
}
li.ant-calendar-time-picker-select-option-disabled {
  color: rgba(0, 0, 0, 0.25);
}
li.ant-calendar-time-picker-select-option-disabled:hover {
  background: transparent;
  cursor: not-allowed;
}
.ant-calendar-time .ant-calendar-day-select {
  display: inline-block;
  padding: 0 2px;
  color: rgba(0, 0, 0, 0.85);
  font-weight: 500;
  line-height: 34px;
}
.ant-calendar-time .ant-calendar-footer {
  position: relative;
  height: auto;
}
.ant-calendar-time .ant-calendar-footer-btn {
  text-align: right;
}
.ant-calendar-time .ant-calendar-footer .ant-calendar-today-btn {
  float: left;
  margin: 0;
}
.ant-calendar-time .ant-calendar-footer .ant-calendar-time-picker-btn {
  display: inline-block;
  margin-right: 8px;
}
.ant-calendar-time .ant-calendar-footer .ant-calendar-time-picker-btn-disabled {
  color: rgba(0, 0, 0, 0.25);
}
.ant-calendar-month-panel {
  position: absolute;
  top: 1px;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 10;
  background: #fff;
  border-radius: 4px;
  outline: none;
}
.ant-calendar-month-panel > div {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  height: 100%;
}
.ant-calendar-month-panel-hidden {
  display: none;
}
.ant-calendar-month-panel-header {
  height: 40px;
  line-height: 40px;
  text-align: center;
  border-bottom: 1px solid #e9e9e9;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.ant-calendar-month-panel-header a:hover {
  color: #3e91c8;
}
.ant-calendar-month-panel-header .ant-calendar-month-panel-century-select,
.ant-calendar-month-panel-header .ant-calendar-month-panel-decade-select,
.ant-calendar-month-panel-header .ant-calendar-month-panel-year-select,
.ant-calendar-month-panel-header .ant-calendar-month-panel-month-select {
  display: inline-block;
  padding: 0 2px;
  color: rgba(0, 0, 0, 0.85);
  font-weight: 500;
  line-height: 40px;
}
.ant-calendar-month-panel-header .ant-calendar-month-panel-century-select-arrow,
.ant-calendar-month-panel-header .ant-calendar-month-panel-decade-select-arrow,
.ant-calendar-month-panel-header .ant-calendar-month-panel-year-select-arrow,
.ant-calendar-month-panel-header .ant-calendar-month-panel-month-select-arrow {
  display: none;
}
.ant-calendar-month-panel-header .ant-calendar-month-panel-prev-century-btn,
.ant-calendar-month-panel-header .ant-calendar-month-panel-next-century-btn,
.ant-calendar-month-panel-header .ant-calendar-month-panel-prev-decade-btn,
.ant-calendar-month-panel-header .ant-calendar-month-panel-next-decade-btn,
.ant-calendar-month-panel-header .ant-calendar-month-panel-prev-month-btn,
.ant-calendar-month-panel-header .ant-calendar-month-panel-next-month-btn,
.ant-calendar-month-panel-header .ant-calendar-month-panel-prev-year-btn,
.ant-calendar-month-panel-header .ant-calendar-month-panel-next-year-btn {
  position: absolute;
  top: 0;
  display: inline-block;
  padding: 0 5px;
  color: rgba(0, 0, 0, 0.45);
  font-size: 16px;
  font-family: Arial, 'Hiragino Sans GB', 'Microsoft Yahei', 'Microsoft Sans Serif', sans-serif;
  line-height: 40px;
}
.ant-calendar-month-panel-header .ant-calendar-month-panel-prev-century-btn,
.ant-calendar-month-panel-header .ant-calendar-month-panel-prev-decade-btn,
.ant-calendar-month-panel-header .ant-calendar-month-panel-prev-year-btn {
  left: 7px;
}
.ant-calendar-month-panel-header .ant-calendar-month-panel-prev-century-btn::after,
.ant-calendar-month-panel-header .ant-calendar-month-panel-prev-decade-btn::after,
.ant-calendar-month-panel-header .ant-calendar-month-panel-prev-year-btn::after {
  content: '\AB';
}
.ant-calendar-month-panel-header .ant-calendar-month-panel-next-century-btn,
.ant-calendar-month-panel-header .ant-calendar-month-panel-next-decade-btn,
.ant-calendar-month-panel-header .ant-calendar-month-panel-next-year-btn {
  right: 7px;
}
.ant-calendar-month-panel-header .ant-calendar-month-panel-next-century-btn::after,
.ant-calendar-month-panel-header .ant-calendar-month-panel-next-decade-btn::after,
.ant-calendar-month-panel-header .ant-calendar-month-panel-next-year-btn::after {
  content: '\BB';
}
.ant-calendar-month-panel-header .ant-calendar-month-panel-prev-month-btn {
  left: 29px;
}
.ant-calendar-month-panel-header .ant-calendar-month-panel-prev-month-btn::after {
  content: '\2039';
}
.ant-calendar-month-panel-header .ant-calendar-month-panel-next-month-btn {
  right: 29px;
}
.ant-calendar-month-panel-header .ant-calendar-month-panel-next-month-btn::after {
  content: '\203A';
}
.ant-calendar-month-panel-body {
  -ms-flex: 1 1;
      flex: 1 1;
}
.ant-calendar-month-panel-footer {
  border-top: 1px solid #e9e9e9;
}
.ant-calendar-month-panel-footer .ant-calendar-footer-extra {
  padding: 0 12px;
}
.ant-calendar-month-panel-table {
  width: 100%;
  height: 100%;
  table-layout: fixed;
  border-collapse: separate;
}
.ant-calendar-month-panel-selected-cell .ant-calendar-month-panel-month {
  color: #fff;
  background: #FE6A49;
}
.ant-calendar-month-panel-selected-cell .ant-calendar-month-panel-month:hover {
  color: #fff;
  background: #FE6A49;
}
.ant-calendar-month-panel-cell {
  text-align: center;
}
.ant-calendar-month-panel-cell-disabled .ant-calendar-month-panel-month,
.ant-calendar-month-panel-cell-disabled .ant-calendar-month-panel-month:hover {
  color: rgba(0, 0, 0, 0.25);
  background: #f5f5f5;
  cursor: not-allowed;
}
.ant-calendar-month-panel-month {
  display: inline-block;
  height: 24px;
  margin: 0 auto;
  padding: 0 8px;
  color: rgba(0, 0, 0, 0.65);
  line-height: 24px;
  text-align: center;
  background: transparent;
  border-radius: 2px;
  -webkit-transition: background 0.3s ease;
  -o-transition: background 0.3s ease;
  transition: background 0.3s ease;
}
.ant-calendar-month-panel-month:hover {
  background: #fff5f0;
  cursor: pointer;
}
.ant-calendar-year-panel {
  position: absolute;
  top: 1px;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 10;
  background: #fff;
  border-radius: 4px;
  outline: none;
}
.ant-calendar-year-panel > div {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  height: 100%;
}
.ant-calendar-year-panel-hidden {
  display: none;
}
.ant-calendar-year-panel-header {
  height: 40px;
  line-height: 40px;
  text-align: center;
  border-bottom: 1px solid #e9e9e9;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.ant-calendar-year-panel-header a:hover {
  color: #3e91c8;
}
.ant-calendar-year-panel-header .ant-calendar-year-panel-century-select,
.ant-calendar-year-panel-header .ant-calendar-year-panel-decade-select,
.ant-calendar-year-panel-header .ant-calendar-year-panel-year-select,
.ant-calendar-year-panel-header .ant-calendar-year-panel-month-select {
  display: inline-block;
  padding: 0 2px;
  color: rgba(0, 0, 0, 0.85);
  font-weight: 500;
  line-height: 40px;
}
.ant-calendar-year-panel-header .ant-calendar-year-panel-century-select-arrow,
.ant-calendar-year-panel-header .ant-calendar-year-panel-decade-select-arrow,
.ant-calendar-year-panel-header .ant-calendar-year-panel-year-select-arrow,
.ant-calendar-year-panel-header .ant-calendar-year-panel-month-select-arrow {
  display: none;
}
.ant-calendar-year-panel-header .ant-calendar-year-panel-prev-century-btn,
.ant-calendar-year-panel-header .ant-calendar-year-panel-next-century-btn,
.ant-calendar-year-panel-header .ant-calendar-year-panel-prev-decade-btn,
.ant-calendar-year-panel-header .ant-calendar-year-panel-next-decade-btn,
.ant-calendar-year-panel-header .ant-calendar-year-panel-prev-month-btn,
.ant-calendar-year-panel-header .ant-calendar-year-panel-next-month-btn,
.ant-calendar-year-panel-header .ant-calendar-year-panel-prev-year-btn,
.ant-calendar-year-panel-header .ant-calendar-year-panel-next-year-btn {
  position: absolute;
  top: 0;
  display: inline-block;
  padding: 0 5px;
  color: rgba(0, 0, 0, 0.45);
  font-size: 16px;
  font-family: Arial, 'Hiragino Sans GB', 'Microsoft Yahei', 'Microsoft Sans Serif', sans-serif;
  line-height: 40px;
}
.ant-calendar-year-panel-header .ant-calendar-year-panel-prev-century-btn,
.ant-calendar-year-panel-header .ant-calendar-year-panel-prev-decade-btn,
.ant-calendar-year-panel-header .ant-calendar-year-panel-prev-year-btn {
  left: 7px;
}
.ant-calendar-year-panel-header .ant-calendar-year-panel-prev-century-btn::after,
.ant-calendar-year-panel-header .ant-calendar-year-panel-prev-decade-btn::after,
.ant-calendar-year-panel-header .ant-calendar-year-panel-prev-year-btn::after {
  content: '\AB';
}
.ant-calendar-year-panel-header .ant-calendar-year-panel-next-century-btn,
.ant-calendar-year-panel-header .ant-calendar-year-panel-next-decade-btn,
.ant-calendar-year-panel-header .ant-calendar-year-panel-next-year-btn {
  right: 7px;
}
.ant-calendar-year-panel-header .ant-calendar-year-panel-next-century-btn::after,
.ant-calendar-year-panel-header .ant-calendar-year-panel-next-decade-btn::after,
.ant-calendar-year-panel-header .ant-calendar-year-panel-next-year-btn::after {
  content: '\BB';
}
.ant-calendar-year-panel-header .ant-calendar-year-panel-prev-month-btn {
  left: 29px;
}
.ant-calendar-year-panel-header .ant-calendar-year-panel-prev-month-btn::after {
  content: '\2039';
}
.ant-calendar-year-panel-header .ant-calendar-year-panel-next-month-btn {
  right: 29px;
}
.ant-calendar-year-panel-header .ant-calendar-year-panel-next-month-btn::after {
  content: '\203A';
}
.ant-calendar-year-panel-body {
  -ms-flex: 1 1;
      flex: 1 1;
}
.ant-calendar-year-panel-footer {
  border-top: 1px solid #e9e9e9;
}
.ant-calendar-year-panel-footer .ant-calendar-footer-extra {
  padding: 0 12px;
}
.ant-calendar-year-panel-table {
  width: 100%;
  height: 100%;
  table-layout: fixed;
  border-collapse: separate;
}
.ant-calendar-year-panel-cell {
  text-align: center;
}
.ant-calendar-year-panel-year {
  display: inline-block;
  height: 24px;
  margin: 0 auto;
  padding: 0 8px;
  color: rgba(0, 0, 0, 0.65);
  line-height: 24px;
  text-align: center;
  background: transparent;
  border-radius: 2px;
  -webkit-transition: background 0.3s ease;
  -o-transition: background 0.3s ease;
  transition: background 0.3s ease;
}
.ant-calendar-year-panel-year:hover {
  background: #fff5f0;
  cursor: pointer;
}
.ant-calendar-year-panel-selected-cell .ant-calendar-year-panel-year {
  color: #fff;
  background: #FE6A49;
}
.ant-calendar-year-panel-selected-cell .ant-calendar-year-panel-year:hover {
  color: #fff;
  background: #FE6A49;
}
.ant-calendar-year-panel-last-decade-cell .ant-calendar-year-panel-year,
.ant-calendar-year-panel-next-decade-cell .ant-calendar-year-panel-year {
  color: rgba(0, 0, 0, 0.25);
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.ant-calendar-decade-panel {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 10;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  background: #fff;
  border-radius: 4px;
  outline: none;
}
.ant-calendar-decade-panel-hidden {
  display: none;
}
.ant-calendar-decade-panel-header {
  height: 40px;
  line-height: 40px;
  text-align: center;
  border-bottom: 1px solid #e9e9e9;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.ant-calendar-decade-panel-header a:hover {
  color: #3e91c8;
}
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-century-select,
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-decade-select,
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-year-select,
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-month-select {
  display: inline-block;
  padding: 0 2px;
  color: rgba(0, 0, 0, 0.85);
  font-weight: 500;
  line-height: 40px;
}
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-century-select-arrow,
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-decade-select-arrow,
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-year-select-arrow,
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-month-select-arrow {
  display: none;
}
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-prev-century-btn,
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-next-century-btn,
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-prev-decade-btn,
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-next-decade-btn,
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-prev-month-btn,
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-next-month-btn,
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-prev-year-btn,
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-next-year-btn {
  position: absolute;
  top: 0;
  display: inline-block;
  padding: 0 5px;
  color: rgba(0, 0, 0, 0.45);
  font-size: 16px;
  font-family: Arial, 'Hiragino Sans GB', 'Microsoft Yahei', 'Microsoft Sans Serif', sans-serif;
  line-height: 40px;
}
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-prev-century-btn,
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-prev-decade-btn,
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-prev-year-btn {
  left: 7px;
}
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-prev-century-btn::after,
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-prev-decade-btn::after,
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-prev-year-btn::after {
  content: '\AB';
}
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-next-century-btn,
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-next-decade-btn,
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-next-year-btn {
  right: 7px;
}
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-next-century-btn::after,
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-next-decade-btn::after,
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-next-year-btn::after {
  content: '\BB';
}
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-prev-month-btn {
  left: 29px;
}
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-prev-month-btn::after {
  content: '\2039';
}
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-next-month-btn {
  right: 29px;
}
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-next-month-btn::after {
  content: '\203A';
}
.ant-calendar-decade-panel-body {
  -ms-flex: 1 1;
      flex: 1 1;
}
.ant-calendar-decade-panel-footer {
  border-top: 1px solid #e9e9e9;
}
.ant-calendar-decade-panel-footer .ant-calendar-footer-extra {
  padding: 0 12px;
}
.ant-calendar-decade-panel-table {
  width: 100%;
  height: 100%;
  table-layout: fixed;
  border-collapse: separate;
}
.ant-calendar-decade-panel-cell {
  white-space: nowrap;
  text-align: center;
}
.ant-calendar-decade-panel-decade {
  display: inline-block;
  height: 24px;
  margin: 0 auto;
  padding: 0 6px;
  color: rgba(0, 0, 0, 0.65);
  line-height: 24px;
  text-align: center;
  background: transparent;
  border-radius: 2px;
  -webkit-transition: background 0.3s ease;
  -o-transition: background 0.3s ease;
  transition: background 0.3s ease;
}
.ant-calendar-decade-panel-decade:hover {
  background: #fff5f0;
  cursor: pointer;
}
.ant-calendar-decade-panel-selected-cell .ant-calendar-decade-panel-decade {
  color: #fff;
  background: #FE6A49;
}
.ant-calendar-decade-panel-selected-cell .ant-calendar-decade-panel-decade:hover {
  color: #fff;
  background: #FE6A49;
}
.ant-calendar-decade-panel-last-century-cell .ant-calendar-decade-panel-decade,
.ant-calendar-decade-panel-next-century-cell .ant-calendar-decade-panel-decade {
  color: rgba(0, 0, 0, 0.25);
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.ant-calendar-month .ant-calendar-month-header-wrap {
  position: relative;
  height: 288px;
}
.ant-calendar-month .ant-calendar-month-panel,
.ant-calendar-month .ant-calendar-year-panel {
  top: 0;
  height: 100%;
}
.ant-calendar-week-number-cell {
  opacity: 0.5;
}
.ant-calendar-week-number .ant-calendar-body tr {
  cursor: pointer;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.ant-calendar-week-number .ant-calendar-body tr:hover {
  background: #fff5f0;
}
.ant-calendar-week-number .ant-calendar-body tr.ant-calendar-active-week {
  font-weight: bold;
  background: #fff3ed;
}
.ant-calendar-week-number .ant-calendar-body tr .ant-calendar-selected-day .ant-calendar-date,
.ant-calendar-week-number .ant-calendar-body tr .ant-calendar-selected-day:hover .ant-calendar-date {
  color: rgba(0, 0, 0, 0.65);
  background: transparent;
}

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
.ant-time-picker-panel {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.65);
  font-size: 12px;
  font-variant: tabular-nums;
  line-height: 1.5;
  list-style: none;
  -webkit-font-feature-settings: 'tnum';
          font-feature-settings: 'tnum';
  position: absolute;
  z-index: 1050;
  font-family: Helvetica, Tahoma, Arial, 'Microsoft YaHei', '\5FAE\8F6F\96C5\9ED1', 'PingFang SC', '\82F9\65B9', sans-serif;
}
.ant-time-picker-panel-inner {
  position: relative;
  left: -2px;
  font-size: 12px;
  text-align: left;
  list-style: none;
  background-color: #fff;
  background-clip: padding-box;
  border-radius: 4px;
  outline: none;
  -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
          box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
}
.ant-time-picker-panel-input {
  width: 100%;
  max-width: 154px;
  margin: 0;
  padding: 0;
  line-height: normal;
  border: 0;
  outline: 0;
  cursor: auto;
}
.ant-time-picker-panel-input::-moz-placeholder {
  color: #bfbfbf;
  opacity: 1;
}
.ant-time-picker-panel-input:-ms-input-placeholder {
  color: #bfbfbf;
}
.ant-time-picker-panel-input::-webkit-input-placeholder {
  color: #bfbfbf;
}
.ant-time-picker-panel-input-wrap {
  position: relative;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 7px 2px 7px 12px;
  border-bottom: 1px solid #e9e9e9;
}
.ant-time-picker-panel-input-invalid {
  border-color: #69b0e7;
}
.ant-time-picker-panel-narrow .ant-time-picker-panel-input-wrap {
  max-width: 112px;
}
.ant-time-picker-panel-select {
  position: relative;
  float: left;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 56px;
  max-height: 192px;
  overflow: hidden;
  font-size: 12px;
  border-left: 1px solid #e9e9e9;
}
.ant-time-picker-panel-select:hover {
  overflow-y: auto;
}
.ant-time-picker-panel-select:first-child {
  margin-left: 0;
  border-left: 0;
}
.ant-time-picker-panel-select:last-child {
  border-right: 0;
}
.ant-time-picker-panel-select:only-child {
  width: 100%;
}
.ant-time-picker-panel-select ul {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 100%;
  margin: 0;
  padding: 0 0 160px;
  list-style: none;
}
.ant-time-picker-panel-select li {
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  width: 100%;
  height: 32px;
  margin: 0;
  padding: 0 0 0 12px;
  line-height: 32px;
  text-align: left;
  list-style: none;
  cursor: pointer;
  -webkit-transition: background 0.3s;
  -o-transition: background 0.3s;
  transition: background 0.3s;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.ant-time-picker-panel-select li:hover {
  background: #fff5f0;
}
li.ant-time-picker-panel-select-option-selected {
  font-weight: bold;
  background: #f5f5f5;
}
li.ant-time-picker-panel-select-option-selected:hover {
  background: #f5f5f5;
}
li.ant-time-picker-panel-select-option-disabled {
  color: rgba(0, 0, 0, 0.25);
}
li.ant-time-picker-panel-select-option-disabled:hover {
  background: transparent;
  cursor: not-allowed;
}
.ant-time-picker-panel-combobox {
  zoom: 1;
}
.ant-time-picker-panel-combobox::before,
.ant-time-picker-panel-combobox::after {
  display: table;
  content: '';
}
.ant-time-picker-panel-combobox::after {
  clear: both;
}
.ant-time-picker-panel-addon {
  padding: 8px;
  border-top: 1px solid #e9e9e9;
}
.ant-time-picker-panel.slide-up-enter.slide-up-enter-active.ant-time-picker-panel-placement-topLeft,
.ant-time-picker-panel.slide-up-enter.slide-up-enter-active.ant-time-picker-panel-placement-topRight,
.ant-time-picker-panel.slide-up-appear.slide-up-appear-active.ant-time-picker-panel-placement-topLeft,
.ant-time-picker-panel.slide-up-appear.slide-up-appear-active.ant-time-picker-panel-placement-topRight {
  -webkit-animation-name: antSlideDownIn;
          animation-name: antSlideDownIn;
}
.ant-time-picker-panel.slide-up-enter.slide-up-enter-active.ant-time-picker-panel-placement-bottomLeft,
.ant-time-picker-panel.slide-up-enter.slide-up-enter-active.ant-time-picker-panel-placement-bottomRight,
.ant-time-picker-panel.slide-up-appear.slide-up-appear-active.ant-time-picker-panel-placement-bottomLeft,
.ant-time-picker-panel.slide-up-appear.slide-up-appear-active.ant-time-picker-panel-placement-bottomRight {
  -webkit-animation-name: antSlideUpIn;
          animation-name: antSlideUpIn;
}
.ant-time-picker-panel.slide-up-leave.slide-up-leave-active.ant-time-picker-panel-placement-topLeft,
.ant-time-picker-panel.slide-up-leave.slide-up-leave-active.ant-time-picker-panel-placement-topRight {
  -webkit-animation-name: antSlideDownOut;
          animation-name: antSlideDownOut;
}
.ant-time-picker-panel.slide-up-leave.slide-up-leave-active.ant-time-picker-panel-placement-bottomLeft,
.ant-time-picker-panel.slide-up-leave.slide-up-leave-active.ant-time-picker-panel-placement-bottomRight {
  -webkit-animation-name: antSlideUpOut;
          animation-name: antSlideUpOut;
}
.ant-time-picker {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.65);
  font-size: 12px;
  font-variant: tabular-nums;
  line-height: 1.5;
  list-style: none;
  -webkit-font-feature-settings: 'tnum';
          font-feature-settings: 'tnum';
  position: relative;
  display: inline-block;
  width: 128px;
  outline: none;
  cursor: text;
  -webkit-transition: opacity 0.3s;
  -o-transition: opacity 0.3s;
  transition: opacity 0.3s;
}
.ant-time-picker-input {
  position: relative;
  display: inline-block;
  width: 100%;
  height: 28px;
  padding: 4px 7px;
  color: rgba(0, 0, 0, 0.65);
  font-size: 12px;
  line-height: 1.5;
  background-color: #fff;
  background-image: none;
  border: 1px solid #d9d9d9;
  border-radius: 4px;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.ant-time-picker-input::-moz-placeholder {
  color: #bfbfbf;
  opacity: 1;
}
.ant-time-picker-input:-ms-input-placeholder {
  color: #bfbfbf;
}
.ant-time-picker-input::-webkit-input-placeholder {
  color: #bfbfbf;
}
.ant-time-picker-input:hover {
  border-color: #e6d8d8;
  border-right-width: 1px !important;
}
.ant-time-picker-input:focus {
  border-color: #ff9173;
  border-right-width: 1px !important;
  outline: 0;
  -webkit-box-shadow: 0 0 0 2px rgba(254, 106, 73, 0.2);
          box-shadow: 0 0 0 2px rgba(254, 106, 73, 0.2);
}
.ant-time-picker-input-disabled {
  color: rgba(0, 0, 0, 0.25);
  background-color: #f5f5f5;
  cursor: not-allowed;
  opacity: 1;
}
.ant-time-picker-input-disabled:hover {
  border-color: #e6d8d8;
  border-right-width: 1px !important;
}
.ant-time-picker-input[disabled] {
  color: rgba(0, 0, 0, 0.25);
  background-color: #f5f5f5;
  cursor: not-allowed;
  opacity: 1;
}
.ant-time-picker-input[disabled]:hover {
  border-color: #e6d8d8;
  border-right-width: 1px !important;
}
textarea.ant-time-picker-input {
  max-width: 100%;
  height: auto;
  min-height: 28px;
  vertical-align: bottom;
  -webkit-transition: all 0.3s, height 0s;
  -o-transition: all 0.3s, height 0s;
  transition: all 0.3s, height 0s;
}
.ant-time-picker-input-lg {
  height: 32px;
  padding: 6px 7px;
  font-size: 14px;
}
.ant-time-picker-input-sm {
  height: 22px;
  padding: 1px 7px;
}
.ant-time-picker-input[disabled] {
  color: rgba(0, 0, 0, 0.25);
  background-color: #f5f5f5;
  cursor: not-allowed;
  opacity: 1;
}
.ant-time-picker-input[disabled]:hover {
  border-color: #e6d8d8;
  border-right-width: 1px !important;
}
.ant-time-picker-open {
  opacity: 0;
}
.ant-time-picker-icon,
.ant-time-picker-clear {
  position: absolute;
  top: 50%;
  right: 11px;
  z-index: 1;
  width: 14px;
  height: 14px;
  margin-top: -7px;
  color: rgba(0, 0, 0, 0.25);
  line-height: 14px;
  -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-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.ant-time-picker-icon .ant-time-picker-clock-icon,
.ant-time-picker-clear .ant-time-picker-clock-icon {
  display: block;
  color: rgba(0, 0, 0, 0.25);
  line-height: 1;
}
.ant-time-picker-clear {
  z-index: 2;
  background: #fff;
  opacity: 0;
  pointer-events: none;
}
.ant-time-picker-clear:hover {
  color: rgba(0, 0, 0, 0.45);
}
.ant-time-picker:hover .ant-time-picker-clear {
  opacity: 1;
  pointer-events: auto;
}
.ant-time-picker-large .ant-time-picker-input {
  height: 32px;
  padding: 6px 7px;
  font-size: 14px;
}
.ant-time-picker-small .ant-time-picker-input {
  height: 22px;
  padding: 1px 7px;
}
.ant-time-picker-small .ant-time-picker-icon,
.ant-time-picker-small .ant-time-picker-clear {
  right: 7px;
}

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
.ant-tag {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.65);
  font-variant: tabular-nums;
  line-height: 1.5;
  list-style: none;
  -webkit-font-feature-settings: 'tnum';
          font-feature-settings: 'tnum';
  display: inline-block;
  height: auto;
  margin-right: 8px;
  padding: 0 7px;
  font-size: 12px;
  line-height: 20px;
  white-space: nowrap;
  background: #fafafa;
  border: 1px solid #d9d9d9;
  border-radius: 4px;
  cursor: default;
  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-tag:hover {
  opacity: 0.85;
}
.ant-tag,
.ant-tag a,
.ant-tag a:hover {
  color: rgba(0, 0, 0, 0.65);
}
.ant-tag > a:first-child:last-child {
  display: inline-block;
  margin: 0 -8px;
  padding: 0 8px;
}
.ant-tag .anticon-close {
  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);
  margin-left: 3px;
  color: rgba(0, 0, 0, 0.45);
  font-weight: bold;
  cursor: pointer;
  -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);
}
:root .ant-tag .anticon-close {
  font-size: 12px;
}
.ant-tag .anticon-close:hover {
  color: rgba(0, 0, 0, 0.85);
}
.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-close,
.ant-tag-has-color .anticon-close:hover {
  color: #fff;
}
.ant-tag-checkable {
  background-color: transparent;
  border-color: transparent;
}
.ant-tag-checkable:not(.ant-tag-checkable-checked):hover {
  color: #FE6A49;
}
.ant-tag-checkable:active,
.ant-tag-checkable-checked {
  color: #fff;
}
.ant-tag-checkable-checked {
  background-color: #FE6A49;
}
.ant-tag-checkable:active {
  background-color: #d94d34;
}
.ant-tag-hidden {
  display: none;
}
.ant-tag-pink {
  color: #eb2f96;
  background: #fff0f6;
  border-color: #ffadd2;
}
.ant-tag-pink-inverse {
  color: #fff;
  background: #eb2f96;
  border-color: #eb2f96;
}
.ant-tag-magenta {
  color: #eb2f96;
  background: #fff0f6;
  border-color: #ffadd2;
}
.ant-tag-magenta-inverse {
  color: #fff;
  background: #eb2f96;
  border-color: #eb2f96;
}
.ant-tag-red {
  color: #f5222d;
  background: #fff1f0;
  border-color: #ffa39e;
}
.ant-tag-red-inverse {
  color: #fff;
  background: #f5222d;
  border-color: #f5222d;
}
.ant-tag-volcano {
  color: #fa541c;
  background: #fff2e8;
  border-color: #ffbb96;
}
.ant-tag-volcano-inverse {
  color: #fff;
  background: #fa541c;
  border-color: #fa541c;
}
.ant-tag-orange {
  color: #fa8c16;
  background: #fff7e6;
  border-color: #ffd591;
}
.ant-tag-orange-inverse {
  color: #fff;
  background: #fa8c16;
  border-color: #fa8c16;
}
.ant-tag-yellow {
  color: #fadb14;
  background: #feffe6;
  border-color: #fffb8f;
}
.ant-tag-yellow-inverse {
  color: #fff;
  background: #fadb14;
  border-color: #fadb14;
}
.ant-tag-gold {
  color: #faad14;
  background: #fffbe6;
  border-color: #ffe58f;
}
.ant-tag-gold-inverse {
  color: #fff;
  background: #faad14;
  border-color: #faad14;
}
.ant-tag-cyan {
  color: #13c2c2;
  background: #e6fffb;
  border-color: #87e8de;
}
.ant-tag-cyan-inverse {
  color: #fff;
  background: #13c2c2;
  border-color: #13c2c2;
}
.ant-tag-lime {
  color: #a0d911;
  background: #fcffe6;
  border-color: #eaff8f;
}
.ant-tag-lime-inverse {
  color: #fff;
  background: #a0d911;
  border-color: #a0d911;
}
.ant-tag-green {
  color: #52c41a;
  background: #f6ffed;
  border-color: #b7eb8f;
}
.ant-tag-green-inverse {
  color: #fff;
  background: #52c41a;
  border-color: #52c41a;
}
.ant-tag-blue {
  color: #1890ff;
  background: #e6f7ff;
  border-color: #91d5ff;
}
.ant-tag-blue-inverse {
  color: #fff;
  background: #1890ff;
  border-color: #1890ff;
}
.ant-tag-geekblue {
  color: #2f54eb;
  background: #f0f5ff;
  border-color: #adc6ff;
}
.ant-tag-geekblue-inverse {
  color: #fff;
  background: #2f54eb;
  border-color: #2f54eb;
}
.ant-tag-purple {
  color: #722ed1;
  background: #f9f0ff;
  border-color: #d3adf7;
}
.ant-tag-purple-inverse {
  color: #fff;
  background: #722ed1;
  border-color: #722ed1;
}

.qt-card-target {
  position: absolute;
  z-index: 999; }

.drive-forward-modal {
  width: 650px !important;
  color: #5d6470; }
  .drive-forward-modal .ant-modal-body {
    padding: 0; }
  .drive-forward-modal .select-operate {
    margin: 15px; }
  .drive-forward-modal .forward-selected-cls {
    width: 296px;
    height: 350px;
    min-height: 296px; }
    .drive-forward-modal .forward-selected-cls.permission {
      height: 296px; }
  .drive-forward-modal .permission-container {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 296px;
    height: 120px;
    padding-top: 22px;
    text-align: center;
    border-top: 1px solid #ebebeb; }
  .drive-forward-modal .permission-select {
    width: 130px;
    margin-left: 10px; }
  .drive-forward-modal .forward-unselected-cls {
    height: 361px; }
  .drive-forward-modal .ant-modal-footer {
    position: absolute;
    right: 58px;
    bottom: 0; }
  .drive-forward-modal .permission-tips .footer-tips {
    margin-left: 2px; }

.space-permission-tip {
  max-width: 740px; }
  .space-permission-tip img {
    width: 100%;
    height: 218px; }
  .space-permission-tip .permission-operation-tip {
    margin-top: 10px;
    margin-bottom: 10px; }
  .space-permission-tip .permission-tip-title,
  .space-permission-tip .share-permission-operation-tip {
    margin-bottom: 10px; }

.space-permission-popover {
  z-index: 3000 !important; }
  .space-permission-popover .ant-popover-arrow {
    opacity: 0.85; }
  .space-permission-popover.ant-popover-placement-top .ant-popover-arrow {
    border-right-color: #222 !important;
    border-bottom-color: #222 !important; }
  .space-permission-popover.ant-popover-placement-bottomLeft .ant-popover-arrow {
    border-top-color: #222 !important;
    border-left-color: #222 !important; }
  .space-permission-popover.ant-popover-placement-rightBottom .ant-popover-arrow {
    border-bottom-color: #222 !important;
    border-left-color: #222 !important; }
  .space-permission-popover.ant-popover-placement-topRight .ant-popover-arrow, .space-permission-popover.ant-popover-placement-topLeft .ant-popover-arrow {
    border-right-color: #222 !important;
    border-bottom-color: #222 !important; }
  .space-permission-popover.ant-popover-placement-leftBottom .ant-popover-arrow {
    border-top-color: #222 !important;
    border-right-color: #222 !important; }
  .space-permission-popover .ant-popover-inner-content {
    padding: 16px;
    color: #fff !important;
    background: #222 !important;
    border-radius: 10px;
    opacity: 0.85; }

.permission-tips .footer-tips {
  margin-left: 6px;
  font-size: 13px;
  color: #828992;
  cursor: pointer; }
  .permission-tips .footer-tips:hover {
    color: #fe6a49; }

.filter-item {
  padding: 4px 6px;
  margin-right: 8px;
  color: #222;
  cursor: pointer;
  background-color: #f3f4f6;
  border-radius: 10px;
  line-height: 1; }
  .filter-item:hover, .filter-item.selected {
    color: #fff;
    background-color: #fe6a49; }

.set-space-permission-modal.set-space-permission-modal {
  width: 600px !important; }
  .set-space-permission-modal.set-space-permission-modal .ant-modal-content {
    overflow: hidden; }
  .set-space-permission-modal.set-space-permission-modal .ant-tabs-tab {
    height: 36px;
    margin-bottom: 0;
    text-align: left;
    padding: 8px 0 8px 12px;
    width: 120px; }
    .set-space-permission-modal.set-space-permission-modal .ant-tabs-tab:hover {
      color: inherit; }
    .set-space-permission-modal.set-space-permission-modal .ant-tabs-tab.ant-tabs-tab-active {
      background: #e9edf1;
      font-weight: 400;
      color: inherit; }
  .set-space-permission-modal.set-space-permission-modal .ant-tabs-content {
    padding: 0px; }
  .set-space-permission-modal.set-space-permission-modal .ant-tabs-ink-bar {
    display: none !important; }
  .set-space-permission-modal.set-space-permission-modal .ant-tabs-nav {
    font-size: 14px; }
  .set-space-permission-modal.set-space-permission-modal .drive-tabs-content-warp {
    height: 414px;
    padding-top: 20px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
        flex-direction: column; }
    .set-space-permission-modal.set-space-permission-modal .drive-tabs-content-warp .drive-member-manage {
      display: -ms-flexbox;
      display: flex;
      -ms-flex: none;
          flex: none;
      -ms-flex-align: center;
          align-items: center;
      -ms-flex-pack: justify;
          justify-content: space-between;
      margin-bottom: 20px;
      padding: 0 16px 0 20px; }
      .set-space-permission-modal.set-space-permission-modal .drive-tabs-content-warp .drive-member-manage .search-input {
        width: 300px; }
      .set-space-permission-modal.set-space-permission-modal .drive-tabs-content-warp .drive-member-manage .add-container {
        color: #fe6a49;
        cursor: pointer;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
            align-items: center; }
        .set-space-permission-modal.set-space-permission-modal .drive-tabs-content-warp .drive-member-manage .add-container:hover {
          color: #ef5129; }
        .set-space-permission-modal.set-space-permission-modal .drive-tabs-content-warp .drive-member-manage .add-container .add-btn {
          margin-right: 6px;
          font-size: 14px;
          vertical-align: middle; }
    .set-space-permission-modal.set-space-permission-modal .drive-tabs-content-warp .drive-permission-tags {
      display: inline-block;
      width: 100%;
      vertical-align: middle;
      padding-left: 20px;
      -ms-flex: none;
          flex: none; }
      .set-space-permission-modal.set-space-permission-modal .drive-tabs-content-warp .drive-permission-tags > span {
        display: -ms-inline-flexbox;
        display: inline-flex;
        margin-bottom: 12px; }
      .set-space-permission-modal.set-space-permission-modal .drive-tabs-content-warp .drive-permission-tags:empty {
        display: none; }
    .set-space-permission-modal.set-space-permission-modal .drive-tabs-content-warp .member-list {
      -ms-flex: 1 1;
          flex: 1 1; }
      .set-space-permission-modal.set-space-permission-modal .drive-tabs-content-warp .member-list .member-item {
        height: 40px;
        font-size: 14px;
        line-height: unset;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
            align-items: center;
        padding: 0 20px;
        cursor: unset;
        margin-bottom: 4px; }
        .set-space-permission-modal.set-space-permission-modal .drive-tabs-content-warp .member-list .member-item:hover {
          background: #f3f4f6; }
        .set-space-permission-modal.set-space-permission-modal .drive-tabs-content-warp .member-list .member-item .qt-avatar {
          display: inline-block; }
        .set-space-permission-modal.set-space-permission-modal .drive-tabs-content-warp .member-list .member-item .select-permission-info {
          margin-left: 8px;
          -ms-flex: 1 1;
              flex: 1 1;
          display: -ms-flexbox;
          display: flex;
          -ms-flex-direction: column;
              flex-direction: column;
          -ms-flex-pack: center;
              justify-content: center;
          -ms-flex-align: start;
              align-items: flex-start;
          overflow: hidden; }
          .set-space-permission-modal.set-space-permission-modal .drive-tabs-content-warp .member-list .member-item .select-permission-info .select-name {
            width: 100%;
            overflow: hidden;
            -o-text-overflow: ellipsis;
               text-overflow: ellipsis;
            white-space: nowrap;
            margin-left: 0; }
          .set-space-permission-modal.set-space-permission-modal .drive-tabs-content-warp .member-list .member-item .select-permission-info .user-inherit-policy {
            height: 12px;
            line-height: 1;
            font-size: 12px;
            -webkit-transform: scale(0.84);
                -ms-transform: scale(0.84);
                    transform: scale(0.84);
            color: #828992;
            position: relative;
            left: -8px; }
        .set-space-permission-modal.set-space-permission-modal .drive-tabs-content-warp .member-list .member-item .org-avatar {
          display: inline-block;
          width: 32px;
          height: 32px;
          text-align: center;
          vertical-align: top;
          border-radius: 50%; }
          .set-space-permission-modal.set-space-permission-modal .drive-tabs-content-warp .member-list .member-item .org-avatar .org-avatar-icon {
            display: inline-block;
            width: 32px;
            height: 32px;
            margin: 0 auto;
            margin-bottom: 9px;
            font-size: 32px;
            line-height: 32px;
            color: #75a2ff;
            text-align: center;
            border: solid 1px transparent;
            border-radius: 50%; }
        .set-space-permission-modal.set-space-permission-modal .drive-tabs-content-warp .member-list .member-item .org-name {
          display: inline-block;
          width: 316px;
          margin-left: 10px;
          overflow: hidden;
          -o-text-overflow: ellipsis;
             text-overflow: ellipsis;
          white-space: nowrap;
          vertical-align: middle; }
        .set-space-permission-modal.set-space-permission-modal .drive-tabs-content-warp .member-list .member-item .team-avatar {
          display: inline-block; }
          .set-space-permission-modal.set-space-permission-modal .drive-tabs-content-warp .member-list .member-item .team-avatar .team-avatar-icon {
            margin-right: 10px;
            font-size: 32px;
            color: #75a2ff;
            vertical-align: middle; }
        .set-space-permission-modal.set-space-permission-modal .drive-tabs-content-warp .member-list .member-item .drive-permission-desc {
          width: 110px;
          -ms-flex: none;
              flex: none;
          margin-left: 8px;
          cursor: pointer;
          text-align: right; }
      .set-space-permission-modal.set-space-permission-modal .drive-tabs-content-warp .member-list .empty-content-container {
        margin-top: 30px; }
        .set-space-permission-modal.set-space-permission-modal .drive-tabs-content-warp .member-list .empty-content-container .empty-desc-text {
          max-width: none; }
      .set-space-permission-modal.set-space-permission-modal .drive-tabs-content-warp .member-list .drive-file-permission {
        cursor: pointer; }
    .set-space-permission-modal.set-space-permission-modal .drive-tabs-content-warp .folder-inherit-policy {
      -ms-flex: none;
          flex: none;
      height: 36px;
      background: #f9f9f9;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-pack: justify;
          justify-content: space-between;
      -ms-flex-align: center;
          align-items: center;
      padding: 0 20px;
      color: rgba(34, 34, 34, 0.5); }
      .set-space-permission-modal.set-space-permission-modal .drive-tabs-content-warp .folder-inherit-policy.policy-closed .qt-icon {
        color: #8f8f8f;
        margin-right: 4px; }
      .set-space-permission-modal.set-space-permission-modal .drive-tabs-content-warp .folder-inherit-policy .folder-policy-action {
        color: #fe6949;
        cursor: pointer; }
    .set-space-permission-modal.set-space-permission-modal .drive-tabs-content-warp .setting-active .select-permission-icon {
      color: #fe6a49;
      -webkit-transform: rotate(90deg);
          -ms-transform: rotate(90deg);
              transform: rotate(90deg); }
    .set-space-permission-modal.set-space-permission-modal .drive-tabs-content-warp .select-permission-icon {
      display: inline-block;
      margin-left: 6px;
      -webkit-transform: rotate(-90deg) scale(0.9);
          -ms-transform: rotate(-90deg) scale(0.9);
              transform: rotate(-90deg) scale(0.9); }
  .set-space-permission-modal.set-space-permission-modal .space-manage-tabs .ant-tabs-nav-container {
    color: #222;
    text-align: center; }
  .set-space-permission-modal.set-space-permission-modal .space-manage-tabs .ant-tabs-bar {
    margin-bottom: 0; }
  .set-space-permission-modal.set-space-permission-modal .ant-modal-body {
    padding: 0 !important; }
  .set-space-permission-modal.set-space-permission-modal .ant-modal-footer {
    position: absolute;
    bottom: 0;
    width: 100%; }

.drive-space-permission-menu {
  z-index: 2000;
  min-width: auto !important; }
  .drive-space-permission-menu .operation-item {
    color: #222; }
  .drive-space-permission-menu .ant-dropdown-menu-item:hover,
  .drive-space-permission-menu .ant-dropdown-menu-submenu:hover {
    background: none; }
    .drive-space-permission-menu .ant-dropdown-menu-item:hover .operation-item,
    .drive-space-permission-menu .ant-dropdown-menu-submenu:hover .operation-item {
      color: #fe6a49; }

.close-policy-modal .ant-modal-body {
  padding: 20px 32px; }

.close-policy-modal .tips {
  font-size: 14px;
  color: #222; }

.permission-miss-modal .ant-modal-body {
  padding: 20px 32px; }

.permission-miss-modal .tips {
  font-size: 14px;
  color: #222; }

.drive-file-share-modal {
  width: 620px !important; }
  .drive-file-share-modal .ant-modal-body {
    padding: 0 !important; }
  .drive-file-share-modal .share-container {
    height: 445px; }
  .drive-file-share-modal .close-container {
    padding: 16px; }
    .drive-file-share-modal .close-container .file-record {
      float: right;
      font-size: 14px;
      color: #00acdc;
      cursor: pointer; }
  .drive-file-share-modal .ant-radio-wrapper {
    font-size: 14px; }
  .drive-file-share-modal .operation-container {
    padding-top: 16px;
    padding-bottom: 16px;
    margin-right: 20px;
    margin-left: 20px;
    border-bottom: 1px solid #ebebeb; }
    .drive-file-share-modal .operation-container .file-record {
      float: right;
      font-size: 14px;
      color: #00acdc;
      cursor: pointer; }
  .drive-file-share-modal .share-list {
    height: 100%;
    margin-top: 20px;
    overflow-y: auto; }
    .drive-file-share-modal .share-list .share-r-p .random {
      margin-bottom: 20px; }
    .drive-file-share-modal .share-list .share-r-p .permisson {
      margin-bottom: 20px; }
    .drive-file-share-modal .share-list .header-title-wrap {
      padding-left: 20px;
      padding-right: 20px; }
      .drive-file-share-modal .share-list .header-title-wrap .header-title {
        background-color: #f3f4f6;
        width: 100%;
        text-align: left;
        border-radius: 4px 4px 0 0;
        border-collapse: collapse; }
        .drive-file-share-modal .share-list .header-title-wrap .header-title .name,
        .drive-file-share-modal .share-list .header-title-wrap .header-title .auth,
        .drive-file-share-modal .share-list .header-title-wrap .header-title .operation {
          padding: 6px 0 6px 0px;
          display: inline-block;
          font-weight: 400;
          color: #5d6470;
          font-size: 12px; }
        .drive-file-share-modal .share-list .header-title-wrap .header-title .name {
          margin-left: 20px;
          width: 272px; }
        .drive-file-share-modal .share-list .header-title-wrap .header-title .auth {
          width: 200px; }
        .drive-file-share-modal .share-list .header-title-wrap .header-title .operation {
          width: 68px;
          text-align: left; }
  .drive-file-share-modal .add-share-container {
    display: inline-block;
    width: 100%;
    padding-right: 20px;
    padding-left: 20px;
    text-align: right;
    margin-bottom: 12px; }
    .drive-file-share-modal .add-share-container .add-tips {
      float: left; }
    .drive-file-share-modal .add-share-container .add-btn {
      border-radius: 6px;
      display: inline-block;
      cursor: pointer; }
      .drive-file-share-modal .add-share-container .add-btn .icon {
        color: #fe6a49; }
      .drive-file-share-modal .add-share-container .add-btn .text {
        color: #fe6a49;
        font-size: 14px; }
  .drive-file-share-modal .setting-active .select-permission-icon {
    color: #fe6a49;
    -webkit-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
            transform: rotate(90deg); }
  .drive-file-share-modal .select-permission-icon {
    display: inline-block;
    margin-left: 6px;
    -webkit-transform: rotate(-90deg) scale(0.9);
        -ms-transform: rotate(-90deg) scale(0.9);
            transform: rotate(-90deg) scale(0.9); }
  .drive-file-share-modal .operation-item {
    padding: 0 12px !important;
    line-height: 20px;
    color: #222; }
  .drive-file-share-modal .mobile-member-list {
    height: auto;
    padding-right: 20px; }
    .drive-file-share-modal .mobile-member-list .member-item {
      height: 40px;
      padding-right: 20px;
      margin-left: 20px;
      font-size: 14px;
      line-height: 40px; }
      .drive-file-share-modal .mobile-member-list .member-item:hover {
        background: #f3f4f6; }
        .drive-file-share-modal .mobile-member-list .member-item:hover .mobile-assign .edit-icon {
          display: inline-block;
          color: #5d6470;
          margin-left: 10px;
          cursor: pointer; }
      .drive-file-share-modal .mobile-member-list .member-item .qt-avatar {
        display: inline-block;
        width: 28px;
        height: 28px;
        margin-left: 20px; }
      .drive-file-share-modal .mobile-member-list .member-item .mobile-assign {
        margin-left: 20px;
        width: 218px !important; }
        .drive-file-share-modal .mobile-member-list .member-item .mobile-assign .edit-icon {
          display: none;
          color: #5d6470;
          margin-left: 10px; }
      .drive-file-share-modal .mobile-member-list .member-item .user-name {
        display: inline-block;
        width: 180px;
        overflow: hidden;
        -o-text-overflow: ellipsis;
           text-overflow: ellipsis;
        white-space: nowrap;
        vertical-align: middle; }
      .drive-file-share-modal .mobile-member-list .member-item .mobile-input-wrap {
        width: 238px;
        display: inline-block; }
        .drive-file-share-modal .mobile-member-list .member-item .mobile-input-wrap .add-mobile-input {
          width: 140px;
          margin-left: 20px; }
          .drive-file-share-modal .mobile-member-list .member-item .mobile-input-wrap .add-mobile-input:focus {
            -webkit-box-shadow: 0px 0px 4px 0px #aaafb5 !important;
                    box-shadow: 0px 0px 4px 0px #aaafb5 !important; }
        .drive-file-share-modal .mobile-member-list .member-item .mobile-input-wrap .edit-error {
          background: rgba(255, 51, 51, 0.1);
          border: 1px solid #ff3333 !important; }
      .drive-file-share-modal .mobile-member-list .member-item .org-avatar {
        display: inline-block;
        width: 28px;
        height: 28px;
        margin-left: 20px;
        margin-top: 4px;
        text-align: center;
        vertical-align: top;
        border-radius: 50%; }
        .drive-file-share-modal .mobile-member-list .member-item .org-avatar .org-avatar-icon {
          display: inline-block;
          width: 28px;
          height: 28px;
          margin: 0 auto;
          margin-bottom: 9px;
          font-size: 28px;
          line-height: 28px;
          color: #75a2ff;
          text-align: center;
          border: solid 1px transparent;
          border-radius: 50%; }
      .drive-file-share-modal .mobile-member-list .member-item .org-name {
        display: inline-block;
        width: 180px;
        margin-left: 10px;
        overflow: hidden;
        -o-text-overflow: ellipsis;
           text-overflow: ellipsis;
        white-space: nowrap;
        vertical-align: middle; }
      .drive-file-share-modal .mobile-member-list .member-item .team-name {
        display: inline-block;
        width: 180px; }
      .drive-file-share-modal .mobile-member-list .member-item .team-avatar {
        display: inline-block; }
        .drive-file-share-modal .mobile-member-list .member-item .team-avatar .team-avatar-icon {
          margin-right: 10px;
          font-size: 32px;
          color: #75a2ff;
          vertical-align: middle; }
      .drive-file-share-modal .mobile-member-list .member-item .right {
        display: inline-block;
        width: 114px;
        margin-left: 28px;
        font-size: 14px;
        color: #222;
        text-align: center; }
      .drive-file-share-modal .mobile-member-list .member-item .remove {
        float: right;
        margin-right: 20px; }
      .drive-file-share-modal .mobile-member-list .member-item .drive-file-permission.un-owner {
        cursor: pointer; }
    .drive-file-share-modal .mobile-member-list .input-error-tip {
      margin-left: 40px;
      color: #ff3333;
      font-size: 12px; }
  .drive-file-share-modal .member-list {
    padding-right: 20px; }
    .drive-file-share-modal .member-list .member-list-wrap {
      max-height: 260px;
      min-height: 85px;
      height: 100%;
      overflow-y: auto; }
    .drive-file-share-modal .member-list .member-item {
      height: 40px;
      padding-right: 20px;
      margin-left: 20px;
      font-size: 14px;
      line-height: 40px; }
      .drive-file-share-modal .member-list .member-item:hover {
        background: #f3f4f6; }
        .drive-file-share-modal .member-list .member-item:hover .mobile-assign .edit-icon {
          display: inline-block;
          color: #5d6470;
          margin-left: 10px;
          cursor: pointer; }
      .drive-file-share-modal .member-list .member-item .qt-avatar {
        display: inline-block;
        width: 28px;
        height: 28px;
        margin-left: 20px; }
      .drive-file-share-modal .member-list .member-item .mobile-assign {
        margin-left: 20px;
        width: 218px !important; }
        .drive-file-share-modal .member-list .member-item .mobile-assign .edit-icon {
          display: none;
          color: #5d6470;
          margin-left: 10px; }
      .drive-file-share-modal .member-list .member-item .user-name {
        display: inline-block;
        width: 180px;
        overflow: hidden;
        -o-text-overflow: ellipsis;
           text-overflow: ellipsis;
        white-space: nowrap;
        vertical-align: middle; }
      .drive-file-share-modal .member-list .member-item .mobile-input-wrap {
        width: 238px;
        display: inline-block; }
        .drive-file-share-modal .member-list .member-item .mobile-input-wrap .add-mobile-input {
          width: 140px;
          margin-left: 20px; }
          .drive-file-share-modal .member-list .member-item .mobile-input-wrap .add-mobile-input:focus {
            -webkit-box-shadow: 0px 0px 4px 0px #aaafb5 !important;
                    box-shadow: 0px 0px 4px 0px #aaafb5 !important; }
        .drive-file-share-modal .member-list .member-item .mobile-input-wrap .edit-error {
          background: rgba(255, 51, 51, 0.1);
          border: 1px solid #ff3333 !important; }
      .drive-file-share-modal .member-list .member-item .org-avatar {
        display: inline-block;
        width: 28px;
        height: 28px;
        margin-left: 20px;
        margin-top: 4px;
        text-align: center;
        vertical-align: top;
        border-radius: 50%; }
        .drive-file-share-modal .member-list .member-item .org-avatar .org-avatar-icon {
          display: inline-block;
          width: 28px;
          height: 28px;
          margin: 0 auto;
          margin-bottom: 9px;
          font-size: 28px;
          line-height: 28px;
          color: #75a2ff;
          text-align: center;
          border: solid 1px transparent;
          border-radius: 50%; }
      .drive-file-share-modal .member-list .member-item .org-name {
        display: inline-block;
        width: 180px;
        margin-left: 10px;
        overflow: hidden;
        -o-text-overflow: ellipsis;
           text-overflow: ellipsis;
        white-space: nowrap;
        vertical-align: middle; }
      .drive-file-share-modal .member-list .member-item .team-name {
        display: inline-block;
        width: 180px; }
      .drive-file-share-modal .member-list .member-item .team-avatar {
        display: inline-block; }
        .drive-file-share-modal .member-list .member-item .team-avatar .team-avatar-icon {
          margin-right: 10px;
          font-size: 32px;
          color: #75a2ff;
          vertical-align: middle; }
      .drive-file-share-modal .member-list .member-item .right {
        display: inline-block;
        width: 114px;
        margin-left: 28px;
        font-size: 14px;
        color: #222;
        text-align: center; }
      .drive-file-share-modal .member-list .member-item .remove {
        float: right;
        margin-right: 20px; }
      .drive-file-share-modal .member-list .member-item .drive-file-permission.un-owner {
        cursor: pointer; }
    .drive-file-share-modal .member-list .input-error-tip {
      margin-left: 40px;
      color: #ff3333;
      font-size: 12px; }
  .drive-file-share-modal .divider-wrap {
    margin: 0px 20px 0px 20px; }
    .drive-file-share-modal .divider-wrap .divider-assign {
      margin: 12px 0px 12px 0px; }
  .drive-file-share-modal .file-auth-introduce {
    position: absolute;
    bottom: 12px;
    margin-left: 22px;
    font-size: 12px;
    color: #828992; }
    .drive-file-share-modal .file-auth-introduce.cursor-pointer {
      cursor: pointer; }
    .drive-file-share-modal .file-auth-introduce .what-auth {
      margin-right: 6px;
      color: #828992; }
      .drive-file-share-modal .file-auth-introduce .what-auth:hover {
        color: #fe6a49; }

.close-file-share {
  width: 400px !important; }
  .close-file-share .share-container {
    height: auto; }
  .close-file-share .close-tips {
    margin-top: 16px; }

.drive-permission-menu {
  z-index: 2000;
  min-width: auto !important; }
  .drive-permission-menu .operation-item {
    color: #222; }
  .drive-permission-menu .ant-dropdown-menu-item:hover {
    background: none; }
    .drive-permission-menu .ant-dropdown-menu-item:hover .operation-item {
      color: #fe6a49; }

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
.ant-divider {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.65);
  font-size: 12px;
  font-variant: tabular-nums;
  line-height: 1.5;
  list-style: none;
  -webkit-font-feature-settings: 'tnum';
          font-feature-settings: 'tnum';
  background: #e9e9e9;
}
.ant-divider,
.ant-divider-vertical {
  position: relative;
  top: -0.06em;
  display: inline-block;
  width: 1px;
  height: 0.9em;
  margin: 0 8px;
  vertical-align: middle;
}
.ant-divider-horizontal {
  display: block;
  clear: both;
  width: 100%;
  min-width: 100%;
  height: 1px;
  margin: 24px 0;
}
.ant-divider-horizontal.ant-divider-with-text,
.ant-divider-horizontal.ant-divider-with-text-left,
.ant-divider-horizontal.ant-divider-with-text-right {
  display: table;
  margin: 16px 0;
  color: rgba(0, 0, 0, 0.85);
  font-weight: 500;
  font-size: 14px;
  white-space: nowrap;
  text-align: center;
  background: transparent;
}
.ant-divider-horizontal.ant-divider-with-text::before,
.ant-divider-horizontal.ant-divider-with-text-left::before,
.ant-divider-horizontal.ant-divider-with-text-right::before,
.ant-divider-horizontal.ant-divider-with-text::after,
.ant-divider-horizontal.ant-divider-with-text-left::after,
.ant-divider-horizontal.ant-divider-with-text-right::after {
  position: relative;
  top: 50%;
  display: table-cell;
  width: 50%;
  border-top: 1px solid #e9e9e9;
  -webkit-transform: translateY(50%);
      -ms-transform: translateY(50%);
          transform: translateY(50%);
  content: '';
}
.ant-divider-horizontal.ant-divider-with-text-left .ant-divider-inner-text,
.ant-divider-horizontal.ant-divider-with-text-right .ant-divider-inner-text {
  display: inline-block;
  padding: 0 10px;
}
.ant-divider-horizontal.ant-divider-with-text-left::before {
  top: 50%;
  width: 5%;
}
.ant-divider-horizontal.ant-divider-with-text-left::after {
  top: 50%;
  width: 95%;
}
.ant-divider-horizontal.ant-divider-with-text-right::before {
  top: 50%;
  width: 95%;
}
.ant-divider-horizontal.ant-divider-with-text-right::after {
  top: 50%;
  width: 5%;
}
.ant-divider-inner-text {
  display: inline-block;
  padding: 0 24px;
}
.ant-divider-dashed {
  background: none;
  border-top: 1px dashed #e9e9e9;
}
.ant-divider-horizontal.ant-divider-with-text.ant-divider-dashed,
.ant-divider-horizontal.ant-divider-with-text-left.ant-divider-dashed,
.ant-divider-horizontal.ant-divider-with-text-right.ant-divider-dashed {
  border-top: 0;
}
.ant-divider-horizontal.ant-divider-with-text.ant-divider-dashed::before,
.ant-divider-horizontal.ant-divider-with-text-left.ant-divider-dashed::before,
.ant-divider-horizontal.ant-divider-with-text-right.ant-divider-dashed::before,
.ant-divider-horizontal.ant-divider-with-text.ant-divider-dashed::after,
.ant-divider-horizontal.ant-divider-with-text-left.ant-divider-dashed::after,
.ant-divider-horizontal.ant-divider-with-text-right.ant-divider-dashed::after {
  border-style: dashed none none;
}

.open-content-container .qrcode-container .center-loading {
  position: relative !important;
  left: 50px;
  width: 140px !important;
  height: 140px !important; }

.open-content-container .qrcode-container .image-container {
  display: inline-block;
  margin-left: -12px; }

.open-content-container .operation-container .share-tips {
  margin-right: 20px; }

.open-content-container .operation-container .share-tips-en {
  margin-right: 20px;
  width: 122px;
  text-align: right;
  display: inline-block; }

.open-content-container .qrcode-img {
  width: 140px;
  height: 140px; }

.open-content-container .download-text {
  display: block;
  width: 140px;
  margin-bottom: 16px;
  text-align: center;
  cursor: pointer; }
  .open-content-container .download-text.en {
    width: 220px; }
  .open-content-container .download-text .text {
    padding: 6px 16px;
    color: #222; }
  .open-content-container .download-text .border {
    width: 1px;
    height: 14px;
    display: inline-block;
    border-right: 1px solid #e4e7e9;
    margin-bottom: -2px; }

.open-content-container .share-list {
  height: 100%;
  padding-right: 20px;
  padding-left: 20px;
  margin-top: 20px; }
  .open-content-container .share-list .random-item-label-en {
    margin-right: 20px;
    width: 122px;
    text-align: right;
    display: inline-block; }
  .open-content-container .share-list .random-item-label,
  .open-content-container .share-list .permisson-item-label {
    margin-right: 20px; }
  .open-content-container .share-list .assign-btn {
    font-size: 14px;
    color: #fe6a49;
    cursor: pointer; }
  .open-content-container .share-list .auth-select-com {
    width: 280px; }

.open-content-container .item-label-en {
  display: inline-block;
  width: 123px;
  margin-right: 20px;
  text-align: right; }

.open-content-container .item-label {
  display: inline-block;
  width: 70px;
  margin-right: 20px;
  text-align: right; }

.open-content-container .qrcode-label {
  margin-top: 20px;
  vertical-align: top; }

.open-content-container .url-input {
  width: 280px; }

.open-content-container .add-btn {
  margin-left: 12px; }

.open-content-container .permission-container {
  margin-top: 12px;
  margin-bottom: 30px; }
  .open-content-container .permission-container .tips-icon {
    color: #ffcc00;
    font-size: 14px;
    margin-right: 4px; }
  .open-content-container .permission-container .expire-span {
    color: #aaafb5;
    font-size: 12px; }

.open-content-container .bottom-permission-container {
  margin-top: -20px;
  margin-bottom: 12px;
  margin-left: 90px; }
  .open-content-container .bottom-permission-container .tips-icon {
    color: #ffcc00;
    font-size: 14px;
    margin-right: 4px; }
  .open-content-container .bottom-permission-container .expire-span {
    color: #aaafb5;
    font-size: 12px; }

.open-content-container .permission-select {
  width: 280px; }

.message-dialog-container {
  position: absolute;
  top: 16px;
  right: 10px;
  z-index: 1000;
  width: 346px;
  min-height: 96px;
  word-break: break-word;
  white-space: normal;
  background: #fff;
  border-radius: 5px;
  -webkit-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.15);
          box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.15);
  -webkit-transition: top 1s ease;
  -o-transition: top 1s ease;
  transition: top 1s ease; }
  .message-dialog-container .hide {
    display: none; }
  .message-dialog-container.hide {
    top: -100%; }
  .message-dialog-container .qt-icon-close {
    position: absolute;
    top: 10px;
    right: 10px;
    font-size: 12px;
    font-weight: 900;
    color: #828992;
    cursor: pointer;
    -webkit-transition: color 0.3s ease;
    -o-transition: color 0.3s ease;
    transition: color 0.3s ease;
    -webkit-transform: scale(0.85);
        -ms-transform: scale(0.85);
            transform: scale(0.85); }
    .message-dialog-container .qt-icon-close:hover {
      color: #444; }
  .message-dialog-container .content-header {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
        flex-direction: row;
    margin-top: 16px;
    margin-left: 16px; }
    .message-dialog-container .content-header .icon {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-align: center;
          align-items: center;
      -ms-flex-pack: center;
          justify-content: center;
      width: 20px;
      height: 20px;
      margin-right: 12px;
      overflow: hidden; }
      .message-dialog-container .content-header .icon img {
        max-width: 20px;
        max-height: 20px; }
      .message-dialog-container .content-header .icon .qt-icon {
        font-size: 15px;
        color: #fe6a49; }
    .message-dialog-container .content-header span {
      max-width: 230px;
      overflow: hidden;
      font-size: 13px;
      font-weight: 900;
      color: #222;
      -o-text-overflow: ellipsis;
         text-overflow: ellipsis;
      white-space: nowrap; }
  .message-dialog-container .content-body {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 100%;
    display: inline-block;
    max-height: 300px;
    padding-right: 24px;
    padding-left: 48px;
    overflow: hidden;
    font-size: 13px;
    color: #222;
    -o-text-overflow: ellipsis;
       text-overflow: ellipsis;
    word-break: break-all; }
  .message-dialog-container .sub-content {
    padding-left: 48px;
    font-size: 12px;
    color: #828992; }
    .message-dialog-container .sub-content .sub-content-item {
      display: block;
      max-width: 80%;
      overflow: hidden;
      -o-text-overflow: ellipsis;
         text-overflow: ellipsis;
      white-space: nowrap; }
  .message-dialog-container .content-footer {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -ms-flex-pack: end;
        justify-content: flex-end;
    width: 100%;
    padding-right: 6px;
    padding-left: 6px; }
    .message-dialog-container .content-footer .button {
      padding: 8px 20px 16px 20px;
      font-size: 14px;
      color: #828992; }
      .message-dialog-container .content-footer .button:hover {
        color: #5d6470; }
      .message-dialog-container .content-footer .button .qt-icon-arrow {
        display: inline-block;
        font-size: 12px;
        color: #828992;
        -webkit-transform: scale(0.7);
            -ms-transform: scale(0.7);
                transform: scale(0.7); }
      .message-dialog-container .content-footer .button.isPositive {
        color: #fe6a49; }
        .message-dialog-container .content-footer .button.isPositive:hover {
          color: #ec5233; }
        .message-dialog-container .content-footer .button.isPositive .qt-icon-arrow {
          color: #fe6a49; }

.message-dialog-drop-down-menu .button {
  font-size: 12px;
  color: #828992; }

.moji-tip-modal {
  z-index: 1200 !important; }

.win-titlebar {
  -webkit-app-region: no-drag;
  position: absolute;
  top: 0;
  right: 0;
  z-index: 99;
  display: inline-block;
  height: 50px;
  padding: 15px 3px;
  font-size: 0; }
  .win-titlebar .titlebar-btn {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center;
    -ms-flex-pack: center;
        justify-content: center;
    float: right;
    width: 30px;
    height: 20px;
    cursor: pointer; }
  .win-titlebar .titlebar-icons {
    display: inline-block;
    width: 14px;
    height: 14px;
    background-repeat: no-repeat;
    background-size: 14px 14px; }
  .win-titlebar .app-close {
    background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii0yOTAgNDEzLjkgMTQgMTQiPjxwYXRoIGQ9Ik0tMjgyLjIgNDIxLjRsMi41LTIuNWMuMi0uMi4yLS42IDAtLjgtLjItLjItLjYtLjItLjggMGwtMi41IDIuNS0yLjUtMi41Yy0uMi0uMi0uNi0uMi0uOCAwLS4yLjItLjIuNiAwIC44bDIuNSAyLjUtMi41IDIuNWMtLjIuMi0uMi42IDAgLjguMi4yLjYuMi44IDBsMi41LTIuNSAyLjUgMi41Yy4yLjIuNi4yLjggMCAuMi0uMi4yLS42IDAtLjhsLTIuNS0yLjV6IiBmaWxsPSIjODI4OTkyIi8+PC9zdmc+"); }
  .win-titlebar .app-maximize {
    background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii0yOTAgNDEzLjkgMTQgMTQiPjxwYXRoIGZpbGw9Im5vbmUiIHN0cm9rZT0iIzgyODk5MiIgZD0iTS0yODcuNSA0MTYuOWg5djhoLTl6Ii8+PC9zdmc+"); }
  .win-titlebar .app-restore {
    background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii0yOTAgNDEzLjkgMTQgMTQiPjxwYXRoIGZpbGw9Im5vbmUiIHN0cm9rZT0iIzgyODk5MiIgZD0iTS0yODcuNSA0MTkuNGg3djYuMmgtN3oiLz48cGF0aCBmaWxsPSIjOTc5Nzk3IiBkPSJNLTI4NS45IDQxOS40aC0xdi0yLjdoOXY4aC0yLjJ2LTFoMS4ydi02aC03eiIvPjwvc3ZnPg=="); }
  .win-titlebar .app-minimize {
    background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii0yOTAgNDEzLjkgMTQgMTQiPjxwYXRoIGQ9Ik0tMjg4IDQyMC45aDEwIiBmaWxsPSJub25lIiBzdHJva2U9IiM4Mjg5OTIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIvPjwvc3ZnPg=="); }
  .win-titlebar .titlebar-btn:hover {
    background: #ebebeb;
    border-radius: 1px;
    -webkit-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s; }
    .win-titlebar .titlebar-btn:hover .app-close {
      background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii0yOTAgNDEzLjkgMTQgMTQiPjxwYXRoIGQ9Ik0tMjgyLjIgNDIxLjRsMi41LTIuNWMuMi0uMi4yLS42IDAtLjgtLjItLjItLjYtLjItLjggMGwtMi41IDIuNS0yLjUtMi41Yy0uMi0uMi0uNi0uMi0uOCAwLS4yLjItLjIuNiAwIC44bDIuNSAyLjUtMi41IDIuNWMtLjIuMi0uMi42IDAgLjguMi4yLjYuMi44IDBsMi41LTIuNSAyLjUgMi41Yy4yLjIuNi4yLjggMCAuMi0uMi4yLS42IDAtLjhsLTIuNS0yLjV6IiBmaWxsPSIjODI4OTkyIi8+PC9zdmc+"); }
    .win-titlebar .titlebar-btn:hover .app-maximize {
      background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii0yOTAgNDEzLjkgMTQgMTQiPjxwYXRoIGZpbGw9Im5vbmUiIHN0cm9rZT0iIzgyODk5MiIgZD0iTS0yODcuNSA0MTYuOWg5djhoLTl6Ii8+PC9zdmc+"); }
    .win-titlebar .titlebar-btn:hover .app-restore {
      background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii0yOTAgNDEzLjkgMTQgMTQiPjxwYXRoIGZpbGw9Im5vbmUiIHN0cm9rZT0iIzgyODk5MiIgZD0iTS0yODcuNSA0MTkuNGg3djYuMmgtN3oiLz48cGF0aCBmaWxsPSIjOTc5Nzk3IiBkPSJNLTI4NS45IDQxOS40aC0xdi0yLjdoOXY4aC0yLjJ2LTFoMS4ydi02aC03eiIvPjwvc3ZnPg=="); }
    .win-titlebar .titlebar-btn:hover .app-minimize {
      background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii0yOTAgNDEzLjkgMTQgMTQiPjxwYXRoIGQ9Ik0tMjg4IDQyMC45aDEwIiBmaWxsPSJub25lIiBzdHJva2U9IiM4Mjg5OTIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIvPjwvc3ZnPg=="); }

.local-avatar-modal {
  width: 500px !important;
  text-align: left; }
  .local-avatar-modal .avatar-editor-wrap {
    padding: 0 12px; }
  .local-avatar-modal .upload-avatar-label {
    color: #222; }
  .local-avatar-modal .avatar-tip {
    font-size: 14px;
    font-weight: normal;
    color: #222; }
  .local-avatar-modal .up-img {
    margin: 10px 0; }
  .local-avatar-modal .upload-avatar-path {
    width: 280px;
    height: 32px;
    padding-left: 5px;
    margin-left: 18px;
    font-size: 13px;
    line-height: 32px;
    cursor: text;
    border: 1px solid #e0e5f0;
    border-radius: 4px;
    -webkit-transition: border-color ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s;
    -o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
    transition: border-color ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s;
    transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
    transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s; }
    .local-avatar-modal .upload-avatar-path:focus {
      border-color: #66afe9;
      outline: 0;
      -webkit-box-shadow: 1px 0 1px rgba(105, 176, 231, 0.2);
      box-shadow: 1px 0 1px rgba(105, 176, 231, 0.2); }
  .local-avatar-modal .view-avatar-btn {
    width: 65px;
    margin-left: 10px;
    color: #fff;
    cursor: pointer;
    border: none;
    outline: none; }
  .local-avatar-modal .pre-view {
    margin-top: 20px; }
  .local-avatar-modal .preview-pane {
    position: absolute;
    top: calc(50% - 50px);
    left: 360px;
    display: inline-block;
    width: 100px;
    height: 100px; }
  .local-avatar-modal .preview-pane .preview-container {
    width: inherit;
    height: inherit;
    overflow: hidden;
    border-radius: 50%; }
  .local-avatar-modal .source-img-container {
    position: relative;
    font-size: 0; }
  .local-avatar-modal .avatar-target-img {
    display: inline-block;
    width: 250px;
    min-width: 100px;
    max-width: 350px;
    height: 250px;
    min-height: 100px;
    max-height: 350px;
    border: 1px solid #e0e5f0;
    border-radius: 4px; }
  .local-avatar-modal .jcrop-holder {
    display: inline-block; }

.app-status-bar {
  position: absolute;
  width: calc(100% - 300px);
  height: 48px;
  padding-top: 15px;
  padding-bottom: 13px;
  margin: 0 175px;
  font-size: 14px;
  color: #fefefe;
  text-align: center;
  background-color: rgba(90, 70, 170, 0.5);
  border-bottom-right-radius: 6px;
  border-bottom-left-radius: 6px;
  -webkit-box-shadow: 0 0 10px 0 rgba(90, 70, 170, 0.3);
  box-shadow: 0 0 10px 0 rgba(90, 70, 170, 0.3); }
  .app-status-bar .reconnect-btn {
    padding: 0 10px;
    color: #fefefe;
    text-decoration: underline; }

.batch-msg-emoji-picker {
  padding: 0 !important; }
  .batch-msg-emoji-picker .ant-popover-arrow {
    display: none !important; }

.form-content-container {
  height: 100%; }
  .form-content-container .input {
    position: relative;
    padding: 5px 0 5px 10px;
    word-break: break-all;
    background: #fff;
    border: 1px solid #e0e5f0;
    border-radius: 5px;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s; }
    .form-content-container .input .batch-msg-content-counter {
      position: absolute;
      right: 10px;
      bottom: 5px;
      font-size: 12px;
      color: #828992; }
      .form-content-container .input .batch-msg-content-counter span[class*='counterOverLimit'] {
        color: red; }
    .form-content-container .input .public-DraftEditorPlaceholder-inner {
      font-size: 14px; }
  .form-content-container .QTEditor {
    height: 101px;
    padding: 0;
    margin-bottom: 0;
    overflow-y: auto;
    font-size: 14px;
    color: #222; }
    .form-content-container .QTEditor .DraftEditor-editorContainer {
      padding-right: 35px !important;
      padding-bottom: 0; }
  .form-content-container .input-count-tip {
    display: inline-block;
    padding-left: 22px;
    font-size: 12px;
    color: #828992; }
  .form-content-container .emoji-container {
    display: inline-block;
    height: 16px;
    margin-top: 4px;
    font-size: 12px;
    line-height: 16px;
    cursor: pointer; }
    .form-content-container .emoji-container:hover .qt-icon-emoji_type_smile {
      color: #fe6a49; }
    .form-content-container .emoji-container .qt-icon-emoji_type_smile {
      font-size: 16px; }
    .form-content-container .emoji-container .emoji-tip {
      display: inline-block;
      margin-left: 3px;
      font-size: 12px;
      line-height: 16px;
      color: #5d6470; }
    .form-content-container .emoji-container .qt-icon-emoji_type_smile,
    .form-content-container .emoji-container .tip {
      display: inline-block;
      color: #828992;
      vertical-align: top; }

.batch-msg-form-wrap {
  height: 100%; }

.batch-msg-form-container {
  max-height: 100%;
  overflow: hidden;
  background: white; }
  .batch-msg-form-container .head {
    margin-bottom: 16px;
    font-size: 14px;
    color: #222; }
  .batch-msg-form-container .footer {
    position: absolute;
    bottom: 0;
    width: calc(100% - 24px);
    padding: 14px 18px 14px 0;
    text-align: right;
    border-top: solid #e1e1e1 1px; }
    .batch-msg-form-container .footer .ant-btn-primary {
      margin-left: 10px; }
  .batch-msg-form-container .ant-modal-content {
    height: 100%; }
    .batch-msg-form-container .ant-modal-content .ant-modal-body {
      max-height: calc(100% - 100px);
      overflow: hidden; }
  .batch-msg-form-container .ant-modal-body {
    padding: 0; }
  .batch-msg-form-container .nicescroll-container {
    height: 100%;
    padding: 0 !important; }
  .batch-msg-form-container .form {
    position: relative;
    min-width: 623px;
    height: 100%;
    padding: 20px 12px 0 28px; }
    .batch-msg-form-container .form .row:first-child {
      margin-top: 0; }
    .batch-msg-form-container .form .row {
      margin-top: 28px; }
    .batch-msg-form-container .form .member-row {
      min-height: 45px; }
    .batch-msg-form-container .form .tip-disable {
      color: rgba(0, 0, 0, 0.25) !important;
      cursor: not-allowed; }
    .batch-msg-form-container .form .tip {
      display: inline-block;
      width: 100px;
      margin-right: 20px;
      font-size: 13px;
      color: #222;
      text-align: right; }
    .batch-msg-form-container .form .content {
      position: relative;
      display: inline-block;
      width: 460px;
      vertical-align: top; }

.add-task-member-container {
  padding: 0 !important; }
  .add-task-member-container .selected-panel {
    width: 212px !important;
    height: 284px !important; }
  .add-task-member-container .ant-popover-arrow {
    display: none !important; }
  .add-task-member-container .ant-popover-inner-content {
    padding: 0 !important; }
  .add-task-member-container .create-channel-modal {
    width: inherit !important; }
  .add-task-member-container .select-members {
    margin: 0 !important;
    border: none !important; }

.select-task-members .ant-modal-body {
  padding: 0 !important; }

.select-task-members .ant-modal-footer {
  position: absolute;
  right: 58px;
  bottom: 0;
  float: right; }

.select-task-members .contact-scroll-bar-selected {
  height: calc(100% - 108px) !important; }

.task-member-container {
  position: relative;
  font-size: 0; }
  .task-member-container .task-meeting-user-container {
    margin-right: 10px; }
    .task-member-container .task-meeting-user-container .name {
      width: 36px; }
  .task-member-container .loading-component {
    top: 3px !important;
    left: 0 !important;
    -webkit-transform: scale(0.6) !important;
        -ms-transform: scale(0.6) !important;
            transform: scale(0.6) !important; }
  .task-member-container .selector-content {
    padding: 0 !important; }
  .task-member-container .show-all-member-tip {
    display: inline-block;
    height: 24px;
    margin-top: 0;
    margin-right: -13px;
    margin-left: -23px;
    font-size: 12px;
    line-height: 24px;
    color: #828992;
    vertical-align: top;
    cursor: pointer;
    -webkit-transform: scale(0.27);
        -ms-transform: scale(0.27);
            transform: scale(0.27); }
    .task-member-container .show-all-member-tip:hover {
      color: #fe6a49; }
  .task-member-container .add-member {
    display: inline-block;
    margin-top: -6px;
    font-size: 24px;
    color: #828992;
    vertical-align: top;
    cursor: pointer; }
    .task-member-container .add-member:hover {
      color: #fe6a49; }
  .task-member-container .user-avatar-container {
    position: relative;
    display: inline-block;
    margin-right: 10px;
    color: #222;
    text-align: center;
    cursor: pointer; }
    .task-member-container .user-avatar-container:hover .remove {
      display: inline-block; }
  .task-member-container .avatar {
    width: 25px;
    height: 25px; }
  .task-member-container .remove {
    position: absolute;
    top: -6px;
    right: 2px;
    display: none;
    width: 12px;
    height: 12px;
    line-height: 12px;
    text-align: center;
    cursor: pointer;
    background: #828992;
    border-radius: 50%; }
    .task-member-container .remove .x-icon {
      display: inline-block;
      font-size: 12px;
      color: #fff;
      -webkit-transform: scale(0.5);
      -ms-transform: scale(0.5);
      transform: scale(0.5); }

@-webkit-keyframes batch-msg-index-in {
  from {
    opacity: 0;
    -webkit-transform: translateY(100%);
            transform: translateY(100%); }
  to {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0); } }

@keyframes batch-msg-index-in {
  from {
    opacity: 0;
    -webkit-transform: translateY(100%);
            transform: translateY(100%); }
  to {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0); } }

@-webkit-keyframes batch-msg-index-out {
  from {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0); }
  to {
    opacity: 0;
    -webkit-transform: translateY(100%);
            transform: translateY(100%); } }

@keyframes batch-msg-index-out {
  from {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0); }
  to {
    opacity: 0;
    -webkit-transform: translateY(100%);
            transform: translateY(100%); } }

.batch-msg-index-transition-leave {
  -webkit-transform: none;
      -ms-transform: none;
          transform: none; }

.batch-msg-index-transition-leave.batch-msg-index-transition-leave-active {
  -webkit-transform: translateY(100%);
      -ms-transform: translateY(100%);
          transform: translateY(100%); }

.batch-msg-index-transition-enter {
  -webkit-transform: translateY(100%);
      -ms-transform: translateY(100%);
          transform: translateY(100%); }

.batch-msg-index-transition-enter.batch-msg-index-transition-enter-active {
  -webkit-transform: none;
      -ms-transform: none;
          transform: none; }

.batch-msg-index {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  -webkit-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  transition: all 0.3s linear; }
  .batch-msg-index .send-btn {
    width: 325px;
    margin-top: 36px; }
  .batch-msg-index .batch-msg-header {
    position: absolute;
    top: 0;
    width: 100%;
    height: 50px;
    line-height: 50px;
    background: #5a46aa;
    border-bottom: solid 1px #e1e1e1; }
    .batch-msg-index .batch-msg-header .title {
      position: relative;
      width: 85%;
      margin-left: 30px;
      font-size: 16px;
      color: #fff; }
      .batch-msg-index .batch-msg-header .title .drag-box {
        position: absolute;
        top: 0;
        left: 0;
        width: 60%;
        height: 100%;
        -webkit-app-region: drag; }
    .batch-msg-index .batch-msg-header .close {
      position: absolute;
      top: 0;
      right: 24px;
      font-size: 14px;
      color: #fff; }
      .batch-msg-index .batch-msg-header .close .qt-icon {
        color: #fff;
        cursor: pointer; }
  .batch-msg-index .has-data {
    background: #f9fafc !important; }
  .batch-msg-index .batch-msg-body {
    position: absolute;
    top: 50px;
    bottom: 0;
    width: 100%;
    background: #fff; }
    .batch-msg-index .batch-msg-body .no-batch-content {
      margin-top: 90px;
      text-align: center; }
      .batch-msg-index .batch-msg-body .no-batch-content .icon {
        width: 160px;
        margin-bottom: 25px; }
      .batch-msg-index .batch-msg-body .no-batch-content .tip {
        display: block;
        font-size: 14px; }
    .batch-msg-index .batch-msg-body .list-container {
      padding-right: 20px;
      padding-left: 20px; }
      .batch-msg-index .batch-msg-body .list-container .send-btn {
        position: absolute;
        bottom: 20px;
        left: calc(50% - 163px);
        width: 325px; }
    .batch-msg-index .batch-msg-body .nicescroll-container {
      padding: 0 !important; }
    .batch-msg-index .batch-msg-body .load-failed-container {
      margin-top: 200px;
      text-align: center; }
      .batch-msg-index .batch-msg-body .load-failed-container .retry {
        color: #037aff;
        cursor: pointer; }
    .batch-msg-index .batch-msg-body .detail {
      position: relative;
      height: 100%;
      margin-left: 330px; }
      .batch-msg-index .batch-msg-body .detail .detail-inner-card {
        margin: 10px 20px 10px 16px;
        background: #fdfdfd; }
      .batch-msg-index .batch-msg-body .detail .logo {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
            align-items: center;
        -ms-flex-pack: center;
            justify-content: center;
        width: 100%;
        height: 100%; }
        .batch-msg-index .batch-msg-body .detail .logo img {
          width: 110px; }
  .batch-msg-index .batch-msg-footer {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 56px;
    line-height: 56px;
    text-align: center;
    background: #f8f8f8;
    border-top: solid 1px #e1e1e1; }
    .batch-msg-index .batch-msg-footer .group-manage {
      position: absolute;
      top: 0;
      left: 0;
      width: 50px;
      font-size: 18px;
      text-align: center;
      cursor: pointer;
      background: #f1f2f4; }
    .batch-msg-index .batch-msg-footer .btn {
      display: inline-block;
      min-width: 156px;
      height: 36px;
      font-size: 14px;
      line-height: 36px;
      color: white;
      letter-spacing: 1px;
      cursor: pointer; }
      .batch-msg-index .batch-msg-footer .btn .has-draft-tip {
        margin-right: 5px; }
  .batch-msg-index .qt-logo {
    font-size: 75px;
    color: #e1e1e1; }

.transform-not-display {
  -webkit-transform: scale(0) !important;
      -ms-transform: scale(0) !important;
          transform: scale(0) !important; }

.batch-msg-list {
  height: 500px; }
  .batch-msg-list .nicescroll-container {
    height: 100%; }
  .batch-msg-list .list-item {
    min-height: 110px;
    max-height: 160px;
    padding-top: 14px;
    padding-right: 10px;
    padding-left: 20px;
    margin-top: 20px;
    text-align: left;
    background: #fff;
    border: 1px solid #f3f4f6;
    border-radius: 10px; }
    .batch-msg-list .list-item .item-users {
      display: inline-block;
      width: 290px; }
    .batch-msg-list .list-item .user-header {
      margin-bottom: 14px; }
    .batch-msg-list .list-item .user-total {
      font-size: 12px; }
    .batch-msg-list .list-item .send-again {
      margin-left: 15px;
      font-size: 12px;
      color: #00acdc;
      cursor: pointer; }
    .batch-msg-list .list-item .user-list .avatar {
      width: 24px;
      height: 24px; }
    .batch-msg-list .list-item .user-list .member {
      display: inline-block;
      margin-right: 18px;
      text-align: center;
      cursor: pointer; }
    .batch-msg-list .list-item .user-list .member-name {
      width: 40px;
      overflow: hidden;
      -o-text-overflow: ellipsis;
         text-overflow: ellipsis;
      white-space: nowrap; }
    .batch-msg-list .list-item .user-list-scroll {
      min-height: 80px; }
      .batch-msg-list .list-item .user-list-scroll .load-failed {
        margin-top: 0 !important; }
      .batch-msg-list .list-item .user-list-scroll .list-load-failed-tip .wrap .img > img {
        width: 60px;
        height: 60px; }
  .batch-msg-list .item-content {
    display: inline-block;
    width: calc(100% - 290px);
    padding-left: 10px;
    vertical-align: top; }
    .batch-msg-list .item-content .content-time {
      margin-bottom: 14px;
      font-size: 12px; }
    .batch-msg-list .item-content .content-body {
      max-height: 100px;
      font-size: 14px;
      color: #222; }

.bida-user-container {
  position: relative;
  display: inline-block;
  font-size: 12px;
  color: #222;
  text-align: center;
  cursor: pointer; }
  .bida-user-container:hover .remove {
    display: inline-block; }
  .bida-user-container .org-avatar {
    display: block;
    width: 25px;
    height: 25px;
    margin: 0 auto;
    font-size: 25px;
    line-height: 25px;
    color: #75a2ff;
    text-align: center;
    border-radius: 50%; }
  .bida-user-container .avatar {
    display: block;
    width: 25px;
    height: 25px;
    padding: 0;
    margin: 0 auto;
    border-radius: 50%; }
  .bida-user-container .name {
    display: block;
    width: 36px;
    height: 14px;
    margin-top: 6px;
    overflow: hidden;
    line-height: 14px;
    -o-text-overflow: ellipsis;
       text-overflow: ellipsis;
    white-space: nowrap; }
  .bida-user-container .remove {
    position: absolute;
    top: -6px;
    right: 2px;
    display: none;
    width: 12px;
    height: 12px;
    line-height: 12px;
    text-align: center;
    cursor: pointer;
    background: #828992;
    border-radius: 50%; }
    .bida-user-container .remove .x-icon {
      display: inline-block;
      font-size: 12px;
      color: #fff;
      -webkit-transform: scale(0.6);
          -ms-transform: scale(0.6);
              transform: scale(0.6); }

@charset "UTF-8";
.bida-container {
  /* 必答样式文件 */
  /* 选择成员组件 */ }
  .bida-container .bida-container.bida-channel {
    height: 600px; }
  .bida-container .notify-type {
    margin-top: 20px; }
    .bida-container .notify-type .notify-type-bar {
      display: inline-block;
      margin-left: 10px;
      font-size: 12px;
      vertical-align: top; }
    .bida-container .notify-type .ant-radio-button-wrapper-checked {
      z-index: 1;
      color: #fff;
      background: #fe6a49;
      border-color: #fe6a49;
      -webkit-box-shadow: -1px 0 0 0 #fe6a49;
      box-shadow: -1px 0 0 0 #fe6a49; }
  .bida-container .call-notice-tip {
    font-size: 12px;
    font-family: PingFangSC-Medium, PingFang SC;
    font-weight: 500;
    color: rgba(52, 61, 76, 0.5);
    margin-top: 15px;
    margin-left: 70px; }
  .bida-container .notify-member {
    margin-top: 20px; }
    .bida-container .notify-member .bida-receiver-member-container {
      position: relative;
      display: inline-block;
      width: 460px;
      margin-left: 10px;
      vertical-align: top; }
      .bida-container .notify-member .bida-receiver-member-container .task-meeting-user-container {
        margin-right: 10px; }
      .bida-container .notify-member .bida-receiver-member-container .show-all-member-tip {
        display: inline-block;
        height: 25px;
        margin-top: 0;
        margin-right: -13px;
        margin-left: -24px;
        font-size: 12px;
        line-height: 25px;
        color: #828992;
        vertical-align: top;
        cursor: pointer;
        -webkit-transform: scale(0.27);
            -ms-transform: scale(0.27);
                transform: scale(0.27); }
        .bida-container .notify-member .bida-receiver-member-container .show-all-member-tip:hover {
          color: #fe6a49; }
      .bida-container .notify-member .bida-receiver-member-container .add-member {
        display: inline-block;
        margin-top: -6px;
        font-size: 25px;
        color: #828992;
        vertical-align: top;
        cursor: pointer; }
        .bida-container .notify-member .bida-receiver-member-container .add-member:hover {
          color: #fe6a49; }
  .bida-container .content-label {
    display: inline-block;
    width: 60px;
    color: #222;
    text-align: right; }
  .bida-container .content-label.en {
    width: 100px; }
  .bida-container .bida-input {
    display: inline-block;
    margin-left: 10px;
    vertical-align: top; }
  .bida-container .bida-input-area {
    width: 450px;
    height: 120px;
    padding: 5px 0;
    margin-bottom: 6px;
    font-size: 14px;
    line-height: 21px;
    color: #222;
    border: 1px solid #f2f2f2;
    border-radius: 5px; }
    .bida-container .bida-input-area .QTEditor {
      background-color: #fff !important; }
  .bida-container .emoji-box {
    position: relative; }
    .bida-container .emoji-box .emoji-trigger-box.active {
      color: #fe6a49; }
    .bida-container .emoji-box .emoji-btn:hover {
      color: #fe6a49;
      cursor: pointer; }
  .bida-container .emoji-box .input-emoji-panel {
    bottom: -270px; }
  .bida-container .emoji-box > * {
    position: relative;
    font-size: 12px;
    vertical-align: middle; }
  .bida-container .emoji-box .emoji-btn {
    margin-right: 5px;
    font-size: 18px;
    color: #828992; }
  .bida-container .sms-notify {
    margin-top: 20px; }
  .bida-container .sms-status-bar {
    display: inline-block;
    margin-left: 10px;
    font-size: 12px;
    vertical-align: top; }
  .bida-container .sms-status-bar .radio-red {
    display: inline-block; }
  .bida-container .sms-status-bar .description {
    margin-left: 3px;
    vertical-align: top; }
  .bida-container .sms-checkbox {
    margin-right: 26px;
    cursor: pointer; }
  .bida-container .sms-checkbox.disabled {
    cursor: not-allowed; }
  .bida-container .sms-desc {
    margin-top: 4px;
    margin-bottom: 20px; }
  .bida-container .select-member-panel {
    width: 496px;
    height: 272px;
    margin-top: -10px;
    margin-bottom: 10px;
    border: 1px solid #dfdfdf;
    border-radius: 5px;
    /* 覆盖通讯录选人组件样式 */ }
    .bida-container .select-member-panel .select-wrap {
      width: 100%; }
      .bida-container .select-member-panel .select-wrap .friend-page {
        width: 247px; }
      .bida-container .select-member-panel .select-wrap .unselect {
        width: 100%;
        height: 215px;
        overflow: hidden;
        border-right: none; }
      .bida-container .select-member-panel .select-wrap .selected {
        height: 270px;
        min-height: auto;
        margin-top: 0;
        overflow: hidden; }
    .bida-container .select-member-panel .selected-wrap {
      width: 248px;
      height: 100%; }
    .bida-container .select-member-panel .contact-scroll-bar-selected {
      height: 225px !important; }
    .bida-container .select-member-panel .local-search {
      width: 230px;
      border-right: none; }
  .bida-container .select-member-panel span:not(.search-icon-clear) {
    display: inline-block;
    vertical-align: middle; }
  .bida-container .unselected-member {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    display: inline-block;
    float: left;
    width: 247px;
    height: 100%;
    vertical-align: middle;
    border-right: 1px solid #dfdfdf; }
  .bida-container .unselected-member .search-wrapper {
    position: relative;
    height: 28px;
    margin: 5px; }
  .bida-container .unselected-header .list-title {
    display: inline-block;
    max-width: 220px;
    padding-left: 13px;
    overflow: hidden;
    color: #222;
    -o-text-overflow: ellipsis;
       text-overflow: ellipsis;
    white-space: nowrap;
    vertical-align: middle; }
  .bida-container .unselected-header .list-select-all {
    float: right;
    margin-right: 10px; }
  .bida-container .unselected-header .list-select-all:hover {
    color: #037aff;
    cursor: pointer; }
  .bida-container .unselected-header .list-select-all::after {
    display: block;
    clear: both;
    content: ''; }
  .bida-container .unselected-member li {
    height: 35px;
    padding-left: 4px;
    line-height: 35px;
    cursor: pointer; }
  .bida-container .unselected-member .name {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 70px;
    padding-bottom: 2px;
    padding-left: 10px;
    overflow: hidden;
    font-size: 13px;
    font-weight: 700;
    color: #1d8ad2;
    -o-text-overflow: ellipsis;
       text-overflow: ellipsis;
    white-space: nowrap; }
  .bida-container .unselected-member .info {
    width: 138px;
    margin-left: 13px;
    overflow: hidden;
    -o-text-overflow: ellipsis;
       text-overflow: ellipsis;
    white-space: nowrap; }
  .bida-container .unselected-member .addFback {
    position: relative;
    cursor: pointer; }
  .bida-container .unselected-member .addF {
    position: relative;
    vertical-align: top !important;
    cursor: pointer; }
  .bida-container .selected-member {
    position: relative;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    display: inline-block;
    width: 193px;
    height: 100%;
    vertical-align: top; }
  .bida-container .selected-member li {
    width: 100%;
    height: 35px;
    padding-left: 20px;
    line-height: 34px;
    color: #fe6a49;
    background-color: transparent;
    border-bottom: 1px solid #dfdfdf; }
    .bida-container .selected-member li:hover {
      background-color: #eee; }
  .bida-container .loading-status {
    position: relative;
    width: 1em;
    height: 1em;
    margin: 140px auto 0 auto;
    font-size: 5px;
    text-indent: -9999em;
    border-radius: 50%;
    -webkit-transform: translateZ(0) scale(0.5);
    -ms-transform: translateZ(0) scale(0.5);
    transform: translateZ(0) scale(0.5);
    -webkit-animation: loading 1.1s infinite ease;
    animation: loading 1.1s infinite ease; }
  .bida-container .unselected-member .load-failed {
    margin-top: 100px;
    color: #b4b4bd;
    text-align: center; }
  .bida-container .unselected-member .reload-btn {
    color: #037aff;
    cursor: pointer; }
  .bida-container .selected .has {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    height: 35px;
    padding-top: 5px;
    padding-left: 20px;
    background-color: #eee;
    border-bottom: 1px solid #dfdfdf; }
  .bida-container .selected .bold {
    font-weight: 400;
    color: #222; }
  .bida-container .selected .nb {
    margin-top: -2px;
    font-weight: 400;
    color: #fe6a49; }
  .bida-container .selected .added .name {
    width: 80%;
    overflow: hidden;
    -o-text-overflow: ellipsis;
       text-overflow: ellipsis;
    white-space: nowrap; }
  .bida-container .selected .added .icon-background .delete-icon {
    display: inline-block;
    margin-left: 5px;
    font-size: 15px;
    color: #828992;
    vertical-align: middle;
    cursor: pointer; }

.notify-member-choose-modal .ant-modal-body {
  padding: 0; }
  .notify-member-choose-modal .ant-modal-body .local-search {
    padding-top: 17px;
    padding-left: 26px;
    border-right: 1px solid #f3f4f6; }
  .notify-member-choose-modal .ant-modal-body .select-wrap .delete-member-selected-cls {
    height: 361px; }
  .notify-member-choose-modal .ant-modal-body .select-wrap .delete-member-unselected-cls {
    border-right: 1px solid #ebebeb;
    overflow-y: auto; }
    .notify-member-choose-modal .ant-modal-body .select-wrap .delete-member-unselected-cls .friend-page {
      width: 353px; }

.notify-member-choose-modal .ant-modal-footer {
  position: absolute;
  right: 58px;
  bottom: 0; }

.call-board-container {
  position: absolute;
  top: 7px;
  left: calc(50% - 308px);
  width: 616px;
  height: 40px;
  padding: 0;
  overflow: hidden;
  line-height: 40px;
  text-align: center;
  background: rgba(255, 238, 205, 0.84);
  border-radius: 45px;
  -webkit-box-shadow: 0 1px 4px 0 rgba(164, 164, 164, 0.5);
          box-shadow: 0 1px 4px 0 rgba(164, 164, 164, 0.5); }
  .call-board-container .operate {
    position: absolute;
    right: 10px;
    display: inline-block;
    text-align: right;
    vertical-align: middle; }
    .call-board-container .operate .close {
      font-size: 14px;
      color: #fe6a49;
      cursor: pointer; }
  .call-board-container .view-box {
    display: inline-block;
    width: calc(100% - 60px);
    overflow: hidden;
    vertical-align: middle; }
    .call-board-container .view-box .content {
      display: inline-block;
      padding-left: 100%;
      font-size: 14px;
      color: #fe6a49;
      white-space: nowrap; }
      .call-board-container .view-box .content a {
        color: #fe6a49; }
        .call-board-container .view-box .content a:hover {
          color: #fe6a49; }

@-webkit-keyframes call-board-scroll {
  from {
    -webkit-transform: translateX(0);
            transform: translateX(0); }
  to {
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%); } }

@keyframes call-board-scroll {
  from {
    -webkit-transform: translateX(0);
            transform: translateX(0); }
  to {
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%); } }
  .call-board-container .static {
    padding-left: 0 !important; }
  .call-board-container .scroll {
    -webkit-animation: 23s call-board-scroll linear infinite normal;
            animation: 23s call-board-scroll linear infinite normal; }
    .call-board-container .scroll:hover {
      -webkit-animation-play-state: paused;
              animation-play-state: paused; }

.create-channel-modal {
  width: 650px !important;
  color: #5d6470; }
  .create-channel-modal .ant-modal-body {
    padding: 0; }
  .create-channel-modal .ant-modal-header .back {
    cursor: pointer;
    -webkit-transition: color 0.1s linear;
    -o-transition: color 0.1s linear;
    transition: color 0.1s linear; }
    .create-channel-modal .ant-modal-header .back:hover {
      color: #fe6a49; }

.select-member-modal .ant-modal-footer {
  position: absolute;
  right: 58px;
  bottom: 0; }

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
.ant-row {
  position: relative;
  height: auto;
  margin-right: 0;
  margin-left: 0;
  zoom: 1;
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.ant-row::before,
.ant-row::after {
  display: table;
  content: '';
}
.ant-row::after {
  clear: both;
}
.ant-row-flex {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: row wrap;
      flex-flow: row wrap;
}
.ant-row-flex::before,
.ant-row-flex::after {
  display: -ms-flexbox;
  display: flex;
}
.ant-row-flex-start {
  -ms-flex-pack: start;
      justify-content: flex-start;
}
.ant-row-flex-center {
  -ms-flex-pack: center;
      justify-content: center;
}
.ant-row-flex-end {
  -ms-flex-pack: end;
      justify-content: flex-end;
}
.ant-row-flex-space-between {
  -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 {
  -ms-flex-align: start;
      align-items: flex-start;
}
.ant-row-flex-middle {
  -ms-flex-align: center;
      align-items: center;
}
.ant-row-flex-bottom {
  -ms-flex-align: end;
      align-items: flex-end;
}
.ant-col {
  position: relative;
}
.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-right: 0;
  padding-left: 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 {
  -ms-flex: 0 0 auto;
      flex: 0 0 auto;
  float: left;
}
.ant-col-24 {
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  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 {
  -ms-flex-order: 24;
      order: 24;
}
.ant-col-23 {
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  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 {
  -ms-flex-order: 23;
      order: 23;
}
.ant-col-22 {
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  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 {
  -ms-flex-order: 22;
      order: 22;
}
.ant-col-21 {
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  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 {
  -ms-flex-order: 21;
      order: 21;
}
.ant-col-20 {
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  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 {
  -ms-flex-order: 20;
      order: 20;
}
.ant-col-19 {
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  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 {
  -ms-flex-order: 19;
      order: 19;
}
.ant-col-18 {
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  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 {
  -ms-flex-order: 18;
      order: 18;
}
.ant-col-17 {
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  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 {
  -ms-flex-order: 17;
      order: 17;
}
.ant-col-16 {
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  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 {
  -ms-flex-order: 16;
      order: 16;
}
.ant-col-15 {
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  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 {
  -ms-flex-order: 15;
      order: 15;
}
.ant-col-14 {
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  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 {
  -ms-flex-order: 14;
      order: 14;
}
.ant-col-13 {
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  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 {
  -ms-flex-order: 13;
      order: 13;
}
.ant-col-12 {
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  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 {
  -ms-flex-order: 12;
      order: 12;
}
.ant-col-11 {
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  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 {
  -ms-flex-order: 11;
      order: 11;
}
.ant-col-10 {
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  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 {
  -ms-flex-order: 10;
      order: 10;
}
.ant-col-9 {
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  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 {
  -ms-flex-order: 9;
      order: 9;
}
.ant-col-8 {
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  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 {
  -ms-flex-order: 8;
      order: 8;
}
.ant-col-7 {
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  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 {
  -ms-flex-order: 7;
      order: 7;
}
.ant-col-6 {
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  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 {
  -ms-flex-order: 6;
      order: 6;
}
.ant-col-5 {
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  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 {
  -ms-flex-order: 5;
      order: 5;
}
.ant-col-4 {
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  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 {
  -ms-flex-order: 4;
      order: 4;
}
.ant-col-3 {
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  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 {
  -ms-flex-order: 3;
      order: 3;
}
.ant-col-2 {
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  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 {
  -ms-flex-order: 2;
      order: 2;
}
.ant-col-1 {
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  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 {
  -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 {
  -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 {
  -ms-flex: 0 0 auto;
      flex: 0 0 auto;
  float: left;
}
.ant-col-xs-24 {
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  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 {
  -ms-flex-order: 24;
      order: 24;
}
.ant-col-xs-23 {
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  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 {
  -ms-flex-order: 23;
      order: 23;
}
.ant-col-xs-22 {
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  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 {
  -ms-flex-order: 22;
      order: 22;
}
.ant-col-xs-21 {
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  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 {
  -ms-flex-order: 21;
      order: 21;
}
.ant-col-xs-20 {
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  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 {
  -ms-flex-order: 20;
      order: 20;
}
.ant-col-xs-19 {
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  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 {
  -ms-flex-order: 19;
      order: 19;
}
.ant-col-xs-18 {
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  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 {
  -ms-flex-order: 18;
      order: 18;
}
.ant-col-xs-17 {
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  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 {
  -ms-flex-order: 17;
      order: 17;
}
.ant-col-xs-16 {
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  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 {
  -ms-flex-order: 16;
      order: 16;
}
.ant-col-xs-15 {
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  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 {
  -ms-flex-order: 15;
      order: 15;
}
.ant-col-xs-14 {
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  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 {
  -ms-flex-order: 14;
      order: 14;
}
.ant-col-xs-13 {
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  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 {
  -ms-flex-order: 13;
      order: 13;
}
.ant-col-xs-12 {
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  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 {
  -ms-flex-order: 12;
      order: 12;
}
.ant-col-xs-11 {
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  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 {
  -ms-flex-order: 11;
      order: 11;
}
.ant-col-xs-10 {
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  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 {
  -ms-flex-order: 10;
      order: 10;
}
.ant-col-xs-9 {
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  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 {
  -ms-flex-order: 9;
      order: 9;
}
.ant-col-xs-8 {
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  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 {
  -ms-flex-order: 8;
      order: 8;
}
.ant-col-xs-7 {
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  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 {
  -ms-flex-order: 7;
      order: 7;
}
.ant-col-xs-6 {
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  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 {
  -ms-flex-order: 6;
      order: 6;
}
.ant-col-xs-5 {
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  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 {
  -ms-flex-order: 5;
      order: 5;
}
.ant-col-xs-4 {
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  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 {
  -ms-flex-order: 4;
      order: 4;
}
.ant-col-xs-3 {
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  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 {
  -ms-flex-order: 3;
      order: 3;
}
.ant-col-xs-2 {
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  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 {
  -ms-flex-order: 2;
      order: 2;
}
.ant-col-xs-1 {
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  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 {
  -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 {
  -ms-flex-order: 0;
      order: 0;
}
@media (min-width: 576px) {
  .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 {
    -ms-flex: 0 0 auto;
        flex: 0 0 auto;
    float: left;
  }
  .ant-col-sm-24 {
    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    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 {
    -ms-flex-order: 24;
        order: 24;
  }
  .ant-col-sm-23 {
    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    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 {
    -ms-flex-order: 23;
        order: 23;
  }
  .ant-col-sm-22 {
    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    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 {
    -ms-flex-order: 22;
        order: 22;
  }
  .ant-col-sm-21 {
    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    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 {
    -ms-flex-order: 21;
        order: 21;
  }
  .ant-col-sm-20 {
    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    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 {
    -ms-flex-order: 20;
        order: 20;
  }
  .ant-col-sm-19 {
    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    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 {
    -ms-flex-order: 19;
        order: 19;
  }
  .ant-col-sm-18 {
    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    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 {
    -ms-flex-order: 18;
        order: 18;
  }
  .ant-col-sm-17 {
    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    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 {
    -ms-flex-order: 17;
        order: 17;
  }
  .ant-col-sm-16 {
    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    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 {
    -ms-flex-order: 16;
        order: 16;
  }
  .ant-col-sm-15 {
    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    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 {
    -ms-flex-order: 15;
        order: 15;
  }
  .ant-col-sm-14 {
    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    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 {
    -ms-flex-order: 14;
        order: 14;
  }
  .ant-col-sm-13 {
    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    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 {
    -ms-flex-order: 13;
        order: 13;
  }
  .ant-col-sm-12 {
    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    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 {
    -ms-flex-order: 12;
        order: 12;
  }
  .ant-col-sm-11 {
    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    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 {
    -ms-flex-order: 11;
        order: 11;
  }
  .ant-col-sm-10 {
    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    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 {
    -ms-flex-order: 10;
        order: 10;
  }
  .ant-col-sm-9 {
    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    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 {
    -ms-flex-order: 9;
        order: 9;
  }
  .ant-col-sm-8 {
    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    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 {
    -ms-flex-order: 8;
        order: 8;
  }
  .ant-col-sm-7 {
    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    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 {
    -ms-flex-order: 7;
        order: 7;
  }
  .ant-col-sm-6 {
    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    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 {
    -ms-flex-order: 6;
        order: 6;
  }
  .ant-col-sm-5 {
    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    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 {
    -ms-flex-order: 5;
        order: 5;
  }
  .ant-col-sm-4 {
    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    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 {
    -ms-flex-order: 4;
        order: 4;
  }
  .ant-col-sm-3 {
    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    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 {
    -ms-flex-order: 3;
        order: 3;
  }
  .ant-col-sm-2 {
    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    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 {
    -ms-flex-order: 2;
        order: 2;
  }
  .ant-col-sm-1 {
    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    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 {
    -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 {
    -ms-flex-order: 0;
        order: 0;
  }
}
@media (min-width: 768px) {
  .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 {
    -ms-flex: 0 0 auto;
        flex: 0 0 auto;
    float: left;
  }
  .ant-col-md-24 {
    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    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 {
    -ms-flex-order: 24;
        order: 24;
  }
  .ant-col-md-23 {
    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    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 {
    -ms-flex-order: 23;
        order: 23;
  }
  .ant-col-md-22 {
    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    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 {
    -ms-flex-order: 22;
        order: 22;
  }
  .ant-col-md-21 {
    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    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 {
    -ms-flex-order: 21;
        order: 21;
  }
  .ant-col-md-20 {
    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    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 {
    -ms-flex-order: 20;
        order: 20;
  }
  .ant-col-md-19 {
    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    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 {
    -ms-flex-order: 19;
        order: 19;
  }
  .ant-col-md-18 {
    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    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 {
    -ms-flex-order: 18;
        order: 18;
  }
  .ant-col-md-17 {
    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    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 {
    -ms-flex-order: 17;
        order: 17;
  }
  .ant-col-md-16 {
    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    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 {
    -ms-flex-order: 16;
        order: 16;
  }
  .ant-col-md-15 {
    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    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 {
    -ms-flex-order: 15;
        order: 15;
  }
  .ant-col-md-14 {
    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    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 {
    -ms-flex-order: 14;
        order: 14;
  }
  .ant-col-md-13 {
    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    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 {
    -ms-flex-order: 13;
        order: 13;
  }
  .ant-col-md-12 {
    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    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 {
    -ms-flex-order: 12;
        order: 12;
  }
  .ant-col-md-11 {
    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    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 {
    -ms-flex-order: 11;
        order: 11;
  }
  .ant-col-md-10 {
    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    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 {
    -ms-flex-order: 10;
        order: 10;
  }
  .ant-col-md-9 {
    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    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 {
    -ms-flex-order: 9;
        order: 9;
  }
  .ant-col-md-8 {
    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    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 {
    -ms-flex-order: 8;
        order: 8;
  }
  .ant-col-md-7 {
    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    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 {
    -ms-flex-order: 7;
        order: 7;
  }
  .ant-col-md-6 {
    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    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 {
    -ms-flex-order: 6;
        order: 6;
  }
  .ant-col-md-5 {
    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    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 {
    -ms-flex-order: 5;
        order: 5;
  }
  .ant-col-md-4 {
    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    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 {
    -ms-flex-order: 4;
        order: 4;
  }
  .ant-col-md-3 {
    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    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 {
    -ms-flex-order: 3;
        order: 3;
  }
  .ant-col-md-2 {
    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    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 {
    -ms-flex-order: 2;
        order: 2;
  }
  .ant-col-md-1 {
    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    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 {
    -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 {
    -ms-flex-order: 0;
        order: 0;
  }
}
@media (min-width: 992px) {
  .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 {
    -ms-flex: 0 0 auto;
        flex: 0 0 auto;
    float: left;
  }
  .ant-col-lg-24 {
    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    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 {
    -ms-flex-order: 24;
        order: 24;
  }
  .ant-col-lg-23 {
    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    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 {
    -ms-flex-order: 23;
        order: 23;
  }
  .ant-col-lg-22 {
    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    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 {
    -ms-flex-order: 22;
        order: 22;
  }
  .ant-col-lg-21 {
    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    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 {
    -ms-flex-order: 21;
        order: 21;
  }
  .ant-col-lg-20 {
    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    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 {
    -ms-flex-order: 20;
        order: 20;
  }
  .ant-col-lg-19 {
    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    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 {
    -ms-flex-order: 19;
        order: 19;
  }
  .ant-col-lg-18 {
    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    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 {
    -ms-flex-order: 18;
        order: 18;
  }
  .ant-col-lg-17 {
    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    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 {
    -ms-flex-order: 17;
        order: 17;
  }
  .ant-col-lg-16 {
    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    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 {
    -ms-flex-order: 16;
        order: 16;
  }
  .ant-col-lg-15 {
    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    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 {
    -ms-flex-order: 15;
        order: 15;
  }
  .ant-col-lg-14 {
    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    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 {
    -ms-flex-order: 14;
        order: 14;
  }
  .ant-col-lg-13 {
    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    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 {
    -ms-flex-order: 13;
        order: 13;
  }
  .ant-col-lg-12 {
    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    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 {
    -ms-flex-order: 12;
        order: 12;
  }
  .ant-col-lg-11 {
    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    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 {
    -ms-flex-order: 11;
        order: 11;
  }
  .ant-col-lg-10 {
    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    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 {
    -ms-flex-order: 10;
        order: 10;
  }
  .ant-col-lg-9 {
    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    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 {
    -ms-flex-order: 9;
        order: 9;
  }
  .ant-col-lg-8 {
    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    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 {
    -ms-flex-order: 8;
        order: 8;
  }
  .ant-col-lg-7 {
    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    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 {
    -ms-flex-order: 7;
        order: 7;
  }
  .ant-col-lg-6 {
    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    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 {
    -ms-flex-order: 6;
        order: 6;
  }
  .ant-col-lg-5 {
    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    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 {
    -ms-flex-order: 5;
        order: 5;
  }
  .ant-col-lg-4 {
    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    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 {
    -ms-flex-order: 4;
        order: 4;
  }
  .ant-col-lg-3 {
    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    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 {
    -ms-flex-order: 3;
        order: 3;
  }
  .ant-col-lg-2 {
    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    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 {
    -ms-flex-order: 2;
        order: 2;
  }
  .ant-col-lg-1 {
    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    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 {
    -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 {
    -ms-flex-order: 0;
        order: 0;
  }
}
@media (min-width: 1200px) {
  .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 {
    -ms-flex: 0 0 auto;
        flex: 0 0 auto;
    float: left;
  }
  .ant-col-xl-24 {
    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    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 {
    -ms-flex-order: 24;
        order: 24;
  }
  .ant-col-xl-23 {
    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    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 {
    -ms-flex-order: 23;
        order: 23;
  }
  .ant-col-xl-22 {
    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    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 {
    -ms-flex-order: 22;
        order: 22;
  }
  .ant-col-xl-21 {
    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    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 {
    -ms-flex-order: 21;
        order: 21;
  }
  .ant-col-xl-20 {
    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    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 {
    -ms-flex-order: 20;
        order: 20;
  }
  .ant-col-xl-19 {
    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    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 {
    -ms-flex-order: 19;
        order: 19;
  }
  .ant-col-xl-18 {
    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    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 {
    -ms-flex-order: 18;
        order: 18;
  }
  .ant-col-xl-17 {
    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    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 {
    -ms-flex-order: 17;
        order: 17;
  }
  .ant-col-xl-16 {
    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    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 {
    -ms-flex-order: 16;
        order: 16;
  }
  .ant-col-xl-15 {
    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    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 {
    -ms-flex-order: 15;
        order: 15;
  }
  .ant-col-xl-14 {
    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    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 {
    -ms-flex-order: 14;
        order: 14;
  }
  .ant-col-xl-13 {
    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    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 {
    -ms-flex-order: 13;
        order: 13;
  }
  .ant-col-xl-12 {
    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    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 {
    -ms-flex-order: 12;
        order: 12;
  }
  .ant-col-xl-11 {
    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    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 {
    -ms-flex-order: 11;
        order: 11;
  }
  .ant-col-xl-10 {
    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    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 {
    -ms-flex-order: 10;
        order: 10;
  }
  .ant-col-xl-9 {
    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    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 {
    -ms-flex-order: 9;
        order: 9;
  }
  .ant-col-xl-8 {
    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    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 {
    -ms-flex-order: 8;
        order: 8;
  }
  .ant-col-xl-7 {
    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    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 {
    -ms-flex-order: 7;
        order: 7;
  }
  .ant-col-xl-6 {
    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    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 {
    -ms-flex-order: 6;
        order: 6;
  }
  .ant-col-xl-5 {
    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    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 {
    -ms-flex-order: 5;
        order: 5;
  }
  .ant-col-xl-4 {
    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    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 {
    -ms-flex-order: 4;
        order: 4;
  }
  .ant-col-xl-3 {
    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    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 {
    -ms-flex-order: 3;
        order: 3;
  }
  .ant-col-xl-2 {
    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    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 {
    -ms-flex-order: 2;
        order: 2;
  }
  .ant-col-xl-1 {
    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    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 {
    -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 {
    -ms-flex-order: 0;
        order: 0;
  }
}
@media (min-width: 1600px) {
  .ant-col-xxl-1, .ant-col-xxl-2, .ant-col-xxl-3, .ant-col-xxl-4, .ant-col-xxl-5, .ant-col-xxl-6, .ant-col-xxl-7, .ant-col-xxl-8, .ant-col-xxl-9, .ant-col-xxl-10, .ant-col-xxl-11, .ant-col-xxl-12, .ant-col-xxl-13, .ant-col-xxl-14, .ant-col-xxl-15, .ant-col-xxl-16, .ant-col-xxl-17, .ant-col-xxl-18, .ant-col-xxl-19, .ant-col-xxl-20, .ant-col-xxl-21, .ant-col-xxl-22, .ant-col-xxl-23, .ant-col-xxl-24 {
    -ms-flex: 0 0 auto;
        flex: 0 0 auto;
    float: left;
  }
  .ant-col-xxl-24 {
    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 100%;
  }
  .ant-col-xxl-push-24 {
    left: 100%;
  }
  .ant-col-xxl-pull-24 {
    right: 100%;
  }
  .ant-col-xxl-offset-24 {
    margin-left: 100%;
  }
  .ant-col-xxl-order-24 {
    -ms-flex-order: 24;
        order: 24;
  }
  .ant-col-xxl-23 {
    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 95.83333333%;
  }
  .ant-col-xxl-push-23 {
    left: 95.83333333%;
  }
  .ant-col-xxl-pull-23 {
    right: 95.83333333%;
  }
  .ant-col-xxl-offset-23 {
    margin-left: 95.83333333%;
  }
  .ant-col-xxl-order-23 {
    -ms-flex-order: 23;
        order: 23;
  }
  .ant-col-xxl-22 {
    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 91.66666667%;
  }
  .ant-col-xxl-push-22 {
    left: 91.66666667%;
  }
  .ant-col-xxl-pull-22 {
    right: 91.66666667%;
  }
  .ant-col-xxl-offset-22 {
    margin-left: 91.66666667%;
  }
  .ant-col-xxl-order-22 {
    -ms-flex-order: 22;
        order: 22;
  }
  .ant-col-xxl-21 {
    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 87.5%;
  }
  .ant-col-xxl-push-21 {
    left: 87.5%;
  }
  .ant-col-xxl-pull-21 {
    right: 87.5%;
  }
  .ant-col-xxl-offset-21 {
    margin-left: 87.5%;
  }
  .ant-col-xxl-order-21 {
    -ms-flex-order: 21;
        order: 21;
  }
  .ant-col-xxl-20 {
    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 83.33333333%;
  }
  .ant-col-xxl-push-20 {
    left: 83.33333333%;
  }
  .ant-col-xxl-pull-20 {
    right: 83.33333333%;
  }
  .ant-col-xxl-offset-20 {
    margin-left: 83.33333333%;
  }
  .ant-col-xxl-order-20 {
    -ms-flex-order: 20;
        order: 20;
  }
  .ant-col-xxl-19 {
    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 79.16666667%;
  }
  .ant-col-xxl-push-19 {
    left: 79.16666667%;
  }
  .ant-col-xxl-pull-19 {
    right: 79.16666667%;
  }
  .ant-col-xxl-offset-19 {
    margin-left: 79.16666667%;
  }
  .ant-col-xxl-order-19 {
    -ms-flex-order: 19;
        order: 19;
  }
  .ant-col-xxl-18 {
    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 75%;
  }
  .ant-col-xxl-push-18 {
    left: 75%;
  }
  .ant-col-xxl-pull-18 {
    right: 75%;
  }
  .ant-col-xxl-offset-18 {
    margin-left: 75%;
  }
  .ant-col-xxl-order-18 {
    -ms-flex-order: 18;
        order: 18;
  }
  .ant-col-xxl-17 {
    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 70.83333333%;
  }
  .ant-col-xxl-push-17 {
    left: 70.83333333%;
  }
  .ant-col-xxl-pull-17 {
    right: 70.83333333%;
  }
  .ant-col-xxl-offset-17 {
    margin-left: 70.83333333%;
  }
  .ant-col-xxl-order-17 {
    -ms-flex-order: 17;
        order: 17;
  }
  .ant-col-xxl-16 {
    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 66.66666667%;
  }
  .ant-col-xxl-push-16 {
    left: 66.66666667%;
  }
  .ant-col-xxl-pull-16 {
    right: 66.66666667%;
  }
  .ant-col-xxl-offset-16 {
    margin-left: 66.66666667%;
  }
  .ant-col-xxl-order-16 {
    -ms-flex-order: 16;
        order: 16;
  }
  .ant-col-xxl-15 {
    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 62.5%;
  }
  .ant-col-xxl-push-15 {
    left: 62.5%;
  }
  .ant-col-xxl-pull-15 {
    right: 62.5%;
  }
  .ant-col-xxl-offset-15 {
    margin-left: 62.5%;
  }
  .ant-col-xxl-order-15 {
    -ms-flex-order: 15;
        order: 15;
  }
  .ant-col-xxl-14 {
    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 58.33333333%;
  }
  .ant-col-xxl-push-14 {
    left: 58.33333333%;
  }
  .ant-col-xxl-pull-14 {
    right: 58.33333333%;
  }
  .ant-col-xxl-offset-14 {
    margin-left: 58.33333333%;
  }
  .ant-col-xxl-order-14 {
    -ms-flex-order: 14;
        order: 14;
  }
  .ant-col-xxl-13 {
    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 54.16666667%;
  }
  .ant-col-xxl-push-13 {
    left: 54.16666667%;
  }
  .ant-col-xxl-pull-13 {
    right: 54.16666667%;
  }
  .ant-col-xxl-offset-13 {
    margin-left: 54.16666667%;
  }
  .ant-col-xxl-order-13 {
    -ms-flex-order: 13;
        order: 13;
  }
  .ant-col-xxl-12 {
    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 50%;
  }
  .ant-col-xxl-push-12 {
    left: 50%;
  }
  .ant-col-xxl-pull-12 {
    right: 50%;
  }
  .ant-col-xxl-offset-12 {
    margin-left: 50%;
  }
  .ant-col-xxl-order-12 {
    -ms-flex-order: 12;
        order: 12;
  }
  .ant-col-xxl-11 {
    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 45.83333333%;
  }
  .ant-col-xxl-push-11 {
    left: 45.83333333%;
  }
  .ant-col-xxl-pull-11 {
    right: 45.83333333%;
  }
  .ant-col-xxl-offset-11 {
    margin-left: 45.83333333%;
  }
  .ant-col-xxl-order-11 {
    -ms-flex-order: 11;
        order: 11;
  }
  .ant-col-xxl-10 {
    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 41.66666667%;
  }
  .ant-col-xxl-push-10 {
    left: 41.66666667%;
  }
  .ant-col-xxl-pull-10 {
    right: 41.66666667%;
  }
  .ant-col-xxl-offset-10 {
    margin-left: 41.66666667%;
  }
  .ant-col-xxl-order-10 {
    -ms-flex-order: 10;
        order: 10;
  }
  .ant-col-xxl-9 {
    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 37.5%;
  }
  .ant-col-xxl-push-9 {
    left: 37.5%;
  }
  .ant-col-xxl-pull-9 {
    right: 37.5%;
  }
  .ant-col-xxl-offset-9 {
    margin-left: 37.5%;
  }
  .ant-col-xxl-order-9 {
    -ms-flex-order: 9;
        order: 9;
  }
  .ant-col-xxl-8 {
    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 33.33333333%;
  }
  .ant-col-xxl-push-8 {
    left: 33.33333333%;
  }
  .ant-col-xxl-pull-8 {
    right: 33.33333333%;
  }
  .ant-col-xxl-offset-8 {
    margin-left: 33.33333333%;
  }
  .ant-col-xxl-order-8 {
    -ms-flex-order: 8;
        order: 8;
  }
  .ant-col-xxl-7 {
    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 29.16666667%;
  }
  .ant-col-xxl-push-7 {
    left: 29.16666667%;
  }
  .ant-col-xxl-pull-7 {
    right: 29.16666667%;
  }
  .ant-col-xxl-offset-7 {
    margin-left: 29.16666667%;
  }
  .ant-col-xxl-order-7 {
    -ms-flex-order: 7;
        order: 7;
  }
  .ant-col-xxl-6 {
    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 25%;
  }
  .ant-col-xxl-push-6 {
    left: 25%;
  }
  .ant-col-xxl-pull-6 {
    right: 25%;
  }
  .ant-col-xxl-offset-6 {
    margin-left: 25%;
  }
  .ant-col-xxl-order-6 {
    -ms-flex-order: 6;
        order: 6;
  }
  .ant-col-xxl-5 {
    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 20.83333333%;
  }
  .ant-col-xxl-push-5 {
    left: 20.83333333%;
  }
  .ant-col-xxl-pull-5 {
    right: 20.83333333%;
  }
  .ant-col-xxl-offset-5 {
    margin-left: 20.83333333%;
  }
  .ant-col-xxl-order-5 {
    -ms-flex-order: 5;
        order: 5;
  }
  .ant-col-xxl-4 {
    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 16.66666667%;
  }
  .ant-col-xxl-push-4 {
    left: 16.66666667%;
  }
  .ant-col-xxl-pull-4 {
    right: 16.66666667%;
  }
  .ant-col-xxl-offset-4 {
    margin-left: 16.66666667%;
  }
  .ant-col-xxl-order-4 {
    -ms-flex-order: 4;
        order: 4;
  }
  .ant-col-xxl-3 {
    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 12.5%;
  }
  .ant-col-xxl-push-3 {
    left: 12.5%;
  }
  .ant-col-xxl-pull-3 {
    right: 12.5%;
  }
  .ant-col-xxl-offset-3 {
    margin-left: 12.5%;
  }
  .ant-col-xxl-order-3 {
    -ms-flex-order: 3;
        order: 3;
  }
  .ant-col-xxl-2 {
    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 8.33333333%;
  }
  .ant-col-xxl-push-2 {
    left: 8.33333333%;
  }
  .ant-col-xxl-pull-2 {
    right: 8.33333333%;
  }
  .ant-col-xxl-offset-2 {
    margin-left: 8.33333333%;
  }
  .ant-col-xxl-order-2 {
    -ms-flex-order: 2;
        order: 2;
  }
  .ant-col-xxl-1 {
    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 4.16666667%;
  }
  .ant-col-xxl-push-1 {
    left: 4.16666667%;
  }
  .ant-col-xxl-pull-1 {
    right: 4.16666667%;
  }
  .ant-col-xxl-offset-1 {
    margin-left: 4.16666667%;
  }
  .ant-col-xxl-order-1 {
    -ms-flex-order: 1;
        order: 1;
  }
  .ant-col-xxl-0 {
    display: none;
  }
  .ant-col-push-0 {
    left: auto;
  }
  .ant-col-pull-0 {
    right: auto;
  }
  .ant-col-xxl-push-0 {
    left: auto;
  }
  .ant-col-xxl-pull-0 {
    right: auto;
  }
  .ant-col-xxl-offset-0 {
    margin-left: 0;
  }
  .ant-col-xxl-order-0 {
    -ms-flex-order: 0;
        order: 0;
  }
}

.select-channel-member {
  position: relative; }
  .select-channel-member .select-wrap {
    position: relative; }

.create-selected-cls {
  position: absolute;
  top: 0;
  right: 0;
  height: 200px !important;
  min-height: 200px !important; }
  .create-selected-cls .selected-wrap {
    height: 200px !important; }
  .create-selected-cls .contact-scroll-bar-selected {
    height: 152px !important; }
  .create-selected-cls .selected {
    min-height: calc(200px - 53px); }

.channel-info {
  position: absolute;
  right: 0;
  bottom: 0;
  width: calc(100% - (26px + 308px + 20px));
  height: calc(100% - 200px);
  padding-top: 7.5px;
  border-top: 1px solid #ebebeb; }
  .channel-info .channel-type .channel-type-header {
    font-size: 12px;
    line-height: 12px;
    color: #828992; }
    .channel-info .channel-type .channel-type-header span {
      display: inline-block;
      overflow: hidden;
      font-size: 12px;
      line-height: 12px; }
    .channel-info .channel-type .channel-type-header .team-name {
      max-width: 110px;
      -o-text-overflow: ellipsis;
         text-overflow: ellipsis;
      word-break: break-all;
      white-space: nowrap; }
  .channel-info .channel-type .ant-row:nth-child(2) {
    margin-top: 8px;
    margin-bottom: 8px; }
  .channel-info .channel-type .align-right {
    text-align: right; }
  .channel-info .channel-type input,
  .channel-info .channel-type textarea {
    background-color: #f8f8f8;
    border: 1px solid #ebebeb; }
  .channel-info .channel-type .channel-text-area-scroll-container {
    position: relative;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 205px !important;
    height: 80px !important;
    padding-bottom: 14px;
    vertical-align: top;
    background-color: #f8f8f8;
    border: 1px solid #ebebeb;
    border-radius: 4px; }
  .channel-info .channel-type .text-area-word-counter {
    position: absolute;
    right: 8px;
    bottom: 6px;
    font-size: 11px;
    line-height: 11px;
    color: #828992; }
  .channel-info .channel-type textarea {
    min-height: 55px !important;
    overflow: hidden;
    vertical-align: text-top !important;
    resize: none;
    border: none !important;
    outline: none; }
  .channel-info .channel-type label {
    position: relative;
    display: inline-block;
    margin-left: 5px;
    font-size: 13px;
    line-height: 13px;
    color: #222;
    text-align: center;
    word-break: break-all; }
    .channel-info .channel-type label.required::after {
      position: absolute;
      top: 50%;
      right: -6px;
      height: 7px;
      font-size: 14px;
      color: #d81e06;
      content: '*';
      -webkit-transform: translateY(-50%);
          -ms-transform: translateY(-50%);
              transform: translateY(-50%); }

.select-channel-type .channel-type .type-item {
  padding: 10px 20px;
  padding-left: 16px;
  cursor: pointer;
  border-bottom: 1px solid #eaedf1; }
  .select-channel-type .channel-type .type-item:last-child {
    border-bottom: none; }
  .select-channel-type .channel-type .type-item .avatar-icon {
    display: inline-block;
    width: 38px;
    height: 38px;
    line-height: 38px;
    text-align: center;
    vertical-align: middle;
    border-radius: 50%; }
    .select-channel-type .channel-type .type-item .avatar-icon.outer {
      background: #86afee; }
    .select-channel-type .channel-type .type-item .avatar-icon.inner {
      background: #ffbf47; }
    .select-channel-type .channel-type .type-item .avatar-icon::before {
      font-size: 18px;
      color: #fff; }
  .select-channel-type .channel-type .type-item .info {
    display: inline-block;
    width: 550px;
    margin-left: 10px;
    vertical-align: middle; }
    .select-channel-type .channel-type .type-item .info .type-name {
      font-size: 13px;
      color: #222; }
    .select-channel-type .channel-type .type-item .info .type-desc {
      font-size: 12px;
      color: #828992; }
  .select-channel-type .channel-type .type-item .radio {
    margin-right: 0;
    line-height: 38px;
    vertical-align: middle; }

.select-channel-type .team-list {
  height: 200px;
  padding: 0 26px;
  margin-bottom: 50px;
  border-top: 1px solid #eaedf1; }
  .select-channel-type .team-list .hint {
    margin-top: 18px;
    margin-bottom: 10px;
    font-size: 12px;
    color: #828992; }
  .select-channel-type .team-list .team-item {
    margin-top: 6px; }
    .select-channel-type .team-list .team-item .team-name {
      font-size: 12px;
      color: #222; }

.select-channel-type .bdt0 {
  border-top: 0; }

.coll-apply-form .row {
  margin-bottom: 20px; }
  .coll-apply-form .row .tip {
    position: relative;
    display: inline-block;
    width: 60px;
    margin-right: 24px;
    font-size: 14px;
    color: #222;
    text-align: right;
    vertical-align: middle; }
    .coll-apply-form .row .tip::before {
      position: absolute;
      top: -1px;
      right: -8px;
      content: ':'; }
  .coll-apply-form .row .require {
    position: relative; }
    .coll-apply-form .row .require::before {
      position: absolute;
      top: -1px;
      right: -8px;
      content: ':'; }
    .coll-apply-form .row .require::after {
      position: absolute;
      top: 2px;
      right: -5px;
      color: #fe6a49;
      content: '*'; }
  .coll-apply-form .row .team-select {
    width: 257px; }
    .coll-apply-form .row .team-select .ant-select-selection-selected-value {
      color: #222; }
    .coll-apply-form .row .team-select .ant-select-selection--single {
      height: 28px !important;
      border: 1px solid #eaedf1; }
    .coll-apply-form .row .team-select .ant-select-selection__rendered {
      line-height: 28px; }
    .coll-apply-form .row .team-select .ant-select-arrow {
      color: #828992; }
  .coll-apply-form .row .no-team-tip {
    display: inline-block;
    vertical-align: middle; }
  .coll-apply-form .row .desc-scroll {
    position: relative;
    display: inline-block;
    width: 410px;
    height: 120px;
    vertical-align: top;
    border: 1px solid #eaedf1;
    border-radius: 6px; }
    .coll-apply-form .row .desc-scroll .char-remainder {
      position: absolute;
      right: 8px;
      bottom: 8px;
      font-size: 12px;
      color: #828992; }
    .coll-apply-form .row .desc-scroll .desc {
      height: calc(100% - 10px);
      resize: none;
      border: none !important; }
  .coll-apply-form .row .name-input {
    display: inline-block;
    width: 257px;
    vertical-align: middle; }
  .coll-apply-form .row .avatar {
    display: inline-block;
    vertical-align: middle; }
    .coll-apply-form .row .avatar .preview {
      position: relative;
      display: inline-block;
      width: 60px;
      height: 60px;
      margin-right: 12px;
      overflow: hidden;
      vertical-align: middle;
      cursor: pointer;
      background: #ececec;
      border-radius: 10px; }
      .coll-apply-form .row .avatar .preview .icon {
        margin: 50% 0 0 50%;
        font-size: 30px;
        color: white;
        -webkit-transform: translate(-50%, -50%);
            -ms-transform: translate(-50%, -50%);
                transform: translate(-50%, -50%); }
      .coll-apply-form .row .avatar .preview .img {
        position: absolute;
        top: 50%;
        left: 50%;
        max-width: 100%;
        max-height: 100%;
        -webkit-transform: translate(-50%, -50%);
            -ms-transform: translate(-50%, -50%);
                transform: translate(-50%, -50%); }
    .coll-apply-form .row .avatar .ope {
      display: inline-block;
      vertical-align: middle; }
      .coll-apply-form .row .avatar .ope .upload {
        font-size: 13px;
        color: #00acdc;
        cursor: pointer; }
      .coll-apply-form .row .avatar .ope .limit {
        font-size: 12px;
        color: #828992; }

.coll-apply-form .help-label {
  margin-bottom: 2px; }
  .coll-apply-form .help-label .more-tip {
    font-size: 12px;
    color: #00acdc;
    cursor: pointer; }
  .coll-apply-form .help-label .help-tip {
    font-size: 12px;
    color: #828992; }

.coll-apply-container.no-footer .ant-modal-footer {
  display: none; }

.coll-apply-container .ant-modal-body {
  padding: 30px 50px !important; }

.coll-apply-container .form-error {
  margin-top: 65px;
  margin-bottom: 50px;
  font-size: 13px;
  color: #222;
  text-align: center; }

.coll-apply-container .form-success {
  text-align: center; }
  .coll-apply-container .form-success .icon {
    margin-top: 15px;
    font-size: 43px;
    line-height: 43px;
    color: #33a94f; }
  .coll-apply-container .form-success .success-text {
    margin-top: 20px;
    margin-bottom: 80px;
    font-size: 13px;
    color: #222; }

.coll-apply-body {
  width: 100%;
  height: 100%;
  padding: 0 0 15px 20px; }
  .coll-apply-body .coll-apply-loading-more {
    position: relative;
    width: 100%;
    height: 40px; }
  .coll-apply-body .coll-apply-item:last-child .container {
    border: none !important; }
  .coll-apply-body .no-data-tip {
    display: inline-block;
    width: 100%;
    margin-top: 200px;
    text-align: center; }
  .coll-apply-body .coll-apply-item {
    padding: 16px;
    margin-top: 12px;
    margin-right: 20px;
    margin-left: 20px;
    background: #fff;
    border: 1px solid #f3f4f6;
    border-radius: 10px; }
    .coll-apply-body .coll-apply-item .img {
      display: inline-block;
      width: 38px;
      height: 38px;
      overflow: hidden;
      vertical-align: middle;
      background: #ececec;
      border-radius: 5px; }
      .coll-apply-body .coll-apply-item .img img {
        margin: 50% 0 0 50%;
        border-radius: 0 !important;
        -webkit-transform: translate(-50%, -50%);
            -ms-transform: translate(-50%, -50%);
                transform: translate(-50%, -50%); }
    .coll-apply-body .coll-apply-item .ope {
      height: 28px;
      margin-right: 15px;
      line-height: 28px;
      text-align: right; }
      .coll-apply-body .coll-apply-item .ope .status-tip {
        padding-right: 15px; }
      .coll-apply-body .coll-apply-item .ope .btn {
        display: inline-block; }
        .coll-apply-body .coll-apply-item .ope .btn .ant-btn:first-child {
          margin-right: 20px !important; }
    .coll-apply-body .coll-apply-item .row {
      margin-bottom: 12px; }
      .coll-apply-body .coll-apply-item .row .tip {
        display: inline-block;
        width: 80px;
        font-size: 13px;
        color: #222;
        vertical-align: middle; }
      .coll-apply-body .coll-apply-item .row .top-vertical {
        vertical-align: top; }
      .coll-apply-body .coll-apply-item .row .text {
        display: inline-block;
        max-width: calc(100% - 100px);
        font-size: 13px;
        color: #222;
        word-break: break-word;
        vertical-align: middle; }
    .coll-apply-body .coll-apply-item .container {
      position: relative;
      width: calc(100% - 18px);
      height: 100%;
      padding-top: 25px;
      margin-left: 18px;
      border-bottom: solid 1px #ebebeb; }
      .coll-apply-body .coll-apply-item .container .apply-info {
        width: calc(100% - 86px); }
        .coll-apply-body .coll-apply-item .container .apply-info .avatar {
          display: inline-block;
          width: 38px;
          height: 38px;
          margin-right: 8px;
          vertical-align: top; }
        .coll-apply-body .coll-apply-item .container .apply-info .text-info {
          display: inline-block;
          width: calc(100% - 50px);
          vertical-align: middle; }
          .coll-apply-body .coll-apply-item .container .apply-info .text-info p {
            max-width: 90%;
            overflow: hidden;
            -o-text-overflow: ellipsis;
               text-overflow: ellipsis;
            white-space: nowrap; }
          .coll-apply-body .coll-apply-item .container .apply-info .text-info .name {
            font-size: 13px;
            color: #222; }
          .coll-apply-body .coll-apply-item .container .apply-info .text-info .apply-time {
            font-size: 12px;
            color: #828992; }
          .coll-apply-body .coll-apply-item .container .apply-info .text-info .validate-msg {
            font-size: 12px;
            color: #222; }
      .coll-apply-body .coll-apply-item .container .operate {
        position: absolute;
        top: calc(50% - 15px);
        right: 16px; }
        .coll-apply-body .coll-apply-item .container .operate .ope-btn {
          display: inline-block;
          height: 30px;
          line-height: 30px;
          text-align: center; }

.coll-apply-reject-form .container {
  text-align: center; }
  .coll-apply-reject-form .container .ant-radio-wrapper {
    display: block !important;
    margin-bottom: 15px;
    text-align: left; }

.follow-invalidate-tip {
  display: inline-block;
  width: 100%;
  margin: 24px 0;
  font-size: 13px;
  color: #5d6470;
  text-align: center; }

.input-team-wrap {
  margin: 21px 0 11px 0;
  text-align: center; }
  .input-team-wrap .input-team-name {
    height: 28px;
    border: 1px solid #eaedf1; }

.remark-modal .ant-modal-body {
  padding-top: 30px;
  padding-bottom: 17px; }

.text-input-wrap {
  position: relative;
  margin: 0 4px; }
  .text-input-wrap .add-friend-remark {
    height: 64px;
    color: #222;
    resize: none;
    border: 1px solid #eaedf1; }
  .text-input-wrap .remark-limit {
    position: absolute;
    right: 8px;
    bottom: 6px;
    font-size: 12px;
    color: #828992; }

.invite-msg {
  margin-top: 31px;
  margin-bottom: 10px;
  font-size: 14px;
  color: #222;
  text-align: center; }

.input-phone input {
  height: 32px;
  border-color: #eaedf1; }



.delete-friend-tip {
  text-align: center; }

.invite-modal.en {
  width: 550px !important; }

.invite-index-wrap {
  padding: 19px 4px 53px; }
  .invite-index-wrap .empty_tips {
    text-align: center; }
    .invite-index-wrap .empty_tips .invite-close-icon {
      margin-top: 35px;
      margin-bottom: 16px; }
    .invite-index-wrap .empty_tips .invite-close-text {
      font-size: 12px;
      color: #828992; }
  .invite-index-wrap .invite-team label {
    margin-right: 20px;
    font-size: 14px;
    color: #828992; }
  .invite-index-wrap .invite-user-type {
    margin-top: 24px;
    color: #222; }
    .invite-index-wrap .invite-user-type label {
      margin-right: 20px;
      font-size: 14px;
      color: #828992; }
  .invite-index-wrap .invite-type {
    margin-top: 28px; }
    .invite-index-wrap .invite-type label {
      margin-right: 20px;
      font-size: 14px;
      color: #828992; }
  .invite-index-wrap .btn-phone-style {
    width: 130px;
    padding-left: 6px;
    margin-right: 12px;
    font-size: 13px;
    color: #333;
    border: 1px solid #eaedf1; }
    .invite-index-wrap .btn-phone-style:hover {
      color: #fe6a49; }
    .invite-index-wrap .btn-phone-style .invite-index-qr-code {
      font-size: 15px;
      vertical-align: middle; }
      .invite-index-wrap .btn-phone-style .invite-index-qr-code:hover {
        color: #fe6a49;
        border-color: #fe6a49; }
    .invite-index-wrap .btn-phone-style span {
      display: inline-block;
      height: 26px;
      padding-left: 6px;
      margin-left: 6px;
      line-height: 26px;
      border-left: 1px solid #e1e1e1; }
    .invite-index-wrap .btn-phone-style.en {
      width: 160px; }
  .invite-index-wrap .btn-qrcode-style {
    width: 140px;
    padding: 0;
    font-size: 13px;
    color: #333;
    border: 1px solid #eaedf1; }
    .invite-index-wrap .btn-qrcode-style:hover {
      color: #fe6a49; }
    .invite-index-wrap .btn-qrcode-style .invite-index-qr-code {
      font-size: 12px;
      vertical-align: middle; }
      .invite-index-wrap .btn-qrcode-style .invite-index-qr-code:hover {
        color: #fe6a49;
        border-color: #fe6a49; }
    .invite-index-wrap .btn-qrcode-style span {
      display: inline-block;
      height: 26px;
      padding-left: 6px;
      margin-left: 6px;
      line-height: 26px;
      border-left: 1px solid #e1e1e1; }
    .invite-index-wrap .btn-qrcode-style.en {
      width: 180px; }
  .invite-index-wrap .invite-select-tip {
    width: 257px;
    color: #222; }

.invite-drop-down {
  color: #222 !important; }

.invite-index-wrap {
  padding: 19px 4px 53px; }
  .invite-index-wrap .invite-team label {
    margin-right: 20px;
    font-size: 14px;
    color: #828992; }
  .invite-index-wrap .invite-user-type {
    margin-top: 24px; }
    .invite-index-wrap .invite-user-type label {
      margin-right: 20px;
      font-size: 14px;
      color: #828992; }
  .invite-index-wrap .invite-type {
    margin-top: 28px; }
    .invite-index-wrap .invite-type label {
      margin-right: 20px;
      font-size: 14px;
      color: #828992; }

.invite-phone-wrap {
  margin-top: 13px;
  text-align: center; }
  .invite-phone-wrap #invite-slide-verify {
    display: inline-block;
    width: 299px;
    margin-bottom: 28px;
    text-align: center; }
    .invite-phone-wrap #invite-slide-verify .nc_wrapper {
      width: 299px !important; }
  .invite-phone-wrap .mobile-input {
    vertical-align: bottom; }
  .invite-phone-wrap .input-parent {
    margin-bottom: 16px; }
  .invite-phone-wrap .default-select {
    display: inline-block;
    padding: 0 71px;
    font-size: 12px;
    color: #828992; }
  .invite-phone-wrap .select-group-btn {
    margin-left: 14px;
    font-size: 12px;
    color: #fe6a49;
    cursor: pointer; }

.invite-success-modal .add-phone-success {
  margin-top: 30px;
  margin-bottom: 40px;
  text-align: center; }

.invite-success-modal .invite-index-qr-code {
  font-size: 44px;
  color: #33a94e; }

.invite-success-modal .success-phones {
  color: #222; }

.invite-success-modal .exists-phones {
  color: #828992; }

.invite-qrcode-wrap {
  padding: 14px 69px 14px; }
  .invite-qrcode-wrap .team-name {
    font-size: 14px;
    color: #222;
    text-align: center; }
  .invite-qrcode-wrap .invite-qrcode {
    text-align: center; }
    .invite-qrcode-wrap .invite-qrcode img {
      width: 150px; }
  .invite-qrcode-wrap .invite-qrcode-expire {
    font-size: 12px;
    color: rgba(52, 61, 76, 0.5);
    text-align: center; }
  .invite-qrcode-wrap .invite-scan-tip {
    margin-top: 8px;
    font-size: 12px;
    color: rgba(52, 61, 76, 0.5);
    text-align: center; }
  .invite-qrcode-wrap .invite-qrcode-set {
    margin-top: 30px;
    font-size: 12px;
    color: #5d6470;
    text-align: center; }
  .invite-qrcode-wrap .team-picture-fail {
    display: inline-block;
    margin-top: 70px;
    margin-bottom: 70px; }
  .invite-qrcode-wrap .qrcode-fail-hint {
    color: #222; }
  .invite-qrcode-wrap .reload-qrcode {
    margin-top: 20px;
    font-size: 12px;
    color: #037aff;
    cursor: pointer; }
  .invite-qrcode-wrap .select-group-btn {
    margin-left: 12px;
    color: #fe6a49;
    cursor: pointer; }

.choose-group .ant-modal-body {
  padding: 0 !important; }

.choose-group .ant-modal-footer {
  position: absolute;
  right: 58px;
  bottom: 0;
  float: right; }

.task-meeting-user-container {
  position: relative;
  display: inline-block;
  font-size: 12px;
  color: #222;
  text-align: center; }
  .task-meeting-user-container:hover .remove {
    display: inline-block; }
  .task-meeting-user-container .org-member {
    cursor: pointer; }
  .task-meeting-user-container .org-avatar {
    display: block;
    width: 25px;
    height: 25px;
    margin: 0 auto;
    font-size: 25px;
    line-height: 25px;
    color: #75a2ff;
    text-align: center;
    border-radius: 50%; }
  .task-meeting-user-container .avatar {
    display: block;
    width: 24px;
    height: 24px;
    padding: 0;
    margin: 0 auto;
    cursor: pointer;
    border-radius: 50%; }
  .task-meeting-user-container .name {
    display: block;
    width: 36px;
    height: 14px;
    margin-top: 6px;
    overflow: hidden;
    line-height: 14px;
    -o-text-overflow: ellipsis;
       text-overflow: ellipsis;
    white-space: nowrap; }
  .task-meeting-user-container .remove {
    position: absolute;
    top: -6px;
    right: 2px;
    display: none;
    width: 12px;
    height: 12px;
    line-height: 12px;
    text-align: center;
    cursor: pointer;
    background: #828992;
    border-radius: 50%; }
    .task-meeting-user-container .remove .x-icon {
      display: inline-block;
      font-size: 12px;
      color: #fff;
      -webkit-transform: scale(0.6);
          -ms-transform: scale(0.6);
              transform: scale(0.6); }

.org-path-popover .ant-popover-inner-content {
  position: relative; }

.org-path-popover .org-path {
  min-width: 10px;
  max-width: 250px;
  min-height: 18px;
  overflow: hidden;
  line-height: 18px;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  white-space: nowrap; }

@charset "UTF-8";
.bida-container {
  /* 必答样式文件 */
  /* 选择成员组件 */ }
  .bida-container .ant-modal-content {
    width: 556px; }
  .bida-container .bida-container.bida-channel {
    height: 600px; }
  .bida-container .notify-type {
    margin-top: 20px; }
    .bida-container .notify-type .notify-type-bar {
      display: inline-block;
      margin-left: 10px;
      font-size: 12px;
      vertical-align: top; }
    .bida-container .notify-type .ant-radio-button-wrapper-checked {
      z-index: 1;
      color: #fff;
      background: #fe6a49;
      border-color: #fe6a49;
      -webkit-box-shadow: -1px 0 0 0 #fe6a49;
      box-shadow: -1px 0 0 0 #fe6a49; }
  .bida-container .call-notice-tip {
    margin-top: 15px;
    margin-left: 70px;
    font-family: PingFangSC-Medium, PingFang SC;
    font-size: 12px;
    font-weight: 500;
    color: rgba(52, 61, 76, 0.5); }
  .bida-container .notify-member {
    margin-top: 20px; }
    .bida-container .notify-member .bida-receiver-member-container {
      position: relative;
      display: inline-block;
      width: 438px;
      margin-left: 10px;
      vertical-align: top; }
      .bida-container .notify-member .bida-receiver-member-container .task-meeting-user-container {
        margin-right: 10px; }
      .bida-container .notify-member .bida-receiver-member-container .show-all-member-tip {
        display: inline-block;
        height: 25px;
        margin-top: 0;
        margin-right: -13px;
        margin-left: -24px;
        font-size: 12px;
        line-height: 25px;
        color: #828992;
        vertical-align: top;
        cursor: pointer;
        -webkit-transform: scale(0.27);
            -ms-transform: scale(0.27);
                transform: scale(0.27); }
        .bida-container .notify-member .bida-receiver-member-container .show-all-member-tip:hover {
          color: #fe6a49; }
      .bida-container .notify-member .bida-receiver-member-container .add-member {
        display: inline-block;
        margin-top: -6px;
        font-size: 25px;
        color: #828992;
        vertical-align: top;
        cursor: pointer; }
        .bida-container .notify-member .bida-receiver-member-container .add-member:hover {
          color: #fe6a49; }
  .bida-container .content-label {
    display: inline-block;
    width: 60px;
    line-height: 27px;
    color: #222;
    text-align: right; }
  .bida-container .content-label.en {
    width: 100px; }
  .bida-container .bida-input {
    display: inline-block;
    margin-left: 10px;
    vertical-align: top; }
  .bida-container .bida-input-area {
    width: 450px;
    height: 120px;
    padding: 5px 0;
    margin-bottom: 6px;
    font-size: 14px;
    line-height: 21px;
    color: #222;
    border: 1px solid #f2f2f2;
    border-radius: 5px; }
    .bida-container .bida-input-area .QTEditor {
      background-color: #fff !important; }
  .bida-container .emoji-box {
    position: relative; }
    .bida-container .emoji-box .emoji-trigger-box.active {
      color: #fe6a49; }
    .bida-container .emoji-box .emoji-btn:hover {
      color: #fe6a49;
      cursor: pointer; }
  .bida-container .emoji-box .input-emoji-panel {
    bottom: -270px; }
  .bida-container .emoji-box > * {
    position: relative;
    font-size: 12px;
    vertical-align: middle; }
  .bida-container .emoji-box .emoji-btn {
    margin-right: 5px;
    font-size: 18px;
    color: #828992; }
  .bida-container .sms-notify {
    margin-top: 20px; }
  .bida-container .sms-status-bar {
    display: inline-block;
    margin-left: 10px;
    font-size: 12px;
    vertical-align: top; }
  .bida-container .sms-status-bar .radio-red {
    display: inline-block; }
  .bida-container .sms-status-bar .description {
    margin-left: 3px;
    vertical-align: top; }
  .bida-container .sms-checkbox {
    margin-right: 26px;
    cursor: pointer; }
  .bida-container .sms-checkbox.disabled {
    cursor: not-allowed; }
  .bida-container .sms-desc {
    margin-top: 4px;
    margin-bottom: 20px; }
  .bida-container .select-member-panel {
    width: 496px;
    height: 272px;
    margin-top: -10px;
    margin-bottom: 10px;
    border: 1px solid #dfdfdf;
    border-radius: 5px;
    /* 覆盖通讯录选人组件样式 */ }
    .bida-container .select-member-panel .select-wrap {
      width: 100%; }
      .bida-container .select-member-panel .select-wrap .friend-page {
        width: 247px; }
      .bida-container .select-member-panel .select-wrap .unselect {
        width: 100%;
        height: 215px;
        overflow: hidden;
        border-right: none; }
      .bida-container .select-member-panel .select-wrap .selected {
        height: 270px;
        min-height: auto;
        margin-top: 0;
        overflow: hidden; }
    .bida-container .select-member-panel .selected-wrap {
      width: 248px;
      height: 100%; }
    .bida-container .select-member-panel .contact-scroll-bar-selected {
      height: 225px !important; }
    .bida-container .select-member-panel .local-search {
      width: 230px;
      border-right: none; }
  .bida-container .select-member-panel span:not(.search-icon-clear) {
    display: inline-block;
    vertical-align: middle; }
  .bida-container .unselected-member {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    display: inline-block;
    float: left;
    width: 247px;
    height: 100%;
    vertical-align: middle;
    border-right: 1px solid #dfdfdf; }
  .bida-container .unselected-member .search-wrapper {
    position: relative;
    height: 28px;
    margin: 5px; }
  .bida-container .unselected-header .list-title {
    display: inline-block;
    max-width: 220px;
    padding-left: 13px;
    overflow: hidden;
    color: #222;
    -o-text-overflow: ellipsis;
       text-overflow: ellipsis;
    white-space: nowrap;
    vertical-align: middle; }
  .bida-container .unselected-header .list-select-all {
    float: right;
    margin-right: 10px; }
  .bida-container .unselected-header .list-select-all:hover {
    color: #037aff;
    cursor: pointer; }
  .bida-container .unselected-header .list-select-all::after {
    display: block;
    clear: both;
    content: ''; }
  .bida-container .unselected-member li {
    height: 35px;
    padding-left: 4px;
    line-height: 35px;
    cursor: pointer; }
  .bida-container .unselected-member .name {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 70px;
    padding-bottom: 2px;
    padding-left: 10px;
    overflow: hidden;
    font-size: 13px;
    font-weight: 700;
    color: #1d8ad2;
    -o-text-overflow: ellipsis;
       text-overflow: ellipsis;
    white-space: nowrap; }
  .bida-container .unselected-member .info {
    width: 138px;
    margin-left: 13px;
    overflow: hidden;
    -o-text-overflow: ellipsis;
       text-overflow: ellipsis;
    white-space: nowrap; }
  .bida-container .unselected-member .addFback {
    position: relative;
    cursor: pointer; }
  .bida-container .unselected-member .addF {
    position: relative;
    vertical-align: top !important;
    cursor: pointer; }
  .bida-container .selected-member {
    position: relative;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    display: inline-block;
    width: 193px;
    height: 100%;
    vertical-align: top; }
  .bida-container .selected-member li {
    width: 100%;
    height: 35px;
    padding-left: 20px;
    line-height: 34px;
    color: #fe6a49;
    background-color: transparent;
    border-bottom: 1px solid #dfdfdf; }
    .bida-container .selected-member li:hover {
      background-color: #eee; }
  .bida-container .loading-status {
    position: relative;
    width: 1em;
    height: 1em;
    margin: 140px auto 0 auto;
    font-size: 5px;
    text-indent: -9999em;
    border-radius: 50%;
    -webkit-transform: translateZ(0) scale(0.5);
    -ms-transform: translateZ(0) scale(0.5);
    transform: translateZ(0) scale(0.5);
    -webkit-animation: loading 1.1s infinite ease;
    animation: loading 1.1s infinite ease; }
  .bida-container .unselected-member .load-failed {
    margin-top: 100px;
    color: #b4b4bd;
    text-align: center; }
  .bida-container .unselected-member .reload-btn {
    color: #037aff;
    cursor: pointer; }
  .bida-container .selected .has {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    height: 35px;
    padding-top: 5px;
    padding-left: 20px;
    background-color: #eee;
    border-bottom: 1px solid #dfdfdf; }
  .bida-container .selected .bold {
    font-weight: 400;
    color: #222; }
  .bida-container .selected .nb {
    margin-top: -2px;
    font-weight: 400;
    color: #fe6a49; }
  .bida-container .selected .added .name {
    width: 80%;
    overflow: hidden;
    -o-text-overflow: ellipsis;
       text-overflow: ellipsis;
    white-space: nowrap; }
  .bida-container .selected .added .icon-background .delete-icon {
    display: inline-block;
    margin-left: 5px;
    font-size: 15px;
    color: #828992;
    vertical-align: middle;
    cursor: pointer; }
  .bida-container .call-modal-tip {
    margin-top: 15px;
    margin-left: 69px;
    font-family: PingFangSC-Medium, PingFang SC;
    font-size: 12px;
    font-weight: 500;
    color: rgba(52, 61, 76, 0.5); }

.notify-member-choose-modal .ant-modal-content {
  overflow: hidden; }
  .notify-member-choose-modal .ant-modal-content .ant-modal-body {
    padding: 0; }
    .notify-member-choose-modal .ant-modal-content .ant-modal-body .local-search {
      padding-top: 17px;
      padding-left: 26px;
      border-right: 1px solid #f3f4f6; }
    .notify-member-choose-modal .ant-modal-content .ant-modal-body .select-wrap .delete-member-selected-cls {
      height: 361px; }
    .notify-member-choose-modal .ant-modal-content .ant-modal-body .select-wrap .delete-member-unselected-cls {
      overflow-y: auto;
      border-right: 1px solid #ebebeb; }
      .notify-member-choose-modal .ant-modal-content .ant-modal-body .select-wrap .delete-member-unselected-cls .friend-page {
        width: 353px; }
  .notify-member-choose-modal .ant-modal-content .ant-modal-footer {
    position: absolute;
    right: 58px;
    bottom: 0; }

.live-remove-guest .content {
  text-align: center;
  font-family: PingFangSC-Regular, PingFang SC;
  font-size: 14px;
  font-weight: 400;
  color: #222222; }

.live-remove-guest .ant-modal-body {
  padding: 40px; }

.live-remove-guest .ant-modal-footer {
  padding: 0px 16px 12px 10px; }

.live-remove-guest {
  width: 295px;
  height: 193px; }
  .live-remove-guest .content {
    text-align: center;
    font-family: PingFangSC-Regular, PingFang SC;
    font-size: 14px;
    font-weight: 400;
    color: #222222; }
  .live-remove-guest .ant-modal-body {
    padding: 40px; }
  .live-remove-guest .ant-modal-footer {
    padding: 0px 16px 12px 10px; }

.qt-hybird-date-picker {
  /*
      /*rtl:begin:ignore*/
  /*
      /*rtl:end:ignore*/
  /*
      /*rtl:begin:ignore*/
  /*
      /*rtl:end:ignore*/ }
  .qt-hybird-date-picker .flatpickr-calendar {
    position: absolute;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: none;
    width: 307.875px;
    max-height: 0;
    padding: 0;
    overflow: hidden;
    font-size: 14px;
    line-height: 24px;
    text-align: center;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    visibility: hidden;
    background: transparent;
    background: #fff;
    border: 0;
    border-radius: 5px;
    -webkit-box-shadow: 1px 0 0 #e6e6e6, -1px 0 0 #e6e6e6, 0 1px 0 #e6e6e6, 0 -1px 0 #e6e6e6, 0 3px 13px rgba(0, 0, 0, 0.08);
    box-shadow: 1px 0 0 #e6e6e6, -1px 0 0 #e6e6e6, 0 1px 0 #e6e6e6, 0 -1px 0 #e6e6e6, 0 3px 13px rgba(0, 0, 0, 0.08);
    opacity: 0;
    -webkit-animation: none;
    animation: none;
    direction: ltr; }
  .qt-hybird-date-picker .flatpickr-calendar.open,
  .qt-hybird-date-picker .flatpickr-calendar.inline {
    max-height: 640px;
    overflow: visible;
    visibility: visible;
    opacity: 1; }
  .qt-hybird-date-picker .flatpickr-calendar.open {
    z-index: 99999;
    display: inline-block; }
  .qt-hybird-date-picker .flatpickr-calendar.animate.open {
    -webkit-animation: fpFadeInDown 200ms cubic-bezier(0.23, 1, 0.32, 1);
    animation: fpFadeInDown 200ms cubic-bezier(0.23, 1, 0.32, 1); }
  .qt-hybird-date-picker .flatpickr-calendar.inline {
    position: relative;
    top: 2px;
    display: block; }
  .qt-hybird-date-picker .flatpickr-calendar.static {
    position: absolute;
    top: calc(100% + 2px); }
  .qt-hybird-date-picker .flatpickr-calendar.static.open {
    z-index: 999;
    display: block; }
  .qt-hybird-date-picker .flatpickr-calendar.hasWeeks {
    width: auto; }
  .qt-hybird-date-picker .flatpickr-calendar .hasWeeks .dayContainer,
  .qt-hybird-date-picker .flatpickr-calendar .hasTime .dayContainer {
    border-bottom: 0;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0; }
  .qt-hybird-date-picker .flatpickr-calendar .hasWeeks .dayContainer {
    border-left: 0; }
  .qt-hybird-date-picker .flatpickr-calendar.showTimeInput.hasTime .flatpickr-time {
    height: 40px;
    border-top: 1px solid #e6e6e6; }
  .qt-hybird-date-picker .flatpickr-calendar.noCalendar.hasTime .flatpickr-time {
    height: auto; }
  .qt-hybird-date-picker .flatpickr-calendar.rightMost:before,
  .qt-hybird-date-picker .flatpickr-calendar.rightMost:after {
    right: 22px;
    left: auto; }
  .qt-hybird-date-picker .flatpickr-calendar:before {
    margin: 0 -5px;
    border-width: 5px; }
  .qt-hybird-date-picker .flatpickr-calendar:after {
    margin: 0 -4px;
    border-width: 4px; }
  .qt-hybird-date-picker .flatpickr-calendar.arrowTop:before,
  .qt-hybird-date-picker .flatpickr-calendar.arrowTop:after {
    bottom: 100%; }
  .qt-hybird-date-picker .flatpickr-calendar.arrowTop:before {
    border-bottom-color: #e6e6e6; }
  .qt-hybird-date-picker .flatpickr-calendar.arrowTop:after {
    border-bottom-color: #fff; }
  .qt-hybird-date-picker .flatpickr-calendar.arrowBottom:before,
  .qt-hybird-date-picker .flatpickr-calendar.arrowBottom:after {
    top: 100%; }
  .qt-hybird-date-picker .flatpickr-calendar.arrowBottom:before {
    border-top-color: #e6e6e6; }
  .qt-hybird-date-picker .flatpickr-calendar.arrowBottom:after {
    border-top-color: #fff; }
  .qt-hybird-date-picker .flatpickr-calendar:focus {
    outline: 0; }
  .qt-hybird-date-picker .flatpickr-wrapper {
    position: relative;
    display: inline-block; }
  .qt-hybird-date-picker .flatpickr-month {
    position: relative;
    height: 28px;
    overflow: hidden;
    line-height: 1;
    color: #222;
    text-align: center;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background: transparent;
    fill: #222; }
  .qt-hybird-date-picker .flatpickr-prev-month,
  .qt-hybird-date-picker .flatpickr-next-month {
    position: absolute;
    top: 0;
    z-index: 3;
    height: 28px;
    padding: 10px calc(3.57% - 1.5px);
    line-height: 16px;
    text-decoration: none;
    cursor: pointer; }
  .qt-hybird-date-picker .flatpickr-prev-month i,
  .qt-hybird-date-picker .flatpickr-next-month i {
    position: relative; }
  .qt-hybird-date-picker .flatpickr-prev-month.flatpickr-prev-month,
  .qt-hybird-date-picker .flatpickr-next-month.flatpickr-prev-month {
    /*
      /*rtl:begin:ignore*/
    /*
      */
    left: 0;
    /*
      /*rtl:end:ignore*/
    /*
      */ }
  .qt-hybird-date-picker .flatpickr-prev-month.flatpickr-next-month,
  .qt-hybird-date-picker .flatpickr-next-month.flatpickr-next-month {
    /*
      /*rtl:begin:ignore*/
    /*
      */
    right: 0;
    /*
      /*rtl:end:ignore*/
    /*
      */ }
  .qt-hybird-date-picker .flatpickr-prev-month:hover,
  .qt-hybird-date-picker .flatpickr-next-month:hover {
    color: #959ea9; }
  .qt-hybird-date-picker .flatpickr-prev-month:hover svg,
  .qt-hybird-date-picker .flatpickr-next-month:hover svg {
    fill: #f64747; }
  .qt-hybird-date-picker .flatpickr-prev-month svg,
  .qt-hybird-date-picker .flatpickr-next-month svg {
    width: 13px;
    height: 13px; }
  .qt-hybird-date-picker .flatpickr-prev-month svg path,
  .qt-hybird-date-picker .flatpickr-next-month svg path {
    fill: inherit;
    -webkit-transition: fill 0.1s;
    -o-transition: fill 0.1s;
    transition: fill 0.1s; }
  .qt-hybird-date-picker .numInputWrapper {
    position: relative;
    height: auto; }
  .qt-hybird-date-picker .numInputWrapper input,
  .qt-hybird-date-picker .numInputWrapper span {
    display: inline-block; }
  .qt-hybird-date-picker .numInputWrapper input {
    width: 100%; }
  .qt-hybird-date-picker .numInputWrapper input::-ms-clear {
    display: none; }
  .qt-hybird-date-picker .numInputWrapper span {
    position: absolute;
    right: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 14px;
    height: 50%;
    padding: 0 4px 0 2px;
    line-height: 50%;
    cursor: pointer;
    border: 1px solid rgba(57, 57, 57, 0.15);
    opacity: 0; }
  .qt-hybird-date-picker .numInputWrapper span:hover {
    background: rgba(0, 0, 0, 0.1); }
  .qt-hybird-date-picker .numInputWrapper span:active {
    background: rgba(0, 0, 0, 0.2); }
  .qt-hybird-date-picker .numInputWrapper span:after {
    position: absolute;
    display: block;
    content: ''; }
  .qt-hybird-date-picker .numInputWrapper span.arrowUp {
    top: 0;
    border-bottom: 0; }
  .qt-hybird-date-picker .numInputWrapper span.arrowUp:after {
    top: 4px;
    border-right: 4px solid transparent;
    border-bottom: 4px solid rgba(57, 57, 57, 0.6);
    border-left: 4px solid transparent; }
  .qt-hybird-date-picker .numInputWrapper span.arrowDown {
    top: 50%; }
  .qt-hybird-date-picker .numInputWrapper span.arrowDown:after {
    top: 6px;
    border-top: 4px solid rgba(57, 57, 57, 0.6);
    border-right: 4px solid transparent;
    border-left: 4px solid transparent; }
  .qt-hybird-date-picker .numInputWrapper span svg {
    width: inherit;
    height: auto; }
  .qt-hybird-date-picker .numInputWrapper span svg path {
    fill: rgba(0, 0, 0, 0.5); }
  .qt-hybird-date-picker .numInputWrapper:hover {
    background: rgba(0, 0, 0, 0.05); }
  .qt-hybird-date-picker .numInputWrapper:hover span {
    opacity: 1; }
  .qt-hybird-date-picker .flatpickr-current-month {
    position: absolute;
    left: 12.5%;
    display: inline-block;
    width: 75%;
    height: 28px;
    padding: 6.16px 0 0 0;
    font-size: 100%;
    font-weight: 300;
    line-height: inherit;
    line-height: 1;
    color: inherit;
    text-align: center;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }
  .qt-hybird-date-picker .flatpickr-current-month span.cur-month {
    display: inline-block;
    padding: 0;
    margin-left: 0.5ch;
    font-family: inherit;
    font-weight: 700;
    color: inherit; }
  .qt-hybird-date-picker .flatpickr-current-month span.cur-month:hover {
    background: rgba(0, 0, 0, 0.05); }
  .qt-hybird-date-picker .flatpickr-current-month .numInputWrapper {
    display: inline-block;
    width: 6ch;
    width: 7ch\0; }
  .qt-hybird-date-picker .flatpickr-current-month .numInputWrapper span.arrowUp:after {
    border-bottom-color: rgba(0, 0, 0, 0.9); }
  .qt-hybird-date-picker .flatpickr-current-month .numInputWrapper span.arrowDown:after {
    border-top-color: rgba(0, 0, 0, 0.9); }
  .qt-hybird-date-picker .flatpickr-current-month input.cur-year {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: inline-block;
    height: auto;
    padding: 0 0 0 0.5ch;
    margin: 0;
    font-family: inherit;
    font-size: inherit;
    font-weight: 300;
    line-height: inherit;
    color: inherit;
    vertical-align: initial;
    cursor: text;
    background: transparent;
    border: 0;
    border-radius: 0; }
  .qt-hybird-date-picker .flatpickr-current-month input.cur-year:focus {
    outline: 0; }
  .qt-hybird-date-picker .flatpickr-current-month input.cur-year[disabled],
  .qt-hybird-date-picker .flatpickr-current-month input.cur-year[disabled]:hover {
    font-size: 100%;
    color: rgba(0, 0, 0, 0.5);
    pointer-events: none;
    background: transparent; }
  .qt-hybird-date-picker .flatpickr-weekdays {
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    width: 100%;
    height: 28px;
    overflow: hidden;
    text-align: center;
    background: transparent;
    -webkit-box-align: center;
    -ms-flex-align: center; }
  .qt-hybird-date-picker span.flatpickr-weekday {
    display: block;
    -ms-flex: 1;
    flex: 1 1;
    margin: 0;
    font-size: 90%;
    font-weight: bolder;
    line-height: 1;
    color: rgba(0, 0, 0, 0.54);
    text-align: center;
    cursor: default;
    background: transparent;
    -webkit-box-flex: 1; }
  .qt-hybird-date-picker .dayContainer,
  .qt-hybird-date-picker .flatpickr-weeks {
    padding: 1px 0 0 0; }
  .qt-hybird-date-picker .flatpickr-days {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    width: 307.875px;
    overflow: hidden; }
  .qt-hybird-date-picker .flatpickr-days:focus {
    outline: 0; }
  .qt-hybird-date-picker .dayContainer {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: inline-block;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-pack: distribute;
        justify-content: space-around;
    width: 307.875px;
    min-width: 307.875px;
    max-width: 307.875px;
    padding: 0;
    text-align: left;
    outline: 0;
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -ms-flex-pack: justify; }
  .qt-hybird-date-picker .flatpickr-day {
    position: relative;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: inline-block;
    flex-basis: 14.2857143%;
    justify-content: center;
    width: 14.2857143%;
    max-width: 39px;
    height: 39px;
    margin: 0;
    font-weight: 400;
    line-height: 39px;
    color: #393939;
    text-align: center;
    cursor: pointer;
    background: none;
    border: 1px solid transparent;
    border-radius: 150px;
    -ms-flex-preferred-size: 14.2857143%;
    -webkit-box-pack: center;
    -ms-flex-pack: center; }
  .qt-hybird-date-picker .flatpickr-day.inRange,
  .qt-hybird-date-picker .flatpickr-day.prevMonthDay.inRange,
  .qt-hybird-date-picker .flatpickr-day.nextMonthDay.inRange,
  .qt-hybird-date-picker .flatpickr-day.today.inRange,
  .qt-hybird-date-picker .flatpickr-day.prevMonthDay.today.inRange,
  .qt-hybird-date-picker .flatpickr-day.nextMonthDay.today.inRange,
  .qt-hybird-date-picker .flatpickr-day:hover,
  .qt-hybird-date-picker .flatpickr-day.prevMonthDay:hover,
  .qt-hybird-date-picker .flatpickr-day.nextMonthDay:hover,
  .qt-hybird-date-picker .flatpickr-day:focus,
  .qt-hybird-date-picker .flatpickr-day.prevMonthDay:focus,
  .qt-hybird-date-picker .flatpickr-day.nextMonthDay:focus {
    cursor: pointer;
    background: #e6e6e6;
    border-color: #e6e6e6;
    outline: 0; }
  .qt-hybird-date-picker .flatpickr-day.today {
    border-color: #959ea9; }
  .qt-hybird-date-picker .flatpickr-day.today:hover,
  .qt-hybird-date-picker .flatpickr-day.today:focus {
    color: #fff;
    background: #959ea9;
    border-color: #959ea9; }
  .qt-hybird-date-picker .flatpickr-day.selected,
  .qt-hybird-date-picker .flatpickr-day.startRange,
  .qt-hybird-date-picker .flatpickr-day.endRange,
  .qt-hybird-date-picker .flatpickr-day.selected.inRange,
  .qt-hybird-date-picker .flatpickr-day.startRange.inRange,
  .qt-hybird-date-picker .flatpickr-day.endRange.inRange,
  .qt-hybird-date-picker .flatpickr-day.selected:focus,
  .qt-hybird-date-picker .flatpickr-day.startRange:focus,
  .qt-hybird-date-picker .flatpickr-day.endRange:focus,
  .qt-hybird-date-picker .flatpickr-day.selected:hover,
  .qt-hybird-date-picker .flatpickr-day.startRange:hover,
  .qt-hybird-date-picker .flatpickr-day.endRange:hover,
  .qt-hybird-date-picker .flatpickr-day.selected.prevMonthDay,
  .qt-hybird-date-picker .flatpickr-day.startRange.prevMonthDay,
  .qt-hybird-date-picker .flatpickr-day.endRange.prevMonthDay,
  .qt-hybird-date-picker .flatpickr-day.selected.nextMonthDay,
  .qt-hybird-date-picker .flatpickr-day.startRange.nextMonthDay,
  .qt-hybird-date-picker .flatpickr-day.endRange.nextMonthDay {
    color: #fff;
    background: #569ff7;
    border-color: #569ff7;
    -webkit-box-shadow: none;
    box-shadow: none; }
  .qt-hybird-date-picker .flatpickr-day.selected.startRange,
  .qt-hybird-date-picker .flatpickr-day.startRange.startRange,
  .qt-hybird-date-picker .flatpickr-day.endRange.startRange {
    border-radius: 50px 0 0 50px; }
  .qt-hybird-date-picker .flatpickr-day.selected.endRange,
  .qt-hybird-date-picker .flatpickr-day.startRange.endRange,
  .qt-hybird-date-picker .flatpickr-day.endRange.endRange {
    border-radius: 0 50px 50px 0; }
  .qt-hybird-date-picker .flatpickr-day.selected.startRange + .endRange,
  .qt-hybird-date-picker .flatpickr-day.startRange.startRange + .endRange,
  .qt-hybird-date-picker .flatpickr-day.endRange.startRange + .endRange {
    -webkit-box-shadow: -10px 0 0 #569ff7;
    box-shadow: -10px 0 0 #569ff7; }
  .qt-hybird-date-picker .flatpickr-day.selected.startRange.endRange,
  .qt-hybird-date-picker .flatpickr-day.startRange.startRange.endRange,
  .qt-hybird-date-picker .flatpickr-day.endRange.startRange.endRange {
    border-radius: 50px; }
  .qt-hybird-date-picker .flatpickr-day.inRange {
    border-radius: 0;
    -webkit-box-shadow: -5px 0 0 #e6e6e6, 5px 0 0 #e6e6e6;
    box-shadow: -5px 0 0 #e6e6e6, 5px 0 0 #e6e6e6; }
  .qt-hybird-date-picker .flatpickr-day.flatpickr-disabled,
  .qt-hybird-date-picker .flatpickr-day.flatpickr-disabled:hover,
  .qt-hybird-date-picker .flatpickr-day.flatpickr-prevMonthDay,
  .qt-hybird-date-picker .flatpickr-day.flatpickr-nextMonthDay,
  .qt-hybird-date-picker .flatpickr-day.notAllowed,
  .qt-hybird-date-picker .flatpickr-day.notAllowed.prevMonthDay,
  .qt-hybird-date-picker .flatpickr-day.notAllowed.nextMonthDay {
    color: rgba(57, 57, 57, 0.3);
    cursor: default;
    background: transparent;
    border-color: transparent;
    border: 0 !important; }
  .qt-hybird-date-picker .flatpickr-day.flatpickr-disabled,
  .qt-hybird-date-picker .flatpickr-day.flatpickr-disabled:hover {
    cursor: not-allowed;
    color: rgba(57, 57, 57, 0.3) !important;
    background-color: white !important; }
  .qt-hybird-date-picker .flatpickr-day.week.selected {
    border-radius: 0;
    -webkit-box-shadow: -5px 0 0 #569ff7, 5px 0 0 #569ff7;
    box-shadow: -5px 0 0 #569ff7, 5px 0 0 #569ff7; }
  .qt-hybird-date-picker .rangeMode .flatpickr-day {
    margin-top: 1px; }
  .qt-hybird-date-picker .flatpickr-weekwrapper {
    display: inline-block;
    float: left; }
  .qt-hybird-date-picker .flatpickr-weekwrapper .flatpickr-weeks {
    padding: 0 12px;
    -webkit-box-shadow: 1px 0 0 #e6e6e6;
    box-shadow: 1px 0 0 #e6e6e6; }
  .qt-hybird-date-picker .flatpickr-weekwrapper .flatpickr-weekday {
    float: none;
    width: 100%;
    line-height: 28px; }
  .qt-hybird-date-picker .flatpickr-weekwrapper span.flatpickr-day,
  .qt-hybird-date-picker .flatpickr-weekwrapper span.flatpickr-day:hover {
    display: block;
    width: 100%;
    max-width: none;
    color: rgba(57, 57, 57, 0.3);
    cursor: default;
    background: transparent;
    border: none; }
  .qt-hybird-date-picker .flatpickr-innerContainer {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    display: -ms-flexbox;
    display: flex;
    overflow: hidden; }
  .qt-hybird-date-picker .flatpickr-rContainer {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: inline-block;
    padding: 0; }
  .qt-hybird-date-picker .flatpickr-time {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    display: -ms-flexbox;
    display: flex;
    height: 0;
    max-height: 40px;
    overflow: hidden;
    line-height: 40px;
    text-align: center;
    outline: 0; }
  .qt-hybird-date-picker .flatpickr-time:after {
    display: table;
    clear: both;
    content: ''; }
  .qt-hybird-date-picker .flatpickr-time .numInputWrapper {
    -ms-flex: 1;
    flex: 1 1;
    float: left;
    width: 40%;
    height: 40px;
    -webkit-box-flex: 1; }
  .qt-hybird-date-picker .flatpickr-time .numInputWrapper span.arrowUp:after {
    border-bottom-color: #393939; }
  .qt-hybird-date-picker .flatpickr-time .numInputWrapper span.arrowDown:after {
    border-top-color: #393939; }
  .qt-hybird-date-picker .flatpickr-time.hasSeconds .numInputWrapper {
    width: 26%; }
  .qt-hybird-date-picker .flatpickr-time.time24hr .numInputWrapper {
    width: 49%; }
  .qt-hybird-date-picker .flatpickr-time input {
    position: relative;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: inherit;
    padding: 0;
    margin: 0;
    font-size: 14px;
    line-height: inherit;
    color: #393939;
    text-align: center;
    cursor: pointer;
    background: transparent;
    border: 0;
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none; }
  .qt-hybird-date-picker .flatpickr-time input.flatpickr-hour {
    font-weight: bold; }
  .qt-hybird-date-picker .flatpickr-time input.flatpickr-minute,
  .qt-hybird-date-picker .flatpickr-time input.flatpickr-second {
    font-weight: 400; }
  .qt-hybird-date-picker .flatpickr-time input:focus {
    border: 0;
    outline: 0; }
  .qt-hybird-date-picker .flatpickr-time .flatpickr-time-separator,
  .qt-hybird-date-picker .flatpickr-time .flatpickr-am-pm {
    display: inline-block;
    align-self: center;
    float: left;
    width: 2%;
    height: inherit;
    font-weight: bold;
    line-height: inherit;
    color: #393939;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -ms-flex-item-align: center; }
  .qt-hybird-date-picker .flatpickr-time .flatpickr-am-pm {
    width: 18%;
    font-weight: 400;
    text-align: center;
    cursor: pointer;
    outline: 0; }
  .qt-hybird-date-picker .flatpickr-time .flatpickr-am-pm:hover,
  .qt-hybird-date-picker .flatpickr-time .flatpickr-am-pm:focus {
    background: #f0f0f0; }
  .qt-hybird-date-picker .flatpickr-input[readonly] {
    cursor: pointer; }

@-webkit-keyframes fpFadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0); }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }

@keyframes fpFadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0); }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }

.qt-hybird-date-picker .flatpickr-input[readonly] {
  display: none !important; }

.qt-hybird-date-picker .flatpickr-next-month {
  right: -2px !important; }

.qt-hybird-date-picker .flatpickr-weekdays .flatpickr-weekdaycontainer {
  display: -ms-flexbox;
  display: flex;
  width: 100%; }

.qt-hybird-date-picker .flatpickr-calendar {
  width: 220px !important;
  margin: 0 auto;
  -webkit-box-shadow: none;
          box-shadow: none; }

.qt-hybird-date-picker .arrowUp {
  border: none; }
  .qt-hybird-date-picker .arrowUp::after {
    border-bottom-color: #828992 !important; }
  .qt-hybird-date-picker .arrowUp::before {
    position: absolute;
    top: 6px;
    left: 2px;
    z-index: 9;
    display: block;
    content: ' ';
    border-right: 4px solid transparent;
    border-bottom: 4px solid #f8f8f8;
    border-left: 4px solid transparent; }

.qt-hybird-date-picker .arrowDown {
  border: none; }
  .qt-hybird-date-picker .arrowDown::after {
    border-top-color: #828992 !important; }
  .qt-hybird-date-picker .arrowDown::before {
    position: absolute;
    top: 4px !important;
    z-index: 9;
    display: block;
    content: ' ';
    border-top: 4px solid #f8f8f8;
    border-right: 4px solid transparent;
    border-left: 4px solid transparent; }

.qt-hybird-date-picker .flatpickr-month .flatpickr-prev-month svg,
.qt-hybird-date-picker .flatpickr-month .flatpickr-next-month svg {
  width: 16px;
  height: 10px; }
  .qt-hybird-date-picker .flatpickr-month .flatpickr-prev-month svg path,
  .qt-hybird-date-picker .flatpickr-month .flatpickr-next-month svg path {
    fill: #666; }

.qt-hybird-date-picker .flatpickr-month .flatpickr-current-month .cur-month,
.qt-hybird-date-picker .flatpickr-month .flatpickr-current-month .cur-year {
  font-size: 12px;
  font-weight: normal !important;
  line-height: 12px;
  color: #222;
  cursor: auto; }

.qt-hybird-date-picker .flatpickr-month .flatpickr-current-month .cur-month {
  padding: 4px 10px !important;
  margin-right: 30px;
  vertical-align: middle; }
  .qt-hybird-date-picker .flatpickr-month .flatpickr-current-month .cur-month:hover {
    background: #f8f8f8 !important;
    border-radius: 3px; }

.qt-hybird-date-picker .flatpickr-month .flatpickr-current-month .numInputWrapper {
  height: 20px;
  padding: 1px;
  vertical-align: middle;
  border: solid 1px rgba(0, 0, 0, 0);
  border-radius: 4px;
  -webkit-transition: border 0.3s;
  -o-transition: border 0.3s;
  transition: border 0.3s; }
  .qt-hybird-date-picker .flatpickr-month .flatpickr-current-month .numInputWrapper .cur-year {
    position: absolute;
    top: calc(50% - 6px);
    left: 4px;
    display: inline-block;
    height: 12px;
    padding: 0; }
  .qt-hybird-date-picker .flatpickr-month .flatpickr-current-month .numInputWrapper:hover {
    border-color: #69b0e7 !important;
    outline: 0;
    -webkit-box-shadow: 0 0 0 2px rgba(105, 176, 231, 0.2);
            box-shadow: 0 0 0 2px rgba(105, 176, 231, 0.2); }
  .qt-hybird-date-picker .flatpickr-month .flatpickr-current-month .numInputWrapper span:hover {
    background: none !important; }
  .qt-hybird-date-picker .flatpickr-month .flatpickr-current-month .numInputWrapper .arrowUp::before {
    top: 45%; }
  .qt-hybird-date-picker .flatpickr-month .flatpickr-current-month .numInputWrapper .arrowDown::before {
    top: 20%; }

.qt-hybird-date-picker .flatpickr-weekdays .flatpickr-weekday {
  font-size: 12px;
  font-weight: normal;
  color: #222; }

.qt-hybird-date-picker .flatpickr-weekdays,
.qt-hybird-date-picker .flatpickr-days,
.qt-hybird-date-picker .dayContainer {
  width: 220px !important;
  min-width: 220px;
  max-width: 220px; }

.qt-hybird-date-picker .flatpickr-days .flatpickr-day {
  max-width: 20px;
  height: 20px;
  margin: 5px;
  font-size: 12px;
  line-height: 20px;
  color: #222; }
  .qt-hybird-date-picker .flatpickr-days .flatpickr-day:hover {
    color: white;
    background: #fe6a49;
    border-color: #fe6a49; }
  .qt-hybird-date-picker .flatpickr-days .flatpickr-day.inRange {
    background: #ffe2dc !important;
    border-color: #ffe2dc !important;
    -webkit-box-shadow: -5px 0 0 #ffe2dc, 5px 0 0 #ffe2dc !important;
            box-shadow: -5px 0 0 #ffe2dc, 5px 0 0 #ffe2dc !important; }
  .qt-hybird-date-picker .flatpickr-days .flatpickr-day.startRange {
    background: #ffe2dc !important;
    border-color: #ffe2dc !important; }

.qt-hybird-date-picker .flatpickr-days .selected.endRange {
  background: #ffe2dc !important;
  border-color: #ffe2dc !important;
  -webkit-box-shadow: -10px 0 0 #ffe2dc;
          box-shadow: -10px 0 0 #ffe2dc; }

.qt-hybird-date-picker .flatpickr-days .startRange.endRange {
  -webkit-box-shadow: none;
          box-shadow: none; }

.qt-hybird-date-picker .flatpickr-days .dayContainer .prevMonthDay,
.qt-hybird-date-picker .flatpickr-days .dayContainer .nextMonthDay {
  color: #828992; }
  .qt-hybird-date-picker .flatpickr-days .dayContainer .prevMonthDay:hover,
  .qt-hybird-date-picker .flatpickr-days .dayContainer .nextMonthDay:hover {
    color: white !important; }

.qt-hybird-date-picker .flatpickr-days .dayContainer .selected {
  color: white !important;
  background: #fe6a49 !important;
  border-color: #fe6a49 !important; }

.qt-hybird-date-picker .flatpickr-days .dayContainer .disabled {
  color: rgba(57, 57, 57, 0.1) !important; }
  .qt-hybird-date-picker .flatpickr-days .dayContainer .disabled:hover {
    color: rgba(57, 57, 57, 0.1) !important;
    cursor: default !important;
    background: inherit !important;
    border-color: rgba(0, 0, 0, 0) !important; }

.qt-hybird-date-picker .flatpickr-calendar {
  top: 0; }
  .qt-hybird-date-picker .flatpickr-calendar .flatpickr-time {
    -webkit-box-sizing: content-box;
            box-sizing: content-box;
    height: 30px !important;
    line-height: 30px;
    background: #fff;
    border: 1px solid #e1e1e1;
    border-radius: 5px;
    -webkit-transition: border 0.3s;
    -o-transition: border 0.3s;
    transition: border 0.3s; }
    .qt-hybird-date-picker .flatpickr-calendar .flatpickr-time:hover {
      border-color: #69b0e7 !important;
      outline: 0;
      -webkit-box-shadow: 0 0 0 2px rgba(105, 176, 231, 0.2);
              box-shadow: 0 0 0 2px rgba(105, 176, 231, 0.2); }
    .qt-hybird-date-picker .flatpickr-calendar .flatpickr-time .numInputWrapper {
      height: 30px;
      margin-left: 18px;
      font-size: 12px; }
      .qt-hybird-date-picker .flatpickr-calendar .flatpickr-time .numInputWrapper:hover {
        background: #f8f8f8; }
    .qt-hybird-date-picker .flatpickr-calendar .flatpickr-time span:hover {
      background: none !important; }
    .qt-hybird-date-picker .flatpickr-calendar .flatpickr-time .arrowUp {
      top: 4px; }
    .qt-hybird-date-picker .flatpickr-calendar .flatpickr-time .arrowDown {
      top: 12px; }
      .qt-hybird-date-picker .flatpickr-calendar .flatpickr-time .arrowDown::before {
        top: 29%; }

.qt-hybird-date-picker .flatpickr-hour {
  font-weight: inherit !important; }

.qt-hybird-date-picker .numInputWrapper {
  margin-left: 30px !important; }

.qt-hybird-date-picker .flatpickr-monthDropdown-months {
  border: none; }

.hybird-task-date-time-icon {
  position: relative;
  display: inline-block; }
  .hybird-task-date-time-icon .hybird-date-time-tip {
    display: inline-block;
    color: #222;
    cursor: pointer; }
    .hybird-task-date-time-icon .hybird-date-time-tip .hybird-pick-tip {
      display: inline-block;
      color: #AAAFB5; }
      .hybird-task-date-time-icon .hybird-date-time-tip .hybird-pick-tip:hover {
        color: #AAAFB5; }

.hybird-date-time-picker {
  padding: 0 !important; }
  .hybird-date-time-picker .ant-popover-arrow {
    display: none !important; }
  .hybird-date-time-picker .ant-popover-inner-content {
    padding: 0 !important; }
  .hybird-date-time-picker .ant-popover {
    width: 273px; }

.hybird-task-date-time-container {
  position: relative;
  width: 273px;
  height: 400px; }
  .hybird-task-date-time-container .header {
    position: absolute;
    top: 0;
    width: 273px;
    height: 40px;
    padding-left: 10px;
    font-size: 12px;
    line-height: 40px;
    color: #222;
    background-color: #f3f4f6;
    border-radius: 4px; }
    .hybird-task-date-time-container .header .close-icon {
      float: right;
      margin-right: 20px;
      margin-top: 15px;
      color: #828992;
      cursor: pointer; }
      .hybird-task-date-time-container .header .close-icon:hover {
        color: #fe6a49; }
  .hybird-task-date-time-container .body {
    position: absolute;
    top: 40px;
    bottom: 50px;
    width: 100%;
    overflow-y: auto; }
    .hybird-task-date-time-container .body .date-picker-container {
      width: 100%;
      height: 236px; }
    .hybird-task-date-time-container .body .time-picker-container {
      width: 100%;
      height: 32px;
      margin-top: 20px; }
    .hybird-task-date-time-container .body .end-date-time-contianer {
      position: relative; }
      .hybird-task-date-time-container .body .end-date-time-contianer .end-time-placeholder {
        position: absolute;
        top: calc(50% - 8px);
        display: inline-block;
        width: 20px;
        height: 16px;
        font-size: 17px;
        line-height: 16px;
        text-align: center;
        letter-spacing: -1px;
        cursor: default;
        background: white; }
      .hybird-task-date-time-container .body .end-date-time-contianer .hour-placeholder {
        left: 82px;
        z-index: 9; }
      .hybird-task-date-time-container .body .end-date-time-contianer .min-placeholder {
        right: 56px;
        z-index: 9; }
    .hybird-task-date-time-container .body .reminder-tip {
      margin-top: 15px !important; }
    .hybird-task-date-time-container .body .item-tip {
      width: 220px;
      margin: 0 auto;
      margin-top: 10px !important;
      margin-bottom: 2px !important; }
      .hybird-task-date-time-container .body .item-tip .qt-icon {
        display: inline-block;
        margin-right: 8px;
        font-size: 15px;
        color: #828992;
        vertical-align: middle; }
      .hybird-task-date-time-container .body .item-tip span {
        display: inline-block;
        font-size: 12px;
        color: #222;
        vertical-align: middle; }
    .hybird-task-date-time-container .body .reminder-select {
      left: calc(50% - 110px);
      width: 220px;
      margin-bottom: 10px; }
  .hybird-task-date-time-container .footer {
    position: absolute;
    bottom: 0;
    width: 273px;
    height: 50px;
    line-height: 50px;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
    border-top: 3px solid #eaedf1; }
    .hybird-task-date-time-container .footer > div {
      float: right;
      padding-right: 20px; }
    .hybird-task-date-time-container .footer span {
      font-size: 12px;
      color: #828992;
      cursor: pointer; }
    .hybird-task-date-time-container .footer span:nth-child(2) {
      display: inline-block;
      margin-left: 15px;
      color: #fe6a49; }
    .hybird-task-date-time-container .footer .sure-btn {
      height: 17px;
      font-size: 12px;
      font-family: PingFangSC-Regular, PingFang SC;
      font-weight: 400;
      color: #FE6A49;
      line-height: 17px;
      border: 0; }
      .hybird-task-date-time-container .footer .sure-btn span {
        color: #FE6A49; }
  .hybird-task-date-time-container #date-picker,
  .hybird-task-date-time-container #end-time-picker,
  .hybird-task-date-time-container #time-picker {
    display: none !important; }

.template-msg-modal {
  height: 430px;
  overflow: hidden; }
  .template-msg-modal .ant-modal-body {
    height: 382px;
    padding: 0; }
  .template-msg-modal .ant-modal-footer {
    position: absolute;
    bottom: 10px;
    width: 100%; }
  .template-msg-modal .temp-list-wrap {
    margin-top: 10px; }
    .template-msg-modal .temp-list-wrap .temp-msg-item {
      height: 40px;
      line-height: 40px;
      width: 100%;
      padding-left: 20px;
      padding-right: 20px;
      cursor: pointer; }
      .template-msg-modal .temp-list-wrap .temp-msg-item:hover {
        background: #F3F4F6; }
      .template-msg-modal .temp-list-wrap .temp-msg-item .template-icon {
        margin-right: 10px;
        width: 20px;
        color: #2d73fe; }
      .template-msg-modal .temp-list-wrap .temp-msg-item .template-text {
        font-size: 14px;
        font-family: PingFangSC-Regular, PingFang SC;
        font-weight: 400;
        color: #222222;
        max-width: 400px;
        white-space: nowrap;
        overflow: hidden;
        -o-text-overflow: ellipsis;
           text-overflow: ellipsis;
        display: inline-block;
        vertical-align: top; }
      .template-msg-modal .temp-list-wrap .temp-msg-item .template-right-icon {
        float: right;
        -webkit-transform: rotate(180deg);
            -ms-transform: rotate(180deg);
                transform: rotate(180deg); }
  .template-msg-modal .temp-edit-wrap {
    margin-top: 10px;
    margin-left: 24px; }
    .template-msg-modal .temp-edit-wrap .date-wrap {
      display: inline-block;
      width: 312px;
      height: 30px;
      line-height: 30px;
      border-radius: 6px;
      border: 1px solid #E0E5F0;
      padding: 0px 6px 0px 6px; }
      .template-msg-modal .temp-edit-wrap .date-wrap .template-right-icon {
        float: right;
        -webkit-transform: rotate(-90deg) scale(0.6);
            -ms-transform: rotate(-90deg) scale(0.6);
                transform: rotate(-90deg) scale(0.6);
        color: rgba(0, 0, 0, 0.45);
        cursor: pointer; }
      .template-msg-modal .temp-edit-wrap .date-wrap .date-right-wrap {
        float: right;
        width: 150px;
        height: 30px;
        cursor: pointer; }
      .template-msg-modal .temp-edit-wrap .date-wrap .date-divid {
        display: inline-block;
        -webkit-transform: scaleX(2);
            -ms-transform: scaleX(2);
                transform: scaleX(2);
        color: #828992;
        margin: 0px 8px 0px 8px; }
    .template-msg-modal .temp-edit-wrap .edit-form-line {
      margin-bottom: 15px; }
      .template-msg-modal .temp-edit-wrap .edit-form-line .label {
        display: inline-block;
        width: 85px;
        text-align: right;
        margin-right: 24px; }
      .template-msg-modal .temp-edit-wrap .edit-form-line .sub-label-wrap .sub-label {
        display: inline-block;
        width: 85px;
        text-align: right;
        margin-right: 24px;
        margin-bottom: 20px; }
      .template-msg-modal .temp-edit-wrap .edit-form-line .sub-label-wrap .template-select-com {
        width: 379px;
        height: 28px; }
      .template-msg-modal .temp-edit-wrap .edit-form-line .temp-input {
        width: 379px;
        height: 28px; }
      .template-msg-modal .temp-edit-wrap .edit-form-line input::-webkit-input-placeholder {
        color: #AAAFB5 !important; }
      .template-msg-modal .temp-edit-wrap .edit-form-line .ant-select-selection__placeholder {
        color: #AAAFB5; }

.template-select-option {
  background-color: #ffffff !important; }
  .template-select-option:hover {
    background-color: #f3f4f6 !important; }

.recallModal {
  position: relative;
  z-index: 999; }
  .recallModal .ant-modal-content {
    width: 392px;
    height: 249px; }
    .recallModal .ant-modal-content .ant-modal-footer {
      margin-top: 11px; }
    .recallModal .ant-modal-content .title {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-pack: center;
          justify-content: center;
      width: 100%;
      height: 22px;
      margin-top: 4px;
      font-size: 14px;
      color: #222222; }
    .recallModal .ant-modal-content .subtitle {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-pack: center;
          justify-content: center;
      width: 100%;
      height: 22px;
      font-size: 14px;
      color: #222222; }
    .recallModal .ant-modal-content .avatarwraper {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-pack: center;
          justify-content: center;
      width: 100%;
      height: 32px;
      margin-top: 24px; }
    .recallModal .ant-modal-content .moreWrapper {
      display: -ms-flexbox;
      display: flex; }
    .recallModal .ant-modal-content .more {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-align: center;
          align-items: center;
      -ms-flex-pack: center;
          justify-content: center;
      width: 32px;
      height: 32px;
      margin-left: -8px;
      color: #5d6470;
      background-color: #eaedf1;
      border-radius: 50%; }
    .recallModal .ant-modal-content .avatar {
      width: 32px;
      height: 32px;
      margin-left: -8px; }

@-webkit-keyframes logout-index-in {
  from {
    opacity: 0;
    -webkit-transform: translateY(100%);
            transform: translateY(100%); }
  to {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0); } }

@keyframes logout-index-in {
  from {
    opacity: 0;
    -webkit-transform: translateY(100%);
            transform: translateY(100%); }
  to {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0); } }

@-webkit-keyframes logout-index-out {
  from {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0); }
  to {
    opacity: 0;
    -webkit-transform: translateY(100%);
            transform: translateY(100%); } }

@keyframes logout-index-out {
  from {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0); }
  to {
    opacity: 0;
    -webkit-transform: translateY(100%);
            transform: translateY(100%); } }

.logout-index-transition-leave {
  -webkit-transform: none;
      -ms-transform: none;
          transform: none; }

.logout-index-transition-leave.logout-index-transition-leave-active {
  -webkit-transform: translateY(100%);
      -ms-transform: translateY(100%);
          transform: translateY(100%); }

.logout-index-transition-enter {
  -webkit-transform: translateY(100%);
      -ms-transform: translateY(100%);
          transform: translateY(100%); }

.logout-index-transition-enter.logout-index-transition-enter-active {
  -webkit-transform: none;
      -ms-transform: none;
          transform: none; }

.logout-index {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  -webkit-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  transition: all 0.3s linear; }
  .logout-index .logout-header {
    position: absolute;
    top: 0;
    width: 100%;
    height: 50px;
    line-height: 50px;
    background: #f3f4f6;
    border-bottom: solid 1px #e1e1e1; }
    .logout-index .logout-header .title {
      position: relative;
      width: 85%;
      margin-left: 30px;
      font-size: 16px;
      color: #222; }
      .logout-index .logout-header .title .drag-box {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        -webkit-app-region: drag; }
    .logout-index .logout-header .close {
      position: absolute;
      top: 0;
      right: 24px;
      font-size: 14px;
      color: #828992; }
      .logout-index .logout-header .close .qt-icon {
        cursor: pointer; }
  .logout-index .logout-body {
    position: relative;
    margin-top: 50px;
    bottom: 0;
    background: #fff;
    overflow-y: scroll;
    overflow-x: hidden;
    height: calc(100% - 50px); }
    .logout-index .logout-body .logout-content {
      margin-top: 30px;
      font-size: 14px;
      color: #222;
      margin-left: 150px;
      margin-right: 150px; }
    .logout-index .logout-body .checkbox-container {
      margin-top: 20px; }
      .logout-index .logout-body .checkbox-container .checkbox-text {
        vertical-align: middle; }
    .logout-index .logout-body .btn-container {
      text-align: center;
      margin-top: 30px;
      margin-bottom: 30px; }
      .logout-index .logout-body .btn-container .logout-btn {
        background-color: #f3f4f6;
        border-radius: 8px;
        color: #222;
        font-size: 14px; }
        .logout-index .logout-body .btn-container .logout-btn:hover {
          color: #fe6a49; }
      .logout-index .logout-body .btn-container .disabled {
        color: #aaafb5; }
        .logout-index .logout-body .btn-container .disabled:hover {
          color: aaafb5; }

.logout-account-modal {
  width: 350px !important; }

.transform-not-display {
  -webkit-transform: scale(0) !important;
      -ms-transform: scale(0) !important;
          transform: scale(0) !important; }

@-webkit-keyframes note-index-in {
  from {
    opacity: 0;
    -webkit-transform: translateY(100%);
            transform: translateY(100%); }
  to {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0); } }

@keyframes note-index-in {
  from {
    opacity: 0;
    -webkit-transform: translateY(100%);
            transform: translateY(100%); }
  to {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0); } }

@-webkit-keyframes note-index-out {
  from {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0); }
  to {
    opacity: 0;
    -webkit-transform: translateY(100%);
            transform: translateY(100%); } }

@keyframes note-index-out {
  from {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0); }
  to {
    opacity: 0;
    -webkit-transform: translateY(100%);
            transform: translateY(100%); } }

.note-index-transition-leave {
  -webkit-transform: none;
      -ms-transform: none;
          transform: none; }

.note-index-transition-leave.note-index-transition-leave-active {
  -webkit-transform: translateY(100%);
      -ms-transform: translateY(100%);
          transform: translateY(100%); }

.note-index-transition-enter {
  -webkit-transform: translateY(100%);
      -ms-transform: translateY(100%);
          transform: translateY(100%); }

.note-index-transition-enter.note-index-transition-enter-active {
  -webkit-transform: none;
      -ms-transform: none;
          transform: none; }

.note-index {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  -webkit-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  transition: all 0.3s linear; }
  .note-index .note-header {
    position: absolute;
    top: 0;
    width: 100%;
    height: 50px;
    line-height: 50px;
    background: white;
    border-bottom: solid 1px #e1e1e1; }
    .note-index .note-header .title {
      position: relative;
      width: 85%;
      margin-left: 30px;
      font-size: 16px;
      color: #222; }
      .note-index .note-header .title .drag-box {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        -webkit-app-region: drag; }
    .note-index .note-header .close {
      position: absolute;
      top: 0;
      right: 24px;
      font-size: 14px;
      color: #828992; }
      .note-index .note-header .close .qt-icon {
        cursor: pointer; }
  .note-index .note-body {
    position: absolute;
    top: 50px;
    bottom: 0;
    width: 100%;
    background: #f8f8f8; }
    .note-index .note-body .list {
      position: absolute;
      width: 284px;
      height: 100%;
      background: #f9fafc;
      border-right: 1px solid #e1e1e1; }
      .note-index .note-body .list .tasks {
        height: calc(100% - 56px); }
      .note-index .note-body .list .no-note {
        margin-top: 90px;
        text-align: center; }
        .note-index .note-body .list .no-note .icon {
          width: 135px;
          margin-bottom: 38px; }
        .note-index .note-body .list .no-note .tip {
          display: block;
          font-size: 13px;
          color: #828992; }
      .note-index .note-body .list .nicescroll-container {
        padding: 0 !important; }
      .note-index .note-body .list .load-failed-container {
        margin-top: 200px;
        text-align: center; }
        .note-index .note-body .list .load-failed-container .retry {
          color: #037aff;
          cursor: pointer; }
    .note-index .note-body .detail {
      position: relative;
      height: 100%;
      margin-left: 330px; }
      .note-index .note-body .detail .logo {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
            align-items: center;
        -ms-flex-pack: center;
            justify-content: center;
        width: 100%;
        height: 100%; }
        .note-index .note-body .detail .logo img {
          width: 110px; }
    .note-index .note-body .notes {
      height: 100%; }
      .note-index .note-body .notes .empty-content-container {
        margin-top: 80px;
        text-align: center; }
    .note-index .note-body .note-search {
      width: 222px;
      padding-top: 12px;
      padding-bottom: 12px;
      margin-left: 30px; }
  .note-index .qt-logo {
    font-size: 75px;
    color: #e1e1e1; }

.transform-not-display {
  -webkit-transform: scale(0) !important;
      -ms-transform: scale(0) !important;
          transform: scale(0) !important; }

.note-detail {
  height: 100%;
  margin-top: 12px;
  margin-left: 330px;
  text-align: center; }
  .note-detail .note-image {
    display: inline-block;
    width: calc(100% - 300px);
    height: calc(100% - 140px);
    margin-right: 150px;
    margin-left: 150px;
    text-align: center;
    background: #fff; }
    .note-detail .note-image .image-preview-container {
      width: 100% !important;
      height: 100% !important;
      line-height: normal !important;
      background-color: #fff; }
    .note-detail .note-image .preview-img {
      background-color: #fff; }
    .note-detail .note-image .qt-avatar-background {
      width: 100% !important; }
  .note-detail .note-page {
    margin-top: 16px; }
  .note-detail .page-total {
    margin-right: 50px;
    margin-left: 50px;
    font-size: 14px;
    color: #828992; }
  .note-detail .note-operation {
    margin-top: 20px; }
  .note-detail .page-before {
    display: inline-block;
    margin-left: -2px; }
  .note-detail .page-next {
    display: inline-block;
    margin-left: -2px;
    -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
            transform: rotate(180deg); }
  .note-detail .page-border {
    font-size: 20px;
    color: #222;
    cursor: pointer; }
  .note-detail .note-operation a {
    color: #fe6a49;
    cursor: pointer; }
    .note-detail .note-operation a:hover {
      color: #ef5129; }
  .note-detail .forward {
    margin-left: 60px; }
  .note-detail .center-loading {
    margin-left: 150px !important; }
  .note-detail .network-error .list-load-failed-tip {
    margin-top: 192px; }
  .note-detail .image-load-timeout {
    font-size: 13px !important;
    color: #43a9df;
    cursor: pointer; }

.noteHidden .page-next {
  color: #ccc !important; }

.noteHidden .page-before {
  color: #ccc !important; }

.note-list {
  height: calc(100% - 52px);
  text-align: left; }

.note-list-item {
  height: 66px;
  padding-top: 12px;
  padding-left: 30px;
  cursor: pointer; }
  .note-list-item:hover {
    background-color: #f3f4f6; }
  .note-list-item .note-item-name {
    margin-bottom: 5px;
    overflow: hidden;
    color: #222;
    -o-text-overflow: ellipsis;
       text-overflow: ellipsis;
    white-space: nowrap; }
  .note-list-item .base-info {
    color: #828992; }
  .note-list-item .note-time-icon {
    font-size: 12px; }
  .note-list-item .time {
    margin-right: 16px;
    margin-left: 5px; }

.note-selected {
  background-color: #f3f4f6; }

.notification-bar {
  position: absolute;
  width: calc(100% - 290px);
  height: 48px;
  padding-top: 15px;
  padding-bottom: 13px;
  margin: 0 175px;
  color: #fefefe;
  text-align: center;
  background-color: rgba(90, 70, 170, 0.5);
  border-bottom-right-radius: 6px;
  border-bottom-left-radius: 6px;
  -webkit-box-shadow: 0 0 10px 0 rgba(10, 11, 21, 0.75);
  box-shadow: 0 0 10px 0 rgba(10, 11, 21, 0.75); }
  .notification-bar .open-notification-btn {
    float: right;
    margin-right: 30px;
    font-size: 17px;
    cursor: pointer; }
  .notification-bar a {
    color: #fff;
    text-decoration: underline; }

.recentchat-container {
  position: absolute;
  width: 253px;
  height: 100%;
  border-right: 1px solid #e4e7e9; }
  .recentchat-container .recentchat-tab.chat {
    height: 100%; }
  .recentchat-container .recentchat-tab.media {
    height: calc(100% - 48px); }
  .recentchat-container .recentchat-tab.notify {
    height: calc(100% - 48px); }
  .recentchat-container .recentchat-tab .ant-tabs-content {
    height: 100%; }
  .recentchat-container .recentchat-tab .ant-tabs-content-animated {
    -webkit-transition: opacity 0.3s linear;
    -o-transition: opacity 0.3s linear;
    transition: opacity 0.3s linear; }
  .recentchat-container .chat-item:last-child .right-container {
    border-bottom: none; }
  .recentchat-container .ant-tabs-tabpane-active {
    opacity: 1; }
  .recentchat-container .back {
    border-bottom: 1px solid #ebebeb; }
    .recentchat-container .back .btn {
      display: inline-block;
      height: 48px;
      margin-left: 12px;
      font-size: 12px;
      line-height: 48px;
      color: #222;
      cursor: pointer; }
      .recentchat-container .back .btn .back-icon {
        margin-right: 4px;
        color: #222; }

.chat-box-container-off {
  position: absolute;
  width: 253px;
  height: 100%;
  border-right: 1px solid #e4e7e9; }
  .chat-box-container-off .ant-tabs-line {
    height: 100%; }
  .chat-box-container-off .chat-box-tab.0 {
    height: 100%; }
  .chat-box-container-off .chat-box-tab.1 {
    height: 100%; }
  .chat-box-container-off .chat-box-tab.2 {
    height: 100%; }
  .chat-box-container-off .chat-box-tab.3 {
    height: 100%; }
  .chat-box-container-off .chat-box-tab .ant-tabs-top-bar {
    margin-bottom: 0px; }
  .chat-box-container-off .chat-box-tab .ant-tabs-content-animated {
    -webkit-transition: opacity 0.3s linear;
    -o-transition: opacity 0.3s linear;
    transition: opacity 0.3s linear; }
  .chat-box-container-off .chat-box-tab .ant-tabs-nav-container {
    line-height: 0.6 !important; }
    .chat-box-container-off .chat-box-tab .ant-tabs-nav-container .ant-tabs-nav .ant-tabs-tab {
      margin: 0 !important;
      padding: 12px 6px; }
  .chat-box-container-off .chat-box-tab .ant-tabs-extra-content {
    line-height: 30px; }
  .chat-box-container-off .chat-box-tab .close-icon {
    color: #828992;
    font-size: 12px;
    display: inline-block;
    -webkit-transform: scale(0.7);
        -ms-transform: scale(0.7);
            transform: scale(0.7);
    margin-right: -20px;
    cursor: pointer; }
  .chat-box-container-off .ant-tabs-ink-bar {
    height: 3px;
    background: -webkit-gradient(linear, left top, right top, from(#fe3546), to(#fd953d));
    background: -webkit-linear-gradient(left, #fe3546 0%, #fd953d 100%);
    background: -o-linear-gradient(left, #fe3546 0%, #fd953d 100%);
    background: linear-gradient(90deg, #fe3546 0%, #fd953d 100%);
    border-radius: 6px; }

.chat-box-container {
  position: absolute;
  width: 253px;
  height: 100%;
  border-right: 1px solid #e4e7e9; }
  .chat-box-container .recentchat-tab.chat {
    height: calc(100% - 30px); }
  .chat-box-container .recentchat-tab.media {
    height: calc(100% - 48px - 30px); }
  .chat-box-container .recentchat-tab.notify {
    height: calc(100% - 48px - 30px); }
  .chat-box-container .recentchat-tab .ant-tabs-content {
    height: 100%; }
  .chat-box-container .recentchat-tab .ant-tabs-content-animated {
    -webkit-transition: opacity 0.3s linear;
    -o-transition: opacity 0.3s linear;
    transition: opacity 0.3s linear; }
  .chat-box-container .ant-tabs-line {
    height: 100%; }
  .chat-box-container .chat-box-tab.0 {
    height: 100%; }
  .chat-box-container .chat-box-tab.1 {
    height: 100%; }
  .chat-box-container .chat-box-tab.2 {
    height: 100%; }
  .chat-box-container .chat-box-tab.3 {
    height: 100%; }
  .chat-box-container .chat-box-tab .ant-tabs-top-bar {
    margin-bottom: 0px; }
  .chat-box-container .chat-box-tab .ant-tabs-content-animated {
    -webkit-transition: opacity 0.3s linear;
    -o-transition: opacity 0.3s linear;
    transition: opacity 0.3s linear; }
  .chat-box-container .chat-box-tab .ant-tabs-nav-container {
    line-height: 0.6 !important; }
    .chat-box-container .chat-box-tab .ant-tabs-nav-container .ant-tabs-nav .ant-tabs-tab {
      margin-right: 0px !important;
      margin-left: 16px !important;
      padding: 12px 0px; }
  .chat-box-container .chat-box-tab .ant-tabs-extra-content {
    line-height: 30px; }
  .chat-box-container .chat-box-tab .close-icon {
    color: #828992;
    font-size: 12px;
    display: inline-block;
    -webkit-transform: scale(0.6);
        -ms-transform: scale(0.6);
            transform: scale(0.6);
    margin-right: -20px;
    cursor: pointer; }
  .chat-box-container .ant-tabs-ink-bar {
    height: 3px;
    background: -webkit-gradient(linear, left top, right top, from(#fe3546), to(#fd953d));
    background: -webkit-linear-gradient(left, #fe3546 0%, #fd953d 100%);
    background: -o-linear-gradient(left, #fe3546 0%, #fd953d 100%);
    background: linear-gradient(90deg, #fe3546 0%, #fd953d 100%);
    border-radius: 6px; }
  .chat-box-container .ant-tabs-top-content {
    height: calc(100% - 30px - 48px); }
  .chat-box-container .mark-as-handled {
    background: #fcfcfd;
    position: absolute;
    bottom: 0;
    height: 48px;
    line-height: 48px;
    text-align: center;
    width: 100%; }
    .chat-box-container .mark-as-handled span {
      color: #00acdc;
      font-size: 12px;
      cursor: pointer; }
  .chat-box-container .atme-bottom-tip {
    background: #fcfcfd;
    position: absolute;
    bottom: 0;
    height: 48px;
    line-height: 48px;
    text-align: center;
    width: 100%; }
    .chat-box-container .atme-bottom-tip span {
      color: #aaafb5;
      font-size: 12px; }
  .chat-box-container .bida-bottom-tip {
    background: #fcfcfd;
    position: absolute;
    bottom: 0;
    height: 48px;
    line-height: 48px;
    text-align: center;
    width: 100%; }
    .chat-box-container .bida-bottom-tip span {
      color: #aaafb5;
      font-size: 12px; }
  .chat-box-container .ant-tabs-nav-container-scrolling {
    padding-left: 0px;
    padding-right: 0px; }
  .chat-box-container .ant-tabs-tab-arrow-show {
    display: none; }

.close-chatbox-dropmenu {
  width: auto;
  padding-left: 10px;
  padding-right: 10px;
  height: 40px;
  line-height: 40px;
  -webkit-box-shadow: 0px 1px 8px 0px rgba(52, 61, 76, 0.08);
          box-shadow: 0px 1px 8px 0px rgba(52, 61, 76, 0.08);
  border-radius: 10px;
  text-align: center;
  background: #fff !important;
  cursor: pointer; }
  .close-chatbox-dropmenu:hover {
    color: #fe6a49; }

.message-boxtip-modal .img-wrap {
  text-align: center; }
  .message-boxtip-modal .img-wrap .tip-img {
    width: 295px;
    height: 169px; }

.message-boxtip-modal .text-line {
  text-align: center;
  font-size: 12px;
  margin-top: 24px; }
  .message-boxtip-modal .text-line .top-div {
    margin-bottom: 10px; }

.task-container-footer {
  position: absolute;
  bottom: -1px;
  width: 100%;
  background: -webkit-gradient(linear, 0 top, 0 bottom, from(rgba(255, 255, 255, 0)), to(#fff));
  background: -o-linear-gradient(bottom, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0)); }

.select-task-members .ant-modal-body {
  padding: 0 !important; }

.select-task-members .ant-modal-footer {
  position: absolute;
  right: 58px;
  bottom: 0;
  float: right; }

.select-task-members .contact-scroll-bar-selected {
  height: calc(100% - 108px) !important; }

.sign-info-modal .ant-modal-title {
  font-size: 13px; }

.sign-info-modal .ant-modal-body {
  padding: 0; }

.sign-info-modal .modal-content {
  position: relative;
  padding: 12px 20px; }

.sign-info-modal .mb10 {
  margin-bottom: 10px; }

.sign-info-modal .mt10 {
  margin-top: 10px; }

.sign-info-modal .ant-tabs-nav-container {
  height: 30px !important; }

.sign-info-modal .member-sign-detail-tab .ant-tabs-extra-content {
  line-height: 26px !important; }

.sign-info-modal .member-sign-detail-tab .ant-tabs-bar {
  margin-bottom: 0;
  border: none !important; }
  .sign-info-modal .member-sign-detail-tab .ant-tabs-bar .ant-tabs-tab {
    height: 18px;
    padding: 0 18px !important;
    font-size: 14px;
    line-height: 18px;
    background: transparent !important;
    border: none;
    border-right: 1px solid #d8d8d8;
    border-radius: unset; }
    .sign-info-modal .member-sign-detail-tab .ant-tabs-bar .ant-tabs-tab:nth-child(1) {
      padding-left: 0 !important; }
    .sign-info-modal .member-sign-detail-tab .ant-tabs-bar .ant-tabs-tab:last-child {
      border-right: none; }

.sign-info-modal .member-sign-detail-tab .empty {
  min-height: 364px;
  max-height: 364px;
  font-size: 12px;
  color: #828992;
  text-align: center; }
  .sign-info-modal .member-sign-detail-tab .empty .all-sign-icon {
    display: inline-block;
    margin-top: 80px;
    margin-bottom: 16px; }
  .sign-info-modal .member-sign-detail-tab .empty .no-sign-icon {
    display: inline-block;
    margin-top: 80px;
    margin-bottom: 16px;
    width: 173px; }
  .sign-info-modal .member-sign-detail-tab .empty .no-sign-icon + span,
  .sign-info-modal .member-sign-detail-tab .empty .all-sign-icon + span {
    display: block; }

.sign-info-modal .member-sign-detail-tab .member-item:last-child {
  margin-bottom: 30px; }

.sign-info-modal .member-sign-detail-tab .feedback-status-item {
  height: auto !important;
  min-height: 40px;
  font-size: 0 !important;
  line-height: 0 !important; }

.sign-info-modal .member-sign-detail-tab .more {
  color: #828992;
  cursor: pointer; }
  .sign-info-modal .member-sign-detail-tab .more:hover {
    color: #fe6a49; }
  .sign-info-modal .member-sign-detail-tab .more .more-icon {
    position: absolute;
    top: 3px;
    left: -27px;
    font-size: 27px; }

.sign-info-modal .meeting-type-tag {
  float: right; }

.member-item {
  position: relative;
  height: 40px;
  font-size: 13px;
  line-height: 40px;
  color: #222;
  cursor: pointer;
  border-radius: 2px; }
  .member-item .cluscosamine {
    display: inline-block;
    margin-right: 5px;
    margin-left: 5px;
    font-size: 12px;
    line-height: 12px;
    vertical-align: middle; }
  .member-item .unread-tip {
    float: right;
    margin-top: 7px;
    margin-right: 18px;
    font-size: 13px;
    color: #828992; }
  .member-item .reason {
    max-height: 26px;
    padding-right: 30px;
    margin-top: 4px;
    overflow: hidden;
    font-size: 12px;
    line-height: 13px;
    color: #828992;
    text-align: left;
    word-break: break-all;
    vertical-align: middle; }
  .member-item .avatar {
    width: 28px;
    height: 28px;
    vertical-align: middle; }
  .member-item .name {
    display: inline-block;
    width: 260px;
    margin-left: 8px;
    overflow: visible;
    font-size: 14px;
    line-height: 14px;
    vertical-align: middle; }
  .member-item .meeting-type {
    height: 20px;
    line-height: 20px; }
  .member-item .sign-time {
    display: inline-block;
    width: 140px;
    text-align: right;
    vertical-align: middle; }
    .member-item .sign-time p {
      line-height: 18px; }

.sign-member {
  height: 46px;
  line-height: 46px; }

.text-info {
  display: inline-block;
  width: calc(100% - 28px);
  min-height: 40px;
  padding-left: 8px;
  font-size: 0;
  line-height: 0;
  vertical-align: middle; }
  .text-info .text-info-wrap {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center;
    width: 100%;
    height: 100%;
    min-height: 40px; }
    .text-info .text-info-wrap > div {
      width: 100%; }
  .text-info .name {
    margin: 0; }

.update-ATTENDEES-btn {
  position: absolute;
  top: -2px;
  right: 0;
  z-index: 1; }

.update-CC-btn {
  margin-bottom: 12px; }

.reject-task-modal {
  font-size: 12px; }
  .reject-task-modal .ant-modal-body {
    padding: 0 !important; }
  .reject-task-modal .tip {
    margin: 30px 0 16px 0;
    font-size: 13px;
    color: #5d6470;
    text-align: center; }
  .reject-task-modal .input {
    width: 320px;
    margin-bottom: 4px;
    margin-left: 24px; }
  .reject-task-modal .input-error {
    background: rgba(255, 51, 51, 0.1);
    border: 1px solid #f33; }
  .reject-task-modal .nodata_tip {
    height: 12px;
    margin-left: 24px;
    font-size: 12px;
    line-height: 12px;
    color: #f33; }

.sign-qrcode-modal .ant-modal-body {
  max-width: 520px;
  padding: 0 40px 30px; }

.participant-content {
  position: relative;
  text-align: center; }
  .participant-content .qrcode-bg {
    width: 330px;
    height: 270px; }
  .participant-content .qrcode-bottom {
    width: 265px;
    height: 55px; }
  .participant-content .qrcode {
    width: 180px;
    margin-top: 26px;
    margin-bottom: 8px; }
  .participant-content .sign-success {
    position: relative;
    margin-top: -18px;
    text-align: center; }
    .participant-content .sign-success .banner-bg {
      font-size: 55px;
      color: #fe6a49; }
    .participant-content .sign-success .text {
      position: absolute;
      top: 8px;
      width: 100%;
      font-size: 18px;
      color: #fff; }
  .participant-content .sign-time {
    position: relative;
    top: -5px;
    font-size: 14px;
    color: #fe6a49; }
  .participant-content .desc {
    font-size: 14px;
    color: #5d6470; }

.originator-content {
  position: relative;
  color: #5d6470;
  text-align: center; }
  .originator-content .executor-can-get-qrcode {
    margin-top: 24px; }
    .originator-content .executor-can-get-qrcode .text {
      display: inline-block;
      margin-right: 48px;
      font-size: 14px;
      color: #5d6470;
      vertical-align: middle; }
  .originator-content .export-qrcode {
    position: absolute;
    top: calc(50% - 15px + 12px);
    left: calc(50% - 15px);
    width: 30px;
    height: 30px;
    font-size: 20px;
    line-height: 30px;
    text-align: center;
    cursor: pointer;
    background: white; }
  .originator-content .qrcode {
    width: 180px;
    height: 180px;
    margin-top: 26px;
    margin-bottom: 8px; }
  .originator-content .qrcode-desc {
    padding: 6px;
    font-size: 12px;
    color: #fe6a49; }
  .originator-content .sign-way {
    padding-left: 25px;
    margin: 6px 0;
    font-size: 13px;
    line-height: 1.5em;
    color: #828992;
    text-align: left; }
  .originator-content .sign-desc {
    text-align: left; }
  .originator-content .member-sign-way {
    padding-bottom: 38px;
    font-size: 13px;
    color: #5d6470;
    text-align: left; }

.task-form-wrap {
  height: 100%; }

.task-form-container-wrap {
  position: absolute;
  top: 0;
  left: 0; }

.task-form-container {
  max-width: none !important;
  margin: 0 !important;
  overflow: hidden;
  background: white;
  border-radius: 0 !important; }
  .task-form-container .head {
    margin-bottom: 16px;
    font-size: 14px;
    color: #222; }
  .task-form-container .footer {
    position: absolute;
    bottom: 0;
    width: calc(100% - 24px);
    padding: 14px 18px 14px 0;
    text-align: right;
    border-top: solid #e1e1e1 1px; }
    .task-form-container .footer .ant-btn-primary {
      margin-left: 10px; }
  .task-form-container .ant-modal-content {
    height: 100%; }
    .task-form-container .ant-modal-content .ant-modal-body {
      height: calc(100% - 51px);
      overflow: hidden; }
  .task-form-container .change-confirm {
    display: inline-block;
    width: 100%;
    padding: 26px 5px;
    font-size: 13px;
    color: #5d6470;
    text-align: center; }
  .task-form-container .ant-modal-body {
    padding: 0; }
  .task-form-container .nicescroll-container {
    height: 100%;
    padding: 0 !important; }
  .task-form-container .ant-modal-header {
    padding-left: 20px;
    cursor: auto !important;
    background: #fcfcfc;
    border-bottom: 1px solid #e4e7e9; }
    .task-form-container .ant-modal-header .ant-modal-title {
      font-weight: 400;
      line-height: 24px; }
  .task-form-container .ant-modal-footer {
    position: absolute;
    top: 10px;
    right: 20px;
    width: 200px;
    padding: 0; }
  .task-form-container .form {
    position: relative;
    height: 100%;
    min-height: 520px;
    padding: 20px 20px 0 20px; }
    .task-form-container .form .row:first-child {
      margin-top: 0; }
    .task-form-container .form .row {
      margin-top: 20px; }
    .task-form-container .form .member-row {
      min-height: 45px; }
    .task-form-container .form .reminder-minutes-row {
      margin-bottom: 40px !important; }
      .task-form-container .form .reminder-minutes-row .tip {
        height: 32px;
        line-height: 32px; }
      .task-form-container .form .reminder-minutes-row .ant-select {
        width: 234px; }
    .task-form-container .form .date-time-row {
      color: #222; }
    .task-form-container .form .tip-disable {
      color: rgba(0, 0, 0, 0.25) !important;
      cursor: not-allowed; }
    .task-form-container .form .tip {
      display: inline-block;
      width: 128px;
      margin-right: 10px;
      font-size: 14px;
      color: #222;
      text-align: right; }
    .task-form-container .form .content {
      position: relative;
      display: inline-block;
      width: calc(100% - 140px);
      vertical-align: top; }
      .task-form-container .form .content .ant-radio-wrapper {
        margin-right: 36px; }
    .task-form-container .form .task-content-editor {
      height: 143px;
      border: 1px solid #e0e5f0;
      border-radius: 5px; }
    .task-form-container .form .cc-members-tip {
      margin: 0 1px 0 3px;
      font-size: 14px;
      color: #828992; }

.cc-members-popover .ant-popover-arrow {
  left: calc(50% - 130px) !important; }

.cc-members-popover .ant-popover-inner-content {
  font-size: 14px;
  color: rgba(34, 34, 34, 0.75) !important; }

.task-update-tip .ant-modal-body {
  padding: 30px 20px 18px 20px;
  text-align: center; }
  .task-update-tip .ant-modal-body .change-confirm {
    font-size: 14px;
    line-height: 22px;
    color: #222; }

.task-emoji-picker {
  padding: 0 !important; }
  .task-emoji-picker .ant-popover-arrow {
    display: none !important; }

.form-content-container {
  height: 100%; }
  .form-content-container .input {
    position: relative;
    padding: 5px 0 5px 10px;
    word-break: break-all;
    background: #fff;
    border: 1px solid #e0e5f0;
    border-radius: 5px;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s; }
    .form-content-container .input .task-content-counter {
      position: absolute;
      right: 10px;
      bottom: 5px;
      font-size: 12px;
      color: #828992; }
      .form-content-container .input .task-content-counter span[class*='counterOverLimit'] {
        color: red; }
    .form-content-container .input .public-DraftEditorPlaceholder-inner {
      font-size: 14px; }
  .form-content-container .QTEditor {
    height: 101px;
    padding: 0;
    margin-bottom: 8px;
    font-size: 14px;
    color: #222;
    background-color: #fff !important; }
  .form-content-container .input-bar-quick-input {
    display: inline-block;
    margin-right: 16px;
    vertical-align: middle; }
  .form-content-container .task-emoji {
    display: inline-block;
    margin-right: 16px;
    vertical-align: middle; }
  .form-content-container .attachment {
    display: inline-block;
    color: #828992;
    vertical-align: middle;
    cursor: pointer; }
    .form-content-container .attachment:hover .attachment-icon {
      color: #fe6a49; }
    .form-content-container .attachment .attachment-tip-wrap {
      display: inline-block;
      height: 16px;
      margin-top: 4px;
      font-size: 12px;
      line-height: 16px;
      cursor: pointer; }
      .form-content-container .attachment .attachment-tip-wrap .number-count-tip {
        display: inline-block;
        margin-left: 3px;
        font-size: 12px;
        line-height: 16px;
        color: #5d6470; }
      .form-content-container .attachment .attachment-tip-wrap .attachment-icon {
        display: inline-block;
        font-size: 16px;
        color: #828992;
        vertical-align: top; }
      .form-content-container .attachment .attachment-tip-wrap:hover .attachment-icon {
        color: #fe6a49; }
    .form-content-container .attachment .file-input-btn {
      display: none; }
    .form-content-container .attachment .count-tip {
      display: inline-block;
      margin-left: 3px;
      font-size: 12px;
      color: #828992; }
  .form-content-container .input-count-invalidate {
    color: #fe6a49 !important; }
  .form-content-container .emoji-container {
    display: inline-block;
    height: 16px;
    margin-top: 4px;
    font-size: 12px;
    line-height: 16px;
    cursor: pointer; }
    .form-content-container .emoji-container:hover .qt-icon-emoji_type_smile {
      color: #fe6a49; }
    .form-content-container .emoji-container .qt-icon-emoji_type_smile {
      font-size: 16px; }
    .form-content-container .emoji-container .emoji-tip {
      display: inline-block;
      margin-left: 3px;
      font-size: 12px;
      line-height: 16px;
      color: #5d6470; }
    .form-content-container .emoji-container .qt-icon-emoji_type_smile,
    .form-content-container .emoji-container .tip {
      display: inline-block;
      color: #828992;
      vertical-align: top; }

.attachment-icon-container {
  padding: 0 !important; }
  .attachment-icon-container .ant-popover-arrow {
    display: none !important; }
  .attachment-icon-container .ant-popover-inner-content {
    padding: 0 !important; }

.attachment-list-container {
  width: 460px !important;
  height: 350px !important;
  padding: 0 !important; }
  .attachment-list-container .attachment-icon {
    font-size: 12px; }
  .attachment-list-container .attachments {
    position: absolute;
    top: 0;
    bottom: 50px;
    width: 100%;
    padding: 15px 0 15px 0;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none; }
    .attachment-list-container .attachments .showing-attachment-item {
      height: 100%; }
    .attachment-list-container .attachments .showing-attachment-leave {
      height: 40px;
      padding: 0 !important;
      margin: 0 !important; }
    .attachment-list-container .attachments .showing-attachment-leave.showing-attachment-leave-active {
      height: 0 !important;
      padding: 0 !important;
      margin: 0 !important;
      line-height: 0 !important; }
    .attachment-list-container .attachments .attachment-item-container {
      position: relative;
      width: 100%;
      height: 40px;
      margin-bottom: 10px;
      line-height: 40px;
      -webkit-transition: all 0.3s;
      -o-transition: all 0.3s;
      transition: all 0.3s; }
      .attachment-list-container .attachments .attachment-item-container .preview {
        position: relative;
        display: inline-block;
        width: 40px;
        height: 40px;
        margin-left: 20px;
        overflow: hidden;
        line-height: 40px;
        text-align: center;
        vertical-align: top;
        cursor: pointer; }
        .attachment-list-container .attachments .attachment-item-container .preview .re-upload {
          position: absolute;
          top: 0;
          left: 0;
          z-index: 99;
          width: 40px;
          height: 40px;
          line-height: 40px;
          text-align: center;
          background: rgba(97, 97, 97, 0.75); }
          .attachment-list-container .attachments .attachment-item-container .preview .re-upload .icon-wrap {
            display: inline-block;
            width: 18px;
            height: 18px;
            line-height: 18px;
            background: #fe6a49;
            border-radius: 50%;
            opacity: 1;
            -webkit-transform: rotate(-60deg);
                -ms-transform: rotate(-60deg);
                    transform: rotate(-60deg); }
            .attachment-list-container .attachments .attachment-item-container .preview .re-upload .icon-wrap .qt-icon {
              font-size: 12px !important;
              color: white;
              cursor: pointer; }
        .attachment-list-container .attachments .attachment-item-container .preview img {
          max-width: 40px;
          max-height: 40px;
          cursor: pointer; }
        .attachment-list-container .attachments .attachment-item-container .preview .qt-icon {
          font-size: 40px;
          cursor: default; }
      .attachment-list-container .attachments .attachment-item-container .base-info {
        display: inline-block;
        margin-left: 8px;
        font-size: 0;
        vertical-align: top; }
        .attachment-list-container .attachments .attachment-item-container .base-info .name {
          display: block;
          width: 280px;
          max-width: 280px;
          margin-top: 5px;
          margin-bottom: 5px;
          overflow: hidden;
          font-size: 12px;
          line-height: 14px;
          -o-text-overflow: ellipsis;
             text-overflow: ellipsis;
          white-space: nowrap; }
        .attachment-list-container .attachments .attachment-item-container .base-info .total-size {
          display: block;
          font-size: 12px;
          line-height: 14px;
          color: #828992; }
      .attachment-list-container .attachments .attachment-item-container .operate-info {
        position: absolute;
        top: 0;
        right: 15px; }
      .attachment-list-container .attachments .attachment-item-container .operate {
        position: relative;
        display: inline-block;
        font-size: 12px;
        color: #828992;
        vertical-align: top;
        cursor: pointer; }
        .attachment-list-container .attachments .attachment-item-container .operate .loading-component {
          top: 7px;
          left: -25px;
          -webkit-transform: scale(0.6) !important;
              -ms-transform: scale(0.6) !important;
                  transform: scale(0.6) !important; }
        .attachment-list-container .attachments .attachment-item-container .operate:hover {
          color: #fe6a49; }
      .attachment-list-container .attachments .attachment-item-container .uploading-tip {
        margin-right: 18px;
        font-size: 12px;
        color: #828992; }
      .attachment-list-container .attachments .attachment-item-container .re-upload-tip {
        margin-right: 18px;
        color: #828992;
        cursor: pointer; }
        .attachment-list-container .attachments .attachment-item-container .re-upload-tip:hover {
          color: #fe6a49; }
      .attachment-list-container .attachments .attachment-item-container .progress {
        position: absolute;
        left: 0;
        max-width: 460px;
        height: 1px;
        margin-top: 5px;
        background: -webkit-gradient(linear, left top, right top, from(#c2daf1), to(#c9dcf1));
        background: -webkit-linear-gradient(left, #c2daf1 0%, #c9dcf1 100%);
        background: -o-linear-gradient(left, #c2daf1 0%, #c9dcf1 100%);
        background: linear-gradient(90deg, #c2daf1 0%, #c9dcf1 100%);
        -webkit-transition: width 0.3s;
        -o-transition: width 0.3s;
        transition: width 0.3s; }
  .attachment-list-container .footer {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 50px;
    line-height: 50px;
    text-align: right;
    background: #f3f4f6;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px; }
    .attachment-list-container .footer span {
      display: inline-block;
      margin-right: 25px;
      font-size: 12px;
      color: #fe6a49;
      cursor: pointer; }
    .attachment-list-container .footer .forbid-add,
    .attachment-list-container .footer .close {
      color: #828992 !important; }

.quick-input-container .quick-input-item {
  display: inline-block;
  padding: 2px 8px;
  font-size: 12px;
  color: #222;
  cursor: pointer;
  background: #eaedf1;
  border-radius: 3px; }

.add-task-member-container {
  padding: 0 !important; }
  .add-task-member-container .selected-panel {
    width: 212px !important;
    height: 284px !important; }
  .add-task-member-container .ant-popover-arrow {
    display: none !important; }
  .add-task-member-container .ant-popover-inner-content {
    padding: 0 !important; }
  .add-task-member-container .create-channel-modal {
    width: inherit !important; }
  .add-task-member-container .select-members {
    margin: 0 !important;
    border: none !important; }

.task-member-container {
  position: relative;
  font-size: 0; }
  .task-member-container .task-meeting-user-container {
    margin-right: 10px; }
    .task-member-container .task-meeting-user-container .name {
      width: 36px; }
  .task-member-container .loading-component {
    top: 3px !important;
    left: 0 !important;
    -webkit-transform: scale(0.6) !important;
        -ms-transform: scale(0.6) !important;
            transform: scale(0.6) !important; }
  .task-member-container .selector-content {
    padding: 0 !important; }
  .task-member-container .show-all-member-tip {
    display: inline-block;
    height: 24px;
    margin-top: 0;
    margin-right: -13px;
    margin-left: -23px;
    font-size: 12px;
    line-height: 24px;
    color: #828992;
    vertical-align: top;
    cursor: pointer;
    -webkit-transform: scale(0.27);
        -ms-transform: scale(0.27);
            transform: scale(0.27); }
    .task-member-container .show-all-member-tip:hover {
      color: #fe6a49; }
  .task-member-container .add-member {
    display: inline-block;
    margin-top: -6px;
    font-size: 24px;
    color: #828992;
    vertical-align: top;
    cursor: pointer; }
    .task-member-container .add-member:hover {
      color: #fe6a49; }

.participation-mode-container {
  position: relative;
  margin-top: -5px; }
  .participation-mode-container .mode-row {
    height: 32px;
    margin-bottom: 12px;
    line-height: 32px; }
    .participation-mode-container .mode-row:last-child {
      margin-bottom: 0; }
    .participation-mode-container .mode-row .mode-checkbox,
    .participation-mode-container .mode-row .mode-input {
      display: inline-block;
      vertical-align: middle; }
    .participation-mode-container .mode-row .mode-checkbox {
      margin-right: 12px; }
      .participation-mode-container .mode-row .mode-checkbox .ant-checkbox-wrapper {
        font-size: 14px;
        color: #222; }
        .participation-mode-container .mode-row .mode-checkbox .ant-checkbox-wrapper .ant-checkbox + span {
          padding: 0 0 0 8px; }
    .participation-mode-container .mode-row .mode-input {
      width: 500px; }


.task-group-manager-container {
  position: relative;
  top: 12px;
  height: calc(100% - 24px);
  padding: 0;
  margin: 0 20px;
  overflow: hidden;
  background: #fff;
  border-radius: 10px;
  border-radius: 10px;
  -webkit-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.05);
          box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.05); }
  .task-group-manager-container .header {
    padding: 24px 0 16px 20px; }
    .task-group-manager-container .header .title {
      font-size: 14px;
      color: #222; }
    .task-group-manager-container .header .opt-btn {
      float: right;
      cursor: pointer; }
    .task-group-manager-container .header .delete {
      margin-right: 20px; }
    .task-group-manager-container .header .add {
      margin-right: 32px; }
  .task-group-manager-container .body {
    position: relative;
    height: calc(100% - 61px); }
    .task-group-manager-container .body .no-groups {
      position: absolute;
      top: 82px;
      left: 50%;
      display: inline-block;
      text-align: center;
      -webkit-transform: translateX(-50%);
          -ms-transform: translateX(-50%);
              transform: translateX(-50%); }
      .task-group-manager-container .body .no-groups .empty-img {
        margin-top: -20px;
        width: 180px;
        margin-bottom: -14px;
        margin-left: -13px; }
      .task-group-manager-container .body .no-groups .tip {
        display: block;
        margin-left: -10px;
        margin-bottom: 70px;
        font-size: 13px;
        color: #828992; }
      .task-group-manager-container .body .no-groups .btn {
        display: block;
        width: 156px;
        height: 35px;
        line-height: 35px;
        color: #6f72af;
        text-align: center;
        cursor: pointer;
        border: 1px solid #6f72af;
        border-radius: 5px; }
    .task-group-manager-container .body .task-group-item {
      position: relative;
      height: 50px;
      margin-right: 12px;
      margin-left: 12px;
      line-height: 50px; }
      .task-group-manager-container .body .task-group-item:hover {
        background: #f3f4f6; }
        .task-group-manager-container .body .task-group-item:hover .delete,
        .task-group-manager-container .body .task-group-item:hover .rename,
        .task-group-manager-container .body .task-group-item:hover .update {
          color: #fe6a49 !important; }
          .task-group-manager-container .body .task-group-item:hover .delete:hover,
          .task-group-manager-container .body .task-group-item:hover .rename:hover,
          .task-group-manager-container .body .task-group-item:hover .update:hover {
            color: #d64f35 !important; }
      .task-group-manager-container .body .task-group-item .ant-input {
        width: calc(100% - 340px);
        margin-right: 10px;
        margin-left: 24px;
        line-height: 28px;
        vertical-align: middle; }
      .task-group-manager-container .body .task-group-item .name {
        display: inline-block;
        width: calc(100% - 340px);
        margin-right: 10px;
        margin-left: 20px;
        font-size: 13px;
        color: #222;
        vertical-align: middle;
        cursor: pointer; }
      .task-group-manager-container .body .task-group-item .count {
        display: inline-block;
        margin-right: 28px;
        overflow: hidden;
        -o-text-overflow: ellipsis;
           text-overflow: ellipsis;
        white-space: nowrap;
        vertical-align: middle; }
      .task-group-manager-container .body .task-group-item .item-opes {
        position: absolute;
        top: 0;
        right: 20px; }
        .task-group-manager-container .body .task-group-item .item-opes .rename {
          margin-right: 28px; }
        .task-group-manager-container .body .task-group-item .item-opes .delete {
          color: #fe6a49 !important; }
        .task-group-manager-container .body .task-group-item .item-opes .delete,
        .task-group-manager-container .body .task-group-item .item-opes .rename,
        .task-group-manager-container .body .task-group-item .item-opes .update {
          display: inline-block;
          height: 100%;
          font-size: 12px;
          color: #828992;
          vertical-align: middle;
          cursor: pointer; }

.task-groups-form .delete-group-confirm {
  width: auto !important; }

.task-groups-form .ant-modal-body {
  position: relative;
  padding: 0 !important; }
  .task-groups-form .ant-modal-body .selected {
    height: calc(100% - 102px);
    min-height: 310px; }

.task-groups-form .load-layer {
  position: absolute;
  z-index: 9999;
  width: 100%;
  height: 100%;
  background: white; }

.task-groups-form .group-default-name {
  display: inline-block;
  max-width: 180px;
  font-size: 13px;
  color: #222;
  vertical-align: middle; }

.task-groups-form .group-name {
  position: absolute;
  right: 0;
  bottom: 50px;
  width: 296px;
  padding-top: 9px;
  padding-bottom: 9px;
  padding-left: 10px;
  text-align: left;
  border-top: 1px solid #ebebeb; }
  .task-groups-form .group-name .form-char {
    display: inline-block;
    margin: 0 9px 0 0;
    vertical-align: middle; }
  .task-groups-form .group-name .update-char {
    margin-top: -2px !important; }
  .task-groups-form .group-name .add-char {
    margin-top: 3px;
    color: #d64f35; }
  .task-groups-form .group-name .tip {
    display: inline-block;
    width: 75px;
    font-size: 13px;
    color: #222;
    text-align: center;
    vertical-align: middle; }
  .task-groups-form .group-name .add-tip::after {
    display: inline-block;
    margin-left: 6px;
    color: #d64f35;
    vertical-align: middle;
    content: '*'; }
  .task-groups-form .group-name .update-tip::after {
    display: inline-block;
    margin-left: 6px;
    vertical-align: middle;
    content: ':'; }
  .task-groups-form .group-name .remain-tip {
    position: absolute;
    top: calc(50% + 1px);
    right: 13px;
    width: 50px;
    overflow: hidden;
    font-size: 12px;
    color: #828992;
    -o-text-overflow: ellipsis;
       text-overflow: ellipsis;
    white-space: nowrap;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%); }
  .task-groups-form .group-name .ant-input {
    width: 185px;
    padding-right: 55px;
    vertical-align: middle;
    background: #f8f8f8; }

.task-groups-form .ant-modal-footer {
  position: absolute;
  right: 58px;
  bottom: 0; }

.task-detail-container-show {
  -webkit-transform: scale(1) !important;
      -ms-transform: scale(1) !important;
          transform: scale(1) !important; }

.task-detail-container {
  position: absolute;
  top: 0;
  bottom: 0;
  z-index: 22;
  width: 100%;
  height: auto;
  background-color: #f7f7f7;
  -webkit-transition: all 0.15s linear;
  -o-transition: all 0.15s linear;
  transition: all 0.15s linear;
  -webkit-transform-origin: 100% 50%;
      -ms-transform-origin: 100% 50%;
          transform-origin: 100% 50%; }
  .task-detail-container .detail-loading {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100px;
    height: 60px;
    margin-top: -50px;
    margin-left: -30px; }
  .task-detail-container .load-failed {
    position: absolute;
    top: 50%;
    width: 100%;
    height: 70px;
    margin-top: -35px;
    font-size: 13px;
    color: #d7d7d7;
    text-align: center;
    background: #ececec; }
    .task-detail-container .load-failed .sorry {
      font-size: 28px;
      color: #d7d7d7; }
    .task-detail-container .load-failed .retry-btn {
      margin-left: 3px;
      color: #037aff;
      cursor: pointer; }

.meeting-type-tag {
  display: inline-block;
  height: 20px;
  padding: 0 4px;
  margin-left: 8px;
  font-size: 12px;
  line-height: 19px;
  text-align: center;
  border-radius: 4px; }

.type-tag-video {
  color: #faad14;
  background: rgba(250, 173, 20, 0.1);
  border: 1px solid rgba(250, 173, 20, 0.5); }

.type-tag-site {
  color: #4d79f3;
  background: rgba(77, 121, 243, 0.1);
  border: 1px solid rgba(77, 121, 243, 0.5); }

.task-preview-item {
  cursor: pointer !important; }

.attachment-item {
  position: relative;
  display: inline-block;
  width: 60px;
  margin-right: 22px;
  font-size: 12px;
  color: #828992;
  text-align: center; }
  .attachment-item .preview-img {
    font-size: 20px; }
  .attachment-item .content {
    position: relative;
    width: 60px;
    height: 60px;
    margin: auto;
    margin-bottom: 6px;
    overflow: hidden; }
    .attachment-item .content:hover {
      background-color: #ececec;
      -webkit-transition: all 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
      -o-transition: all 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
      transition: all 0.2s cubic-bezier(0.645, 0.045, 0.355, 1); }
    .attachment-item .content .image-loading {
      margin-top: 22px;
      -webkit-transform: scale(0.7);
          -ms-transform: scale(0.7);
              transform: scale(0.7); }
    .attachment-item .content .image {
      display: inline-block;
      width: 60px;
      height: 60px; }
      .attachment-item .content .image.fail {
        background-color: #ececec; }
    .attachment-item .content .file {
      padding-top: 5px;
      text-align: center; }
      .attachment-item .content .file .file-icon {
        width: 40px;
        font-size: 40px; }
    .attachment-item .content .mask {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background-color: rgba(97, 97, 97, 0.7); }
      .attachment-item .content .mask .icon {
        position: absolute;
        top: 12px;
        left: 20px;
        display: inline-block;
        overflow: hidden;
        font-size: 20px; }
    .attachment-item .content .progress .light {
      color: #fff; }
    .attachment-item .content .progress .dark {
      color: #fe6a49; }
    .attachment-item .content .fail .re-download {
      color: #fe6a49;
      cursor: pointer;
      background: -webkit-gradient(linear, left top, right top, from(#fff), to(#fff)) no-repeat;
      background: -webkit-linear-gradient(left, #fff, #fff) no-repeat;
      background: -o-linear-gradient(left, #fff, #fff) no-repeat;
      background: linear-gradient(to right, #fff, #fff) no-repeat;
      background-position: center;
      background-size: 50%; }
    .attachment-item .content .menu-bar {
      position: absolute;
      bottom: -22px;
      width: 100%;
      height: 22px;
      line-height: 22px;
      text-align: center;
      background-color: rgba(0, 0, 0, 0.4);
      -webkit-transition: bottom 0.1s ease-in;
      -o-transition: bottom 0.1s ease-in;
      transition: bottom 0.1s ease-in; }
      .attachment-item .content .menu-bar .menu-item {
        display: inline-block;
        width: 30px;
        -webkit-transition: color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
        -o-transition: color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
        transition: color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1); }
        .attachment-item .content .menu-bar .menu-item .icon {
          font-size: 13px;
          color: #fff;
          cursor: pointer; }
          .attachment-item .content .menu-bar .menu-item .icon::before {
            padding: 1px; }
          .attachment-item .content .menu-bar .menu-item .icon:hover {
            color: #fe6a49; }
    .attachment-item .content:hover .menu-bar {
      bottom: 0; }
  .attachment-item .name {
    color: #222;
    text-align: center; }
  .attachment-item .size {
    text-align: center; }

.meeting-attachment-loading {
  height: 100px;
  padding-top: 50px;
  font-size: 10px;
  text-align: center; }

.meeting-attachment-load-failed {
  height: 100px;
  padding-top: 20px;
  font-size: 12px;
  color: #828992;
  text-align: center; }
  .meeting-attachment-load-failed .sorry {
    font-size: 28px;
    color: #d7d7d7; }
  .meeting-attachment-load-failed .retry-btn {
    margin-left: 3px;
    color: #00acdc;
    cursor: pointer; }

.meeting-attachment {
  margin-top: 24px; }
  .meeting-attachment .total {
    font-size: 12px;
    color: #5d6470; }
    .meeting-attachment .total .attachment-icon {
      margin-right: 4px;
      font-size: 12px;
      color: #222; }
    .meeting-attachment .total .download-all-btn {
      margin-left: 6px;
      color: #5d6470;
      -webkit-transition: color 0.3s ease;
      -o-transition: color 0.3s ease;
      transition: color 0.3s ease; }
      .meeting-attachment .total .download-all-btn:hover {
        color: #fe6a49; }

.meeting-date-info {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  height: 16px;
  padding: 0 !important;
  margin-bottom: 18px;
  overflow: hidden;
  font-size: 14px;
  color: #222;
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
  -webkit-user-select: text;
     -moz-user-select: text;
      -ms-user-select: text;
          user-select: text; }
  .meeting-date-info .meeting-time-title {
    padding-left: 12px; }
  .meeting-date-info .middle {
    display: inline-block;
    vertical-align: middle; }
  .meeting-date-info .clock-icon {
    font-size: 14px;
    color: #828992;
    vertical-align: middle; }
  .meeting-date-info .meeting-time {
    max-width: 40%;
    padding-right: 4px;
    padding-left: 2px; }
  .meeting-date-info .meeting-end-time {
    margin-right: 24px; }
  .meeting-date-info .meeting-remind-time {
    max-width: 40%; }

.meeting-base-info {
  position: relative; }
  .meeting-base-info .complete-status {
    display: inline-block;
    text-align: center;
    vertical-align: middle; }
  .meeting-base-info .feedback-ope {
    right: 25px;
    bottom: 20px;
    margin-top: 18px;
    text-align: right; }
    .meeting-base-info .feedback-ope .ant-btn:first-child {
      margin-right: 10px; }
  .meeting-base-info .task-feedback-status {
    padding: 2px 8px;
    font-size: 12px;
    border-radius: 4px; }
  .meeting-base-info .task-status-normal {
    color: #828992;
    border: solid 1px #828992; }
  .meeting-base-info .complete {
    color: #fe6a49;
    border-color: #fe6a49; }
  .meeting-base-info .meeting-text {
    display: inline-block;
    width: 100%;
    font-size: 13px;
    line-height: 22px;
    color: #222;
    letter-spacing: 0.3px;
    word-break: break-all;
    vertical-align: middle; }
  .meeting-base-info .originator {
    position: relative;
    display: inline-block;
    width: calc(100% - 44px);
    margin-left: 12px;
    vertical-align: middle; }
  .meeting-base-info .originator-avatar {
    width: 32px;
    height: 32px;
    vertical-align: middle; }
  .meeting-base-info .originator-name {
    display: inline-block;
    max-width: 30%;
    font-size: 12px;
    color: #222;
    vertical-align: middle; }
  .meeting-base-info .create-time {
    position: absolute;
    right: 0;
    display: inline-block;
    max-width: 50%;
    font-size: 12px;
    color: #828992;
    vertical-align: middle; }
  .meeting-base-info .complete-status-desc {
    position: absolute;
    right: 0;
    height: 20px;
    padding: 0 5px;
    font-size: 12px;
    line-height: 18px;
    color: #fe6a49;
    background-color: #fff;
    border: 1px solid #fe6a49;
    border-radius: 3px; }
    .meeting-base-info .complete-status-desc.cancel {
      color: #6f72af;
      border: 1px solid #6f72af; }
  .meeting-base-info .divider {
    margin: 0 0 16px 0; }
  .meeting-base-info .meeting-attr-row {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    min-height: 16px;
    padding: 0 !important;
    margin-bottom: 18px;
    overflow: hidden;
    font-size: 14px;
    color: #222;
    word-break: break-all;
    word-wrap: break-word;
    white-space: pre-wrap;
    -webkit-box-shadow: none !important;
            box-shadow: none !important;
    -webkit-user-select: text;
       -moz-user-select: text;
        -ms-user-select: text;
            user-select: text; }
    .meeting-base-info .meeting-attr-row .attr-row-icon {
      -ms-flex-negative: 0;
          flex-shrink: 0;
      font-size: 14px;
      color: #828992;
      vertical-align: middle; }
    .meeting-base-info .meeting-attr-row .attr-row-title {
      -ms-flex-negative: 0;
          flex-shrink: 0;
      padding-left: 12px; }
    .meeting-base-info .meeting-attr-row .attr-row-content {
      -ms-flex: 1 1;
          flex: 1 1;
      padding-right: 4px;
      padding-left: 2px;
      word-break: break-all; }

.meeting-detail-content {
  position: absolute;
  top: 0;
  bottom: 0;
  width: 100%;
  height: auto; }
  .meeting-detail-content .content-container {
    padding: 0 20px;
    background-color: #f3f4f6; }
  .meeting-detail-content .meeting-board-item {
    padding: 20px;
    margin-bottom: 12px;
    background: #fff;
    border-radius: 10px;
    -webkit-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.05);
            box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.05); }

.meeting-detail-add-reply {
  width: 100%; }

@-webkit-keyframes task-detail-loading {
  from {
    left: -50%; }
  to {
    left: 100%; } }

@keyframes task-detail-loading {
  from {
    left: -50%; }
  to {
    left: 100%; } }

.task-loading-mover-container {
  position: relative;
  height: 12px;
  margin-bottom: 16px;
  overflow: hidden;
  background: #f5f5f5; }
  .task-loading-mover-container .task-detail-mover {
    position: absolute;
    width: 45% !important;
    height: 12px;
    background: -webkit-gradient(linear, left top, right top, from(#f5f5f5), color-stop(#ededed), to(#f5f5f5));
    background: -webkit-linear-gradient(left, #f5f5f5, #ededed, #f5f5f5);
    background: -o-linear-gradient(left, #f5f5f5, #ededed, #f5f5f5);
    background: linear-gradient(to right, #f5f5f5, #ededed, #f5f5f5);
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
    -webkit-animation: task-detail-loading 1s linear;
            animation: task-detail-loading 1s linear;
    -webkit-animation-iteration-count: infinite;
            animation-iteration-count: infinite; }

.meeting-member-info .task-meeting-user-container .avatar {
  margin: 0 auto !important; }

.meeting-member-info .task-meeting-user-container .name {
  width: 48px !important; }

.meeting-member-info .member-sign-detail-tab {
  margin-top: 5px; }
  .meeting-member-info .member-sign-detail-tab .meeting-member-load-failed {
    height: 40px;
    padding-top: 24px;
    font-size: 12px;
    color: #828992;
    text-align: center; }
    .meeting-member-info .member-sign-detail-tab .meeting-member-load-failed .sorry {
      font-size: 28px;
      color: #d7d7d7; }
    .meeting-member-info .member-sign-detail-tab .meeting-member-load-failed .retry-btn {
      margin-left: 3px;
      color: #00acdc;
      cursor: pointer; }
  .meeting-member-info .member-sign-detail-tab .ant-tabs-extra-content {
    line-height: 26px !important; }
  .meeting-member-info .member-sign-detail-tab .ant-tabs-bar {
    padding-left: 16px;
    border: none !important; }
    .meeting-member-info .member-sign-detail-tab .ant-tabs-bar .ant-tabs-tab {
      padding: 5px 8px 4px !important;
      font-size: 12px;
      color: #828992;
      background: transparent !important;
      border: none !important; }
    .meeting-member-info .member-sign-detail-tab .ant-tabs-bar .ant-tabs-tab-active {
      color: #f4917d !important; }
  .meeting-member-info .member-sign-detail-tab .ant-tabs-content {
    margin-top: -20px !important; }
  .meeting-member-info .member-sign-detail-tab .ant-tabs-tabpane {
    min-height: 62px;
    font-size: 0; }
  .meeting-member-info .member-sign-detail-tab .detail {
    margin: 0 !important;
    font-size: 14px;
    color: #828992;
    cursor: pointer; }
    .meeting-member-info .member-sign-detail-tab .detail:hover {
      color: #fe6a49; }
  .meeting-member-info .member-sign-detail-tab .empty {
    height: 59px;
    font-size: 12px;
    line-height: 59px;
    color: #828992;
    text-align: center; }
  .meeting-member-info .member-sign-detail-tab .member-item:last-child {
    margin-bottom: 30px; }
  .meeting-member-info .member-sign-detail-tab .member-item {
    position: relative;
    display: inline-block;
    width: 40px;
    height: 46px;
    margin: 4px;
    overflow: hidden;
    text-align: center; }
    .meeting-member-info .member-sign-detail-tab .member-item .task-meeting-user-container {
      cursor: default !important; }
      .meeting-member-info .member-sign-detail-tab .member-item .task-meeting-user-container .avatar {
        width: 30px;
        height: 30px; }
  .meeting-member-info .member-sign-detail-tab .more {
    color: #828992;
    cursor: pointer; }
    .meeting-member-info .member-sign-detail-tab .more:hover {
      color: #fe6a49; }
    .meeting-member-info .member-sign-detail-tab .more .more-icon {
      position: absolute;
      top: 3px;
      left: -27px;
      font-size: 27px; }

.read-info-row {
  line-height: 22px; }

.meeting-member-loading {
  width: 100%;
  height: 110px;
  padding-top: 2px;
  font-size: 10px;
  text-align: center; }
  .meeting-member-loading .member-loading-container {
    height: 100%;
    margin-top: 1px; }
    .meeting-member-loading .member-loading-container > div {
      position: relative;
      height: 12px;
      margin-left: 22px;
      overflow: hidden;
      background: #f5f5f5; }
    .meeting-member-loading .member-loading-container .first {
      position: relative;
      width: 100%;
      margin-bottom: 16px;
      margin-left: 0 !important; }
      .meeting-member-loading .member-loading-container .first > .white:nth-child(2) {
        left: 14px;
        width: 8px; }
      .meeting-member-loading .member-loading-container .first > .white:nth-child(3) {
        right: 7%;
        width: 80%; }
      .meeting-member-loading .member-loading-container .first .white {
        position: absolute;
        top: 0;
        height: 100%;
        background: #fcfcfc; }

.meeting-member-info .sign-tooltip,
.meeting-member-info .member-count {
  display: inline-block;
  width: 112px;
  margin-left: 12px;
  overflow: hidden;
  font-size: 13px;
  color: #222;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  white-space: nowrap;
  vertical-align: middle; }

.meeting-member-info .export-record {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 9;
  display: inline-block;
  cursor: pointer; }
  .meeting-member-info .export-record .export-icon {
    display: inline-block;
    margin-right: 4px;
    color: #fe6a49; }
  .meeting-member-info .export-record .exporting {
    -webkit-animation-name: exporting-animation;
            animation-name: exporting-animation;
    -webkit-animation-duration: 1000ms;
            animation-duration: 1000ms;
    -webkit-animation-timing-function: linear;
            animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
            animation-iteration-count: infinite; }

@-webkit-keyframes exporting-animation {
  from {
    -webkit-transform: rotate(0);
            transform: rotate(0); }
  to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg); } }

@keyframes exporting-animation {
  from {
    -webkit-transform: rotate(0);
            transform: rotate(0); }
  to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg); } }

.meeting-member-info .sign-icon,
.meeting-member-info .member-icon {
  display: inline-block;
  font-size: 14px;
  color: #222;
  vertical-align: middle; }

.meeting-member-info .unsign-count,
.meeting-member-info .unread-count {
  font-size: 13px;
  color: #fe6a49;
  text-decoration: underline;
  cursor: pointer; }

.meeting-member-info .sign-info-row {
  position: relative;
  margin-top: 20px;
  line-height: 22px; }
  .meeting-member-info .sign-info-row .sign-tooltip {
    cursor: pointer; }

.meeting-member-info .meeting-member-load-failed {
  text-align: center; }
  .meeting-member-info .meeting-member-load-failed .retry-btn {
    color: #00acdc !important; }

.meeting-member-info .org-status-tip {
  margin-right: 6px;
  font-size: 16px;
  color: #828992; }

.meeting-member-info .org-text-tip {
  font-size: 13px;
  color: red; }
  .meeting-member-info .org-text-tip .qt-icon-info {
    margin-right: 5px; }

.meeting-member-info .member-head {
  height: 16px;
  line-height: 16px; }
  .meeting-member-info .member-head .member-icon {
    font-size: 14px;
    color: #222; }
  .meeting-member-info .member-head .member-count {
    margin: 0 16px 0 6px;
    font-size: 13px;
    color: #222; }
  .meeting-member-info .member-head .head-text {
    font-size: 12px;
    color: #828992;
    cursor: pointer; }
    .meeting-member-info .member-head .head-text:hover {
      color: #fe6a49; }
  .meeting-member-info .member-head .unread-count span {
    text-decoration: underline; }
  .meeting-member-info .member-head .sign-tooltip {
    position: absolute;
    right: 12px; }

.meeting-member-info .member-bottom {
  padding-left: 22px;
  margin-top: 16px; }
  .meeting-member-info .member-bottom .member-sign-detail-tab {
    margin-top: 0 !important; }
    .meeting-member-info .member-bottom .member-sign-detail-tab .task-meeting-user-container .task-meeting-user-container .name {
      width: 25px !important; }
    .meeting-member-info .member-bottom .member-sign-detail-tab .more {
      position: relative;
      display: inline-block;
      width: 25px;
      height: 46px;
      line-height: 46px;
      vertical-align: top; }
      .meeting-member-info .member-bottom .member-sign-detail-tab .more .more-icon {
        position: absolute;
        left: -35px;
        font-size: 27px; }
    .meeting-member-info .member-bottom .member-sign-detail-tab .member-item {
      width: auto !important;
      height: auto !important;
      margin: 0 8px 12px 0 !important; }
  .meeting-member-info .member-bottom .ant-tabs-bar {
    padding-left: 0 !important; }
    .meeting-member-info .member-bottom .ant-tabs-bar .ant-tabs-extra-content {
      margin-right: 20px;
      line-height: 16px !important; }
  .meeting-member-info .member-bottom .ant-tabs-nav-container {
    height: 16px !important;
    line-height: 16px !important; }
  .meeting-member-info .member-bottom .ant-tabs .ant-tabs-content {
    margin-top: 0 !important; }
  .meeting-member-info .member-bottom .ant-tabs .ant-tabs-bar .ant-tabs-nav-wrap .ant-tabs-tab {
    padding: 0 !important;
    margin-right: 12px !important; }

.task-export-team-list .ant-popover-inner-content {
  padding: 0; }

.task-export-team-list .btn {
  padding: 8px 20px 16px;
  text-align: right; }
  .task-export-team-list .btn .cancel {
    margin-right: 16px;
    font-size: 12px;
    color: #828992;
    cursor: pointer; }

.task-export-team-list .team-list {
  width: 275px;
  height: 200px; }
  .task-export-team-list .team-list .team-item {
    height: 32px;
    padding: 0 24px 0 24px;
    line-height: 32px; }
    .task-export-team-list .team-list .team-item .team-name {
      display: inline-block;
      max-width: 200px;
      vertical-align: middle; }
    .task-export-team-list .team-list .team-item .radio {
      width: 100%;
      margin-right: 0; }
    .task-export-team-list .team-list .team-item:hover {
      background: #ebebeb; }

.meeting-operate-bar {
  height: 28px;
  padding-right: 24px;
  line-height: 28px;
  text-align: right; }
  .meeting-operate-bar .menu-container {
    display: inline-block;
    width: 20px;
    cursor: pointer; }
    .meeting-operate-bar .menu-container .menu-icon {
      display: inline-block;
      margin-left: -18px;
      font-size: 12px;
      color: #828992;
      -webkit-transform: scale(0.7);
          -ms-transform: scale(0.7);
              transform: scale(0.7);
      -webkit-transform-origin: 100% 50%;
          -ms-transform-origin: 100% 50%;
              transform-origin: 100% 50%; }
  .meeting-operate-bar .btn {
    margin-left: 20px;
    font-size: 13px;
    color: #828992;
    cursor: pointer;
    -webkit-transition: color 0.3s ease;
    -o-transition: color 0.3s ease;
    transition: color 0.3s ease; }
    .meeting-operate-bar .btn::before {
      padding: 1px; }
    .meeting-operate-bar .btn:hover {
      color: #fe6a49; }

.no-operate {
  height: 12px; }

.cancel-task-modal .ant-confirm-btns .ant-btn:first-child {
  font-size: 12px;
  background: #d4d5d6 !important;
  border-color: #d4d5d6 !important; }
  .cancel-task-modal .ant-confirm-btns .ant-btn:first-child:hover {
    color: #222;
    background: #c5c6c7 !important;
    border-color: #c5c6c7 !important; }

.cancel-task-confirm {
  padding: 10px 0;
  text-align: center; }

.reply-input {
  position: relative;
  width: 100%;
  overflow: hidden; }
  .reply-input .QTEditor {
    padding: 0;
    font-size: 14px;
    color: #222;
    background: #f3f4f6;
    border-radius: 8px; }
    .reply-input .QTEditor .DraftEditor-editorContainer {
      padding-right: 35px !important;
      padding-bottom: 0; }
  .reply-input .has-draft-tip {
    position: absolute;
    top: 7px;
    left: 8px;
    color: #fe6a49; }
  .reply-input .send {
    position: absolute;
    width: 56px;
    height: 36px;
    margin-left: 4px;
    font-size: 13px;
    line-height: 36px;
    color: #fff;
    text-align: center;
    cursor: pointer;
    background: #fe6a49;
    border-radius: 5px;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s; }
    .reply-input .send:hover {
      background: #ec5233; }
    .reply-input .send:focus {
      background: #e7574c; }
  .reply-input .send-pending {
    cursor: default !important;
    opacity: 0.5; }
  .reply-input .send-disable {
    color: #828992;
    cursor: default !important;
    background: #f9f9f9; }
    .reply-input .send-disable:hover, .reply-input .send-disable:focus {
      background: #f9f9f9 !important; }
  .reply-input .input-border {
    border-color: #e1e1e1 !important; }
  .reply-input .input {
    position: relative;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: calc(100% - 60px);
    min-height: 36px;
    padding: 6px 0 6px 12px;
    background: #f3f4f6;
    border: solid 1px rgba(0, 0, 0, 0);
    border-radius: 8px;
    -webkit-transition: width 0.3s;
    -o-transition: width 0.3s;
    transition: width 0.3s; }
  .reply-input .input-full {
    width: 100% !important; }
    .reply-input .input-full .emoji-trigger-box {
      z-index: -1;
      opacity: 0; }
  .reply-input .emoji-trigger-box {
    position: absolute;
    top: 6px;
    right: 16px;
    z-index: 9;
    font-size: 16px;
    color: #828992;
    cursor: pointer;
    opacity: 1;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s; }
    .reply-input .emoji-trigger-box:hover {
      color: #fe6a49; }
  .reply-input .input,
  .reply-input .emoji-trigger-box,
  .reply-input .send {
    display: inline-block;
    vertical-align: middle; }

.reply-info {
  min-height: 180px; }
  .reply-info .head {
    margin: 16px 0;
    font-size: 13px;
    color: #222; }
  .reply-info .body {
    position: relative;
    width: 100%;
    min-height: 134px; }
    .reply-info .body .showing-reply-item {
      -webkit-transform: translateX(0);
          -ms-transform: translateX(0);
              transform: translateX(0); }
    .reply-info .body .showing-reply-enter {
      -webkit-transform: translateX(150%);
          -ms-transform: translateX(150%);
              transform: translateX(150%); }
    .reply-info .body .showing-reply-enter.showing-reply-enter-active {
      -webkit-transform: translateX(0);
          -ms-transform: translateX(0);
              transform: translateX(0); }
    .reply-info .body .empty-tip {
      padding-top: 20px;
      padding-right: 22px;
      color: #828992;
      text-align: center; }
    .reply-info .body .load-failed-tip {
      margin-top: 36px;
      font-size: 13px;
      color: #828992;
      text-align: center; }
      .reply-info .body .load-failed-tip .retry {
        color: #00acdc;
        cursor: pointer; }
    .reply-info .body .replies-loading {
      width: 100%;
      height: 134px; }
      .reply-info .body .replies-loading .loading-container {
        width: 100%;
        height: 100%;
        margin-top: 33px; }
    .reply-info .body .replies {
      width: 100%;
      margin-top: 16px;
      -webkit-transition: all 0.3s;
      -o-transition: all 0.3s;
      transition: all 0.3s; }
      .reply-info .body .replies .reply-load-more .loading-container {
        margin-top: 0 !important; }
      .reply-info .body .replies .reply:last-child {
        border-bottom: none !important; }
      .reply-info .body .replies .reply {
        min-height: 55px;
        margin-bottom: 15px;
        font-size: 0;
        border-bottom: solid 1px #f5f5f5; }
        .reply-info .body .replies .reply .avatar {
          display: inline-block;
          width: 30px;
          height: 30px;
          margin-right: 8px;
          vertical-align: top;
          border-radius: 50%; }
        .reply-info .body .replies .reply .info {
          display: inline-block;
          width: calc(100% - 46px);
          vertical-align: middle; }
          .reply-info .body .replies .reply .info .name-and-date {
            margin-bottom: 5px; }
            .reply-info .body .replies .reply .info .name-and-date span {
              font-size: 12px;
              color: #828992; }
            .reply-info .body .replies .reply .info .name-and-date span:nth-child(2) {
              float: right; }
          .reply-info .body .replies .reply .info .content {
            font-size: 14px;
            color: #222;
            word-break: break-all;
            -webkit-user-select: text;
               -moz-user-select: text;
                -ms-user-select: text;
                    user-select: text; }
            .reply-info .body .replies .reply .info .content .task-reply-content > span {
              display: inline-block;
              line-height: 20px; }
            .reply-info .body .replies .reply .info .content .task-reply-content .more-tip {
              display: block;
              margin-top: -10px;
              font-size: 13px;
              line-height: 20px; }
            .reply-info .body .replies .reply .info .content .task-reply-content .change-model {
              color: #287ad7;
              cursor: pointer;
              -webkit-user-select: none;
                 -moz-user-select: none;
                  -ms-user-select: none;
                      user-select: none; }
            .reply-info .body .replies .reply .info .content .content-show-short > span {
              max-height: 200px;
              overflow: hidden; }

.sign-tip {
  padding: 12px;
  font-size: 13px;
  color: #5d6470;
  text-align: center; }

.sign-qrcode-modal {
  text-align: center; }

.sign-qr-code-tip,
.how-to-sign-tip {
  text-decoration: underline; }

.sign-tool-tip-container .ant-btn:focus {
  color: #fff !important;
  background-color: #fe6a49 !important;
  border-color: #fe6a49 !important; }

.task-list-highlight {
  background: #f3f4f6; }

.task-list-item {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  height: 68px;
  padding: 12px 12px 12px 0;
  overflow: hidden;
  font-size: 12px;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s; }
  .task-list-item .feebback-status {
    float: right;
    height: 20px;
    padding: 0 5px;
    font-size: 12px;
    line-height: 20px;
    color: #828992;
    border: solid 1px #828992;
    border-radius: 3px; }
  .task-list-item:hover {
    cursor: pointer;
    background: #f3f4f6; }
  .task-list-item .task-item-icon {
    display: inline-block;
    margin-left: 20px; }
    .task-list-item .task-item-icon .qt-avatar {
      width: 32px !important;
      height: 32px !important; }
  .task-list-item .base-info {
    position: relative;
    display: inline-block;
    width: calc(100% - 62px);
    padding-left: 12px;
    vertical-align: top; }
    .task-list-item .base-info .show-delete-line {
      text-decoration: line-through; }
    .task-list-item .base-info .abstract-row {
      margin-bottom: 6px; }
    .task-list-item .base-info .row {
      height: 16px; }
      .task-list-item .base-info .row .read-pt {
        float: right;
        width: 6px;
        height: 6px;
        margin-top: 7px;
        margin-right: 12px;
        vertical-align: middle;
        background: #ec5233;
        border-radius: 50%; }
      .task-list-item .base-info .row .org-failed-tip {
        color: red; }
        .task-list-item .base-info .row .org-failed-tip .qt-icon-info {
          margin-right: 5px; }
      .task-list-item .base-info .row .cancel-tip {
        display: inline-block;
        max-width: 170px;
        overflow: hidden;
        font-size: 12px;
        -o-text-overflow: ellipsis;
           text-overflow: ellipsis;
        white-space: nowrap; }
      .task-list-item .base-info .row .task-CC-tag {
        position: relative;
        bottom: 1px;
        display: inline-block;
        height: 18px;
        padding: 0 3px;
        margin-right: 6px;
        font-size: 12px;
        line-height: 18px;
        color: #fff;
        text-align: center;
        background: #4d79f3;
        border-radius: 4px; }
      .task-list-item .base-info .row .abstract {
        display: inline-block;
        max-width: 220px;
        height: 20px;
        margin-right: 4px;
        overflow: hidden;
        font-size: 14px;
        line-height: 19px;
        -o-text-overflow: ellipsis;
           text-overflow: ellipsis;
        white-space: nowrap;
        vertical-align: middle; }
      .task-list-item .base-info .row .read-info {
        float: right;
        font-size: 12px;
        color: #222; }
        .task-list-item .base-info .row .read-info:hover {
          color: #fe6a49; }
      .task-list-item .base-info .row .originator {
        display: inline-block;
        max-width: 66px;
        margin-right: 12px;
        overflow: hidden;
        font-size: 12px;
        -o-text-overflow: ellipsis;
           text-overflow: ellipsis;
        white-space: nowrap;
        vertical-align: middle; }
      .task-list-item .base-info .row .new-reply-tip {
        display: inline-block;
        margin-left: 8px;
        color: #ffae62;
        vertical-align: middle; }
      .task-list-item .base-info .row .file-icon {
        display: inline-block;
        color: #828992;
        vertical-align: middle; }
      .task-list-item .base-info .row .date-time-icon {
        display: inline-block;
        color: #828992;
        vertical-align: middle; }
      .task-list-item .base-info .row .star-date-time {
        display: inline-block;
        max-width: 140px;
        margin-left: 3px;
        overflow: hidden;
        font-size: 12px;
        color: #828992;
        -o-text-overflow: ellipsis;
           text-overflow: ellipsis;
        white-space: nowrap;
        vertical-align: middle; }
      .task-list-item .base-info .row .task-tip-bell {
        float: right;
        margin-top: -2px;
        font-size: 14px;
        color: #828992; }
      .task-list-item .base-info .row .activity {
        color: #fe6a49 !important; }

.task-list-container {
  height: 100%;
  background: #fcfcfd; }
  .task-list-container .ant-tabs-bar {
    display: none; }
  .task-list-container .task-index-wrap-pannel .ant-collapse-header:hover {
    background-color: #ededed !important; }
  .task-list-container .today-complete-list-panel .ant-collapse-header {
    padding: 0 !important; }
    .task-list-container .today-complete-list-panel .ant-collapse-header:hover {
      background-color: transparent !important; }
  .task-list-container .uncomplete-list-panel .ant-collapse-header {
    padding: 0 !important; }
  .task-list-container .uncomplete-list {
    color: #222; }
  .task-list-container .complete-list {
    color: #828992; }
  .task-list-container .complete-list-panel .ant-collapse-header {
    padding: 0 !important; }
  .task-list-container .complete-list-panel .row-text {
    color: #828992 !important; }
  .task-list-container .ant-tabs-nav {
    width: 100%;
    padding: 0 10px; }
  .task-list-container .ant-tabs-bar {
    margin-bottom: 0; }
  .task-list-container .ant-tabs-content {
    height: 100%; }
  .task-list-container .ant-tabs {
    height: calc(100% - 44px); }
  .task-list-container .ant-tabs-tab {
    width: 50%;
    margin-right: 0;
    font-size: 13px;
    text-align: center; }
  .task-list-container .header {
    height: 42px;
    padding: 11px 14px;
    color: #222;
    border-bottom: 1px solid #d2d2d2; }
    .task-list-container .header .dd-menu {
      float: right;
      margin-top: -2px;
      font-size: 16px;
      color: #fe6a49;
      cursor: pointer; }
    .task-list-container .header .menu-item {
      border-bottom: 1px solid #d2d2d2; }
      .task-list-container .header .menu-item .more-type:nth-child(1) {
        padding-bottom: 0; }
      .task-list-container .header .menu-item .more-type:nth-child(2) {
        padding-top: 0;
        padding-left: 0; }
      .task-list-container .header .menu-item .create {
        color: #666; }
        .task-list-container .header .menu-item .create:hover {
          color: #fe6a49; }
      .task-list-container .header .menu-item .more-type {
        color: #828992; }
      .task-list-container .header .menu-item .tip {
        -webkit-transform: scale(0.7);
            -ms-transform: scale(0.7);
                transform: scale(0.7); }
  .task-list-container .body {
    height: 100%; }
    .task-list-container .body .list-tab-header {
      height: 44px;
      font-size: 0;
      line-height: 44px; }
      .task-list-container .body .list-tab-header .tab-head-icon {
        margin-right: 8px;
        font-size: 14px; }
      .task-list-container .body .list-tab-header .focus {
        color: #fe6a49 !important; }
      .task-list-container .body .list-tab-header .to-attend {
        border-right: solid 1px #e1e1e1; }
      .task-list-container .body .list-tab-header .to-attend,
      .task-list-container .body .list-tab-header .has-end {
        display: inline-block;
        width: calc(50%);
        height: 20px;
        font-size: 14px;
        line-height: 20px;
        color: #222;
        text-align: center;
        vertical-align: middle;
        cursor: pointer; }
        .task-list-container .body .list-tab-header .to-attend .has-read-pt,
        .task-list-container .body .list-tab-header .has-end .has-read-pt {
          display: inline-block;
          width: 11px;
          height: 10px;
          margin-top: -15px;
          margin-left: 2px;
          background: #ec5233;
          border-radius: 14px;
          -webkit-transform: scale(0.5);
              -ms-transform: scale(0.5);
                  transform: scale(0.5); }
    .task-list-container .body .ant-collapse-item {
      background: #f9fafc;
      border: none; }
      .task-list-container .body .ant-collapse-item .ant-collapse-header {
        font-size: 13px; }
        .task-list-container .body .ant-collapse-item .ant-collapse-header .today-complete-header,
        .task-list-container .body .ant-collapse-item .ant-collapse-header .uncomplete-header {
          cursor: default !important; }
          .task-list-container .body .ant-collapse-item .ant-collapse-header .today-complete-header:hover,
          .task-list-container .body .ant-collapse-item .ant-collapse-header .uncomplete-header:hover {
            background-color: none !important; }
        .task-list-container .body .ant-collapse-item .ant-collapse-header .complete-header {
          position: relative;
          padding: 8px 0 8px 30px; }
        .task-list-container .body .ant-collapse-item .ant-collapse-header .qt-pannel-icon {
          position: absolute;
          right: 12px;
          display: inline-block;
          font-size: 14px;
          color: #828992;
          -webkit-transition: all 0.3s;
          -o-transition: all 0.3s;
          transition: all 0.3s;
          -webkit-transform: scale(0.4);
              -ms-transform: scale(0.4);
                  transform: scale(0.4); }
        .task-list-container .body .ant-collapse-item .ant-collapse-header[aria-expanded='true'] .qt-pannel-icon {
          -webkit-transform: scale(0.4) rotate(0) !important;
              -ms-transform: scale(0.4) rotate(0) !important;
                  transform: scale(0.4) rotate(0) !important; }
        .task-list-container .body .ant-collapse-item .ant-collapse-header[aria-expanded='false'] .qt-pannel-icon {
          -webkit-transform: scale(0.4) rotate(180deg) !important;
              -ms-transform: scale(0.4) rotate(180deg) !important;
                  transform: scale(0.4) rotate(180deg) !important; }
        .task-list-container .body .ant-collapse-item .ant-collapse-header .arrow {
          display: none !important; }
      .task-list-container .body .ant-collapse-item .ant-collapse-content {
        padding: 0 !important;
        border: none; }
        .task-list-container .body .ant-collapse-item .ant-collapse-content .ant-collapse-content-box {
          padding: 0 !important; }
    .task-list-container .body .task-list {
      height: 100%; }
      .task-list-container .body .task-list .showing-task-item {
        height: 100%;
        overflow: hidden; }
      .task-list-container .body .task-list .showing-task-leave {
        height: 66px;
        padding: 0 !important;
        margin: 0 !important;
        background: none !important;
        -webkit-transition: all 0.15s ease-out;
        -o-transition: all 0.15s ease-out;
        transition: all 0.15s ease-out; }
      .task-list-container .body .task-list .showing-task-leave.showing-task-leave-active {
        height: 0;
        padding: 0 !important;
        margin: 0 !important;
        background: none !important;
        opacity: 0; }
    .task-list-container .body .no-meeting {
      width: 100%;
      margin-top: 30% !important;
      color: #828992;
      text-align: center; }
      .task-list-container .body .no-meeting .icon {
        font-size: 49px;
        color: #e1e1e1; }
      .task-list-container .body .no-meeting .tip {
        display: block;
        font-size: 13px; }
      .task-list-container .body .no-meeting .no-meeting-img {
        width: 173px; }
    .task-list-container .body .load-failed {
      position: absolute;
      top: calc(50% - 125px);
      left: calc(50% - 67px);
      color: #828992;
      text-align: center; }
      .task-list-container .body .load-failed .icon {
        font-size: 90px;
        color: #e1e1e1; }
      .task-list-container .body .load-failed .tip {
        display: block;
        font-size: 13px; }
        .task-list-container .body .load-failed .tip span:last-child {
          color: #00acdc;
          cursor: pointer; }

@-webkit-keyframes meeting-index-in {
  from {
    opacity: 0;
    -webkit-transform: translateY(100%);
            transform: translateY(100%); }
  to {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0); } }

@keyframes meeting-index-in {
  from {
    opacity: 0;
    -webkit-transform: translateY(100%);
            transform: translateY(100%); }
  to {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0); } }

@-webkit-keyframes meeting-index-out {
  from {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0); }
  to {
    opacity: 0;
    -webkit-transform: translateY(100%);
            transform: translateY(100%); } }

@keyframes meeting-index-out {
  from {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0); }
  to {
    opacity: 0;
    -webkit-transform: translateY(100%);
            transform: translateY(100%); } }

.task-index-transition-leave {
  -webkit-transform: none;
      -ms-transform: none;
          transform: none; }

.task-index-transition-leave.task-index-transition-leave-active {
  -webkit-transform: translateY(100%);
      -ms-transform: translateY(100%);
          transform: translateY(100%); }

.task-index-transition-enter {
  -webkit-transform: translateY(100%);
      -ms-transform: translateY(100%);
          transform: translateY(100%); }

.task-index-transition-enter.task-index-transition-enter-active {
  -webkit-transform: none;
      -ms-transform: none;
          transform: none; }

.meeting-index {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  -webkit-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  transition: all 0.3s linear; }
  .meeting-index .meeting-header {
    position: absolute;
    top: 0;
    width: 100%;
    height: 50px;
    line-height: 50px;
    background: #fcfcfd;
    border-bottom: solid 1px #e1e1e1; }
    .meeting-index .meeting-header .title {
      position: relative;
      width: 85%;
      margin-left: 30px;
      font-size: 16px;
      color: #222; }
      .meeting-index .meeting-header .title .drag-box {
        position: absolute;
        top: 0;
        left: 0;
        width: 60%;
        height: 100%;
        -webkit-app-region: drag; }
    .meeting-index .meeting-header .close {
      position: absolute;
      top: 0;
      right: 24px;
      font-size: 14px;
      color: #828992; }
      .meeting-index .meeting-header .close .qt-icon {
        cursor: pointer; }
  .meeting-index .meeting-body {
    position: absolute;
    top: 50px;
    bottom: 0;
    width: 100%;
    background: #fcfcfd; }
    .meeting-index .meeting-body .list {
      position: absolute;
      width: 330px;
      height: 100%;
      background: #f9fafc;
      border-right: 1px solid #e1e1e1; }
      .meeting-index .meeting-body .list .tasks {
        height: calc(100% - 56px); }
      .meeting-index .meeting-body .list .no-meeting {
        margin-top: 90px;
        text-align: center; }
        .meeting-index .meeting-body .list .no-meeting .icon {
          width: 135px;
          margin-bottom: 38px; }
        .meeting-index .meeting-body .list .no-meeting .tip {
          display: block;
          font-size: 13px;
          color: #828992; }
      .meeting-index .meeting-body .list .nicescroll-container {
        padding: 0 !important; }
      .meeting-index .meeting-body .list .load-failed-container {
        margin-top: 200px;
        text-align: center; }
        .meeting-index .meeting-body .list .load-failed-container .retry {
          color: #037aff;
          cursor: pointer; }
    .meeting-index .meeting-body .detail {
      position: relative;
      height: 100%;
      margin-left: 330px;
      background: #f3f4f6; }
      .meeting-index .meeting-body .detail .detail-inner-card {
        background: #fdfdfd; }
      .meeting-index .meeting-body .detail .logo {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
            align-items: center;
        -ms-flex-pack: center;
            justify-content: center;
        width: 100%;
        height: 100%; }
        .meeting-index .meeting-body .detail .logo img {
          width: 110px; }
  .meeting-index .meeting-footer {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 56px;
    line-height: 56px;
    text-align: center;
    background: #fcfcfd;
    border-top: solid 1px #e1e1e1; }
    .meeting-index .meeting-footer .group-manage {
      position: absolute;
      top: 0;
      left: 0;
      width: 50px;
      font-size: 18px;
      text-align: center;
      cursor: pointer;
      background: #f1f2f4; }
    .meeting-index .meeting-footer .btn {
      display: inline-block;
      height: 36px;
      font-size: 14px;
      line-height: 36px;
      color: white;
      letter-spacing: 1px;
      cursor: pointer; }
      .meeting-index .meeting-footer .btn .has-draft-tip {
        margin-right: 5px; }
  .meeting-index .qt-logo {
    font-size: 75px;
    color: #e1e1e1; }

.transform-not-display {
  -webkit-transform: scale(0) !important;
      -ms-transform: scale(0) !important;
          transform: scale(0) !important; }

.task-tip-modal .ant-modal-title .icon {
  margin-right: 5px;
  color: #fe6a49; }

.task-tip-modal .meeting-remind {
  width: 300px;
  margin: 0 15px;
  font-size: 13px;
  line-height: 20px;
  color: #222; }

.task-tip-modal .meeting-time {
  margin-top: 6px;
  font-size: 13px;
  color: #fe6a49; }

.task-tip-modal .content {
  display: inline-block;
  max-height: 63px;
  overflow: hidden;
  line-height: 20px;
  word-break: break-all; }

.leave-modal .modal-content {
  margin: 32px 5px;
  text-align: center; }

.leave-modal p {
  display: block;
  font-size: 14px;
  text-align: center; }

.leave-modal button {
  display: inline-block;
  width: 260px;
  height: 40px;
  margin-top: 48px;
  margin-left: 11px;
  font-size: 14px;
  color: #fff !important;
  text-align: center;
  cursor: pointer;
  background: -webkit-gradient(linear, right top, left top, from(#fe8d40), to(#fe5045));
  background: -webkit-linear-gradient(right, #fe8d40 0%, #fe5045 100%);
  background: -o-linear-gradient(right, #fe8d40 0%, #fe5045 100%);
  background: linear-gradient(270deg, #fe8d40 0%, #fe5045 100%);
  border-style: hidden;
  border-radius: 8px; }
  .leave-modal button:hover {
    background: -webkit-gradient(linear, right top, left top, from(#fda87c), to(#fe847e));
    background: -webkit-linear-gradient(right, #fda87c 0%, #fe847e 100%);
    background: -o-linear-gradient(right, #fda87c 0%, #fe847e 100%);
    background: linear-gradient(270deg, #fda87c 0%, #fe847e 100%);
    border-color: #fe847e; }

.leave-modal.zh {
  width: 324px !important;
  height: 200px !important; }

.leave-modal.en {
  width: 450px !important; }

.validate-container .validate-input {
  width: 50px !important;
  height: 50px !important;
  padding: 0;
  padding: 4px 11px;
  margin: 0;
  font-size: 14px;
  font-variant: tabular-nums;
  color: rgba(0, 0, 0, 0.65);
  text-align: center !important;
  list-style: none;
  background-color: #f6f6f6;
  background-color: #fff;
  background-image: none;
  border: 1px solid #e0e5f0;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  -webkit-font-feature-settings: 'tnum';
  font-feature-settings: 'tnum'; }
  .validate-container .validate-input:focus {
    margin-right: 0 !important;
    border-right-width: 1px !important; }

.validate-container > *:not(:last-child) {
  margin-right: -1px !important;
  border-right-width: 1px; }

.validate-container > .validate-input:first-child {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0; }

.validate-input:focus {
  z-index: 1;
  border-color: #40a9ff;
  border-right-width: 1px !important;
  outline: 0;
  -webkit-box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.2);
  box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.2); }

.update-mail-modal {
  width: 380px !important; }
  .update-mail-modal .ant-modal-body {
    padding: 0 !important; }
  .update-mail-modal .modal-content {
    text-align: center; }
  .update-mail-modal .enter-verification {
    margin-top: 41px;
    margin-bottom: 28px; }
    .update-mail-modal .enter-verification .send_mail_tip {
      margin-bottom: 24px;
      font-size: 12px;
      color: #828992; }
      .update-mail-modal .enter-verification .send_mail_tip .new-mail {
        display: inline-block;
        max-width: 160px;
        margin-left: 2px;
        overflow: hidden;
        font-size: 12px;
        color: #00acdc;
        -o-text-overflow: ellipsis;
           text-overflow: ellipsis;
        white-space: nowrap;
        vertical-align: middle; }
  .update-mail-modal .enter-new-mail {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center;
    -ms-flex-pack: center;
        justify-content: center;
    min-height: 135px; }
    .update-mail-modal .enter-new-mail .old-mail-tip {
      margin-bottom: 25px;
      font-size: 13px;
      color: #5d6470; }
  .update-mail-modal .mail {
    width: 260px;
    height: 32px !important;
    margin-right: 5px;
    margin-left: 10px;
    vertical-align: middle; }
  .update-mail-modal .btn-modify-mail {
    font-size: 13px;
    color: #9c9c9c;
    vertical-align: middle;
    background-color: #fff;
    border: 1px solid #d8d8d8; }
    .update-mail-modal .btn-modify-mail:hover {
      color: #fff;
      background-color: #fe6a49;
      border-color: #fe6a49; }
  .update-mail-modal .validate-hint {
    margin-top: 15px;
    margin-bottom: 15px;
    font-size: 13px; }
  .update-mail-modal .mail-validate {
    padding-bottom: 12px; }
  .update-mail-modal .change-mail {
    margin-left: 5px;
    color: #00acdc; }

.video-meeting-warn-modal {
  width: 300px !important; }

.video-metting-modal {
  width: 600px !important;
  color: #5d6470; }
  .video-metting-modal .ant-modal-body {
    padding: 0; }
  .video-metting-modal .ant-modal-header .back {
    cursor: pointer;
    -webkit-transition: color 0.1s linear;
    -o-transition: color 0.1s linear;
    transition: color 0.1s linear; }
    .video-metting-modal .ant-modal-header .back:hover {
      color: #fe6a49; }

.join-wrapper {
  position: relative;
  height: 414px; }
  .join-wrapper .icon-img-wrap {
    position: absolute;
    bottom: 139px;
    width: 212px;
    height: 182px;
    border-radius: 16px; }
    .join-wrapper .icon-img-wrap .icon-img {
      position: relative;
      top: 20px;
      left: 20px;
      width: 70px;
      height: 68px; }
    .join-wrapper .icon-img-wrap .desc {
      position: absolute;
      bottom: 55px;
      left: 27px;
      width: 56px;
      height: 20px;
      font-family: PingFangSC-Medium, PingFang SC;
      font-size: 14px;
      font-weight: 500;
      line-height: 20px; }
    .join-wrapper .icon-img-wrap:hover {
      color: #fe6a49;
      cursor: pointer;
      -webkit-box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.2);
              box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.2); }
  .join-wrapper .join-metting {
    left: 73px;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAANQAAAC2CAYAAACh4qNJAAAIy0lEQVR4Xu2dvW5TWxBGZx87hEtERwU0dFS8B0IC0dNQQANIPEIeAQkqKGjoEUjAe1DR0QAVHQrYiX321c4fBHBgJh6knG8d6UpXeM9Es769dGzH2S52yFXr1/O21V2zUq5Y31+yrjtjta4eVsNjEBgUgVKm1vefreveWq2vbKV/UcqpD4tmLL97oG5snLXV0brVctNqHQ8KEMNA4CgESplZqU9tOl8va2uffm71i1B1MrlqnT0zs9NH+bnUQmDgBL5YbzfKyZMvf5zzgFB1vnnP5v0DM+sGDoPxILAMAr2NuvtldOLhXrN9oXbvTM+RaRmc6SFEoLferu/dqbaF2n7NtDJ6x9M8oW3AqMsk8MW25hfba6odoWaTx9bbrWX+BHpBQIpAZ0/K+OTtsv3W+Gz0nnfzpOJn2GUTaO/+jecXSt2c3DGzR8vuTz8ICBK4W+rW9LXVellweEaGwHIJlPKm1Om3D1bKueV2phsEBAnU+rHdoSZ8nEgwfEZePoFSpu01VF1+ZzpCQJMAQmnmztRJBBAqCSxtNQkglGbuTJ1EAKGSwNJWkwBCaebO1EkEECoJLG01CSCUZu5MnUQAoZLA0laTAEJp5s7USQQQKgksbTUJIJRm7kydRAChksDSVpMAQmnmztRJBBAqCSxtNQkglGbuTJ1EAKGSwNJWkwBCaebO1EkEECoJLG01CSCUZu5MnUQAoZLA0laTAEJp5s7USQQQKgksbTUJIJRm7kydRAChksDSVpMAQmnmztRJBBAqCSxtNQkglGbuTJ1EAKGSwNJWkwBCaebO1EkEECoJLG01CSCUZu5MnUQAoZLA0laTAEJp5s7USQQQKgksbTUJIJRm7kydRAChksDSVpMAQmnmztRJBBAqCSxtNQkglGbuTJ1EAKGSwNJWkwBCaebO1EkEECoJLG01CSCUZu5MnUQAoZLA0laTAEJp5s7USQQQKgksbTUJIJRm7kydRAChksDSVpMAQmnmztRJBBAqCSxtNQkglGbuTJ1EAKGSwNJWkwBCaebO1EkEECoJLG01CSCUZu5MnUQAoZLA0laTAEJp5s7USQQQKgksbTUJIJRm7kydRAChksDSVpMAQmnmztRJBBAqCSxtNQkglGbuTJ1EAKGSwNJWkwBCaebO1EkEECoJLG01CSCUZu5MnUQAoZLA0laTAEJp5s7USQQQKgksbTUJIJRm7kydRAChksDSVpMAQmnmztRJBBAqCSxtNQkglGbuTJ1EAKGSwNJWkwBCaebO1EkEECoJLG01CSCUZu5MnUQAoZLA0laTAEJp5s7USQQQKgksbTUJIJRm7kydRAChksDSVpMAQmnmztRJBBAqCSxtNQkglGbuTJ1EAKGSwNJWkwBCaebO1EkEECoJLG01CSBUVu61N6tZzen7TwmU9tOKWdn+n0MvhPoTob99vFazJlHfRMKkv8V2vNYVs679N1ooF0ItI9F+bjafL6MTPY4Lga77rVgIddQA57OduxKXJoHxyoG7FUIdZRvMtnh6dxR+Q6kdj81Ktz0NQkVDnc12XjNxQaAR2L1TIVRkO7SneO2pHhcE9gi0dwDHK9yhQjtiazNURtHACYzHCOWOmLuTG5lMQekQyh027+q5kSkV8BrKmzZP97zEpNYjlDduhPISk1qPUJ6420eK2u+euCCwgABCebYGQnloSa5FKE/sCOWhJbkWoTyxI5SHluRahPLEjlAeWpJrEcoTO0J5aEmuRShP7AjloSW5FqE8sSOUh5bkWoTyxI5QHlqSaxHKEztCeWhJrkUoT+wI5aEluRahPLEjlIeW5FqE8sSOUB5akmsRyhN7O0OinSXBBYEFBBDKszUQykPr4Np2KtDeAZHtTt/OMhzgITcI5dkiCOWh9X1tk2k0/rW2/fXzwKRCKM8WQSgPre9rRwcPg9x/oN2p5sP6+zKE8mwRhPLQ+r52fGJx3WxYJ0ghlGeLIJSH1u7anfPqFl7bfwE9nC9XQCjPFkEoDy2ECtDSKkGoQN7coQLQREoQKhA0QgWgiZRwamwgaIQKQBMpQahA0AgVgCZSglCBoBEqAE2kBKECQSNUAJpICUIFgkaoADSREoQKBI1QAWgiJQgVCBqhAtBEShAqEDRCBaCJlCBUIGiECkATKUGoQNAIFYAmUoJQgaARKgBNpAShAkEjVACaSAlCBYJGqAA0kRKECgSNUAFoIiUIFQgaoQLQREoQKhA0QgWgiZQgVCBohApAEylphzPO5yLDLmtMhFoWyeH1QahApggVgCZSglCBoBEqAE2kZJBCldzwWvt2cuyiq50cm34sX/oP2J+Oc/k822koQv14cL9n/uO89h99QQFCeTbJEIRadHC/h8NxXpv8BQUI5dkcQxBq0cH9Hg7HeW3yFxQglGdzDEGoww7u97A4zmsTv6AAoTwbYwhCcYdK/QodhPII1X6p26Q6zhevoVK/5A2hPHIMQag2L+/yeVJ3rUUoD66hCHVgZn4P5dkCf1qLUH8i9OPjgxTKAyCylk9KRKhp1CBUIGeECkATKUGoQNAIFYAmUoJQgaDVhNqaTqzW1QApvRKECmQuJFQp01Kn3z5YKecCpPRKECqQuZBQZh9L3Zq+tlovB0jplSBUIHMhobruTXvb/I6ZPQqQ0itBqEDmQkJZuVtq/XreZqP3Vus4QEurBKECeYsIVcrMbHRh+9fkdTZ5bL3dCtDSKkGoQN4iQnXlSfnv9O0doTY2ztrK6J2ZnQ4Q0ylBqEDWAkLV+sXK+GJZW/u0/0GuOplctc6em1kXoKZRglCBnAcvVG82ul7W1l42OAc+GVnnm/ds3j9AqgX7BqEQ6iCB3kbj++XkqYd7//zLR41371TPePr3m72DUAi1R2Dnad6NvTvTQqH2X1Otjtatlpu8+/fDHkIohGrv5hV7an233l4z/Qzk0D+G2X5Lfau7ZqVcsb6/ZF13RvpjSu3EnHa+OZeDwDF/DVXK1Kp9tq68tb6+sjJ6UU6d+rAIwP8i1hgPQsKt9AAAAABJRU5ErkJggg==); }
    .join-wrapper .join-metting .join-img {
      background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEYAAABECAYAAAA85kOPAAAMgklEQVR4Xu2c228cVx3Hv78zs3bs9fqSOIkdx0ljesmlJUlTt6Q3mqYppaQ0aUhbIS6l6gvQSoW+ICGgQiovCPWhCF4QPAAvvPCCKiHuD/wBVS9SEaqUOGvH1/Xa3tvMOeeHzlzWZ8ezTlxt40tYy9rZnZkz53zm9/vNb+b8vktIvPjC547A4ZdAfAbgfUzIgYD6v9k++MwAESA4bMHepumy2eca26a2dR37xe0i6pfpnwi6uAiiyyD+C0C/ou/94/3kmNM+m+aCF1883AY99DMmfBPEzooBmI1EtLHZyyybg68JCkVAU+Cs2s4awNRPWnQMu11BigT/EqWp1+j1D7zVAAVgIihvM/h0YAWBNSQ6H4OJUa7JUhJWZs5qDDkJOx5I8P0agAT9i6ylWfvRmIjwN5SnnlwNTgjmmTNvMfDysotELO3Ox0DqwKzBXcs9Yrezz6ZtgTYcu60GOKtYW9pJjFwpGElK++Tg5/TaP19pZjVkYgpr/U6q+1gH1O3t0H07wLkcuL0dcJwwxgTbiOjgFCwGXwqzLvw3b/FyuL1ZL4LFcDlsh8INw/dgv6j92IriUdQDQIq72CMlYhDMvyYixSAJEjUIt0xEixDOf5HZ9lco/InOvvhRw6587vE3mfSr9Q7HbhSTFgS5ewCqtw/OYhFUWgBJD9DKOhMhEDYm3ODTKzseQwq2NP0mgCOGpg9mOYST4spxbLMBpVnrch8YAppACtAeE1UJtABgFk77FGe3F9D3KUX9I10E989w3/sNnXpdhl07f+Y9Bo6kxRUWBH9oGHAF3Kt5kPLDLgWBN+pd3LHY7G0w9kDqV43kgKM4EreZtIZmbpY8jg1oBRgogD0GqiRQ1IxZQTSumcfZ5zGR2zWPw08dER09eTxS/SnRs4r4/GMLjMQlOTqI3LkLunMb3IkxEEcDWBVMSsBMDiw5oDjAfsJgmNgnoAIyFqNnATGhgTxpHlOaxwU65pyTLzyoMtl33VNnf0f63Bmu5yTW1Yjb2uAN70Vm/DJIBda1bCVNLSblEr6eYETg2ybGKCJ4AFdBWAgsRtBVrXmcmC8zizw0T3H3PumeeP5pSPmTCEycsC2bub9jB+AQ3MJMo9tcy2KSuc06giEB1gEbWgbjYAEac0SYYMa4Zj1GcK6gRtOsdEHc/+I9om9ggvS5x8IIWLeWcLm2ZxDu4jxEtbJpwUTB3MRzxYJ9AVSYsETAjGaeJCBvsmJWyAdgIAr69kd2tN0yejzhSsuWUxseQmZmEiTlGsBYcaghKKfdUsSu+YkGX3OVC8BAhDEmAMM8C8YkE/KaMcaMvJBikpUooP9OV9z95PmmrlTdO4S26QmQ1lsGjIkxJn9h5jkGJgHKE/FlJcW49jkAw7lbdPtDz33Vspg4CQvPYG1oAJmZqS0HBsCSyWNiMMw8xlrkRQQGfbdocTIAk4wxoYnXBnchMzezdcAQSxBX0sCQFnmsBBNfrhsTr9runcgUZkG8RVwpBQyB8pp5rAFM/4gSoxdtV2q8Savt2oHM/FxjYle/s14l803NiDdA8L1eMD0jSjxw8ctNg6/X3wd3Yf4mBLNP4eSzzzXNY7ztPXCXFm4+MNv3Sx69cLFpHuP15uCWl9YIZoPdEoR362Eec72utH2/1KMXmucxfk8WTqV884HJDUl58uIXm+YxfncWbrUM2HfV1wy+m99i/NyQVPc+c7ZpHuN3d8KpVm46i+HeYd8/ce7zCYux7q67O+GaG8gbbTG5XtC33wyecvAvvgOU5xufCjZ74JX+oGrNMYazA37tMxceb/o8Zt1c6dhnIb72wwCG/u2PgXf/dUPB+NkBX42eP938ecx6xZi7H4X4yvdDML9/A3jn7zcUDOf2eOUTT51qmseYGLN2V2rBY4d1BuPn9nje8S883DSPMa7kVNd6ud4CYDr2eP7ok/ev6ko3J5idXu3E0/e1OI/Z/BbD2d21paNPjLY4j9n8YPz23bXq8TN3tziP2fxguKO/Wjz6xLEW5zGbH4zX0V8t3Xn6rhuXx3T3ArcfDSbzG6Z37ZlJs3zgCMSD58I85t9/BC590DjZZ2e+QXqsgEvvAKX5lOKmtd9de25/tXT00cMtzmOa30TSj34NGtgXT8e39J2nL4Pf+kZLwHB7b6X46cfuaHEes/nBeO29lfLBU7e2OI9Z5bHDJnElYzGzBx860OI8pgXPY9b5lsBrz1aWbnt4X4vzmM0Pht1cee7WB/a2OI/Z/GA8N1devPXewf/nMYkJNwOmNHLfzhbnMZs/weP2jtLM4D39Lc5jNj8YjzpKiweO9bY4j9kaYBb2Hsq1OI/ZGmBKA7dlW5zHtADMOj8MZ+oozYRg0utjPt68UgvArPP0iYkxxZUWswHmlVpbAL32eaVli0mv8123eaV1BmMsxooxKXW+6zWvdAPBmOJEU4NnV1StEmPCyqqPN6/UgluCTwqMYD+oDL9GcWJKjIklNmEA/XjzShsfTFo5KyuRlx5PmXJWLTtKxeH65TrdldY+r7RxwdiV4WCOylmRZ8YYAVfgiwAMq0xpafhwq/OYjQiGOdArxSILgUVT52tK5kVKyTxz29L80KGu1ucxG0mvZNQnQT2uUbgZ9QkC9QkYswBdlcwTRHSZjJbANyILUWDKlCIw6XW+sruTm07qpwm01irkCgBaYtCk1Of6hFqNotZ4n6gtozwhgmYjywG8sACaFohhJDWTTHwFClcYPA4lpphpnr2OcmHvoS5LyNVY5+v3dOl6qVlyiiNNbmdLBu0BxzKeFQKuhNItrfDHlgAl64evJW0O9mVDRoFZg1Aj4jJARQAzYLqqiMeF5jGWmGBJMyydIrud5fnBO3JNpX9+T1a65agGbzXNUSDpTSlwbgZktYqoZlqoOtQmsufG43MoMw60EcaVFNhUbaJKhBIAA2aaGVehxThIX2HJk1JjVhgw3F6d33MwR6FYlF9N6pX83q5KplJmU2rGkYQzXbFvQ4kkx2mg0rSNSXdaYRUpFei2paQo7cjAMPNwYR90AIZgxJwmhykRoaCZZoh4QitcFRB5NpdqwXOsaJFVpjY/cFe3JS9GpM4PacvebMEplznQQiZ8tz6T2HSwCTeJp9ecJgO1gaTFFtv60oTw9j6Bmjc4DgNag8gIrjwIrjBjCUQFIkxDYhLEV1kby6Fpz+cFLd0Sa9cr7T/UHXQpFKRzJEgPO+/3dl1xKyXjn5E+OjgL5m/5ZZ+x+rIlVE+LK0lRaNiDRmWu+cpAjPdvBitxwky9cyBVFmzezRk2VyOT8dY0qCwIRqs0DwNG8zTgTrHP0wyeY0mLLJ2KJzKqOnwsG3Yr/F2Htxk4HbuU35390PW9MinFTBzIoCMpXbiYdBcbUkN8MYO2rM4epA2gwSpi9nolsCa1xqF2OxCgB9aiQ1NXIPIFoaqhQxE6Yx6a5yCcaZZqFj4VGG6RJUqs/aqX2ylKOw469fOf/NELmd32ITvOpUytHEloQUZvrc25WBbmhyNIkwY3/GZDBMYevL2ffebrVmLSjxSNt/1ddAwdjUKE8SVIXIQDpcFaEHlMqAFchsYShDDBd54lF+A7RZayyOSWmGTFuFExN9KpugcKtmME/eALp47AybykHLpX9fV85CwVq8RRoAntK3SneODxyU26lb2erEEm4djuYv+WRCqs6GBxzmTDNz0LfxbFXKI54EOsNEiKMPBWNXFJKFpi5iKMBFCqJZZOiUlUmJUH2cGLB453V/3y+yvAxOM07+VXnv+SYD3qFAtVYUwzspb6mUyzABuU3Vhy0KmuYwFP2/6axzOisyDVZWG0eUJpaEjhiprSqAmQyT/K0FxiyWV22stck1Ww47HPqrL/rq5Ke8fcnpffuLQqmD9chHN239efFcobzBRnKzCWY8NpFiNsIMnBxEE1zXLq++nl4BtvZ++XBt+AFEG1DBwypqJZCGFyGAlBPrRxJ+0xUxU+quygyhI1SN/ntl692D+SRdeOUv+3fvCf+k9MJMdhf+bXIRYrL97vkL6dKxUp/LLf5isF0lbgSLRgBpE2kCTI5IHtfdL2v442FVQIhomdDCsphXYF+SyVNJYBlz2uCR8k/KXuHEvR6YiOna7nOlODL79x2UCxvXs1NsG6wqsv9LZ1to1IVw0KQR1Q5Jrvo+hhgl30ScDYr4iCULA+DtbB1tF6J/SV+v7xJydar6L1EQxhTMFsbdY7ifbrHmiObPwo+JmR8AZSEwsSUrKrHGLJcKRPLEVmW035VJGqraBEeWr4u28aIWn99T9f78yetPRhbAAAAABJRU5ErkJggg==); }
  .join-wrapper .instant-metting {
    right: 73px;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAANQAAAC2CAYAAACh4qNJAAALBElEQVR4Xu2dPYzcRBSA39u73UvIJVRIaWgQHUJ0QIloU1EBPVBTkY6CLlS0/PTQUaVFlAcdQnSIJk0EHSJi197dQc97PjaXu117/cZ/840UgRT72fPN+zLjGe9YpWIJIZzKKrsn6/C2iL4msn5JdHJHQjipGILDINB/AqoLCeu/RSZ/iIRfZKI/yNHsoar+U+Xmdd9BYT5/WSZyX0TfFwm39h3P30NgfAT0iUj4VtbyQG/c+H1X/a4VKljPs1x8JqIfSwiz8UGiRhCoSUA1EwlfyPHJp2o92RXlSqFCCHclz74XCW/WvCSHQyABAnom09k7qvr4cmWfESqExauSh4ci8mICZKgiBA4l8Eimek/15NftAE8JtemZFj8j06GMOS8xAo9kevL6dk91IVTxzJRnPzLMSywlqG5DAsXw763ymep/ofL5AwnyScPonA6B9AiofK7TG/et4oVQxdT4kf7GbF56uUCNHQjY7N8qvGJT6huhsvnXIvKBQ2hCQCBVAt/o7MaHWrwBkWePWbRNNQ+otw8BfSLT2V0Ny8W7sg7f+QQlCgQSJjDR9zRk8y9F5KOEMVB1CHgR+EpDtjgTCW94RSQOBNIloD9pyP79U0RfSBcCNYeAF4Hwl4Z8MecnGF5AiZM0AdWFPUOFpCFQeQg4EkAoR5iEggBCkQMQcCSAUI4wCQUBhCIHIOBIAKEcYRIKAghFDkDAkQBCOcIkFAQQihyAgCMBhHKESSgIIBQ5AAFHAgjlCJNQEEAocgACjgQQyhEmoSCAUOQABBwJIJQjTEJBAKHIAQg4EkAoR5iEggBCkQMQcCSAUI4wCQUBhCIHIOBIAKEcYRIKAghFDkDAkQBCOcIkFAQQihyAgCMBhHKESSgIIBQ5AAFHAgjlCJNQEEAocgACjgQQyhEmoSCAUOQABBwJIJQjTEJBAKHIAQg4EkAoR5iEggBCkQMQcCSAUI4wCQUBhCIHIOBIAKEcYRIKAghFDkDAkQBCOcIkFAQQihyAgCMBhHKESSgIIBQ5AAFHAgjlCJNQEEAocgACjgQQyhEmoSCAUOQABBwJIJQjTEJBAKHIAQg4EkAoR5iEggBCkQMQcCSAUI4wCQUBhCIHIOBIAKEcYRIKAghFDkDAkQBCOcIkFAQQihyAgCMBhHKESSgIIBQ5AAFHAgjlCJNQEEAocgACjgQQyhEmoSCAUOQABBwJIJQjTEJBAKHIAQg4EkAoR5iEggBCkQMQcCSAUI4wCQUBhCIHIOBIAKEcYRIKAghFDkDAkQBCOcIkFAQQihyAgCMBhHKESSgIIBQ5AAFHAgjlCJNQEECo7RwIQSSsRYr/nv8hR7onoCpy8Wey+f+eFoQycdYm0blIPW0obmubgIpMJps/PZMrXaEKkVYbmSjDJaATkaOj3oiVnlCINFx5dt150WN1L1ZaQplMy3ycCUWtNgSOj0Ws1+qopCOUDe9Wq44wc9lWCdgQ0HqrDkoaQplIJhQlHQI2BDw6br2+4xcKmVpPqt5csAOpxi0Uw7ze5HZnN9Ly8G+8QjEB0VkO9+7CNvSz3qqFMl6h8qwFfFxiMASOp62sVY1TqNWSBdvBZHpLN2pT6TalHrmMTyiGepFTZsDhW1ijGp9Q9E4DzvjIt27v/dnQL2IZl1D0ThFTZSShIz9LjUso1pxGkvURqxF5bWpcQtl7etZLUSCwi8B0Fo3PeIRiuBctSUYXOOK61HiE4q2I0eV9tArZi7P2BkWEMh6hmN2LkB4jDRlxTWo8QvH8NNLsj1StSM9R4xGKV40iZd5IwyLUnoZFqJFmfqRqIRRCRUqtNMPGWOBdr4UhX5rpRK09hbKds2yWOQSEIrMSJeAh1JZIJUV6qETzKflqNxHKRCo2/Hn2rRyESj6zEgVwiFA7RKKHSjSPqPY5gapClfvdV9yCjh6KDEuTwD6hyj3va24/h1BpphO1vk6oA0ViyEdKpU3gslBOe97TQ6WdVunWflsoxxerESrdlEq75uXeEiaT449SEWoMaWWbjzgmxRiQ7K2DCeUsk10TofaS7+MBuvmB3OUv+JXPARWnePtYs9buyfhF4IRQrbWg04VMon1bYZlYbFizG3ikXh2hnPK8lTD20+06u58WK/u+zwit1HPAF0GooTSe/Wx7euAmjSZVhOHNUNC1eZ8I1SbtJteyYV6TL0iUu0IxedGkFfaei1B7EfXkgNmJz41YT2U9FiUKAYSKgtU5aJWJiDqXLCYt+EJJHWRVj0WoqqS6PK7uZETVe13ZpEVe9WiOq0AAoSpA6vwQWzOJ9QFmeivX5kUoV5yRgsUUqrxlm2K3vQ0pjQggVCN8LZ3chlBFVYLIcrXZcIRyEAGEOghbyye1JtR5vYL1ViwIH9LKCHUItbbPaVuoorMKm+8UM8Veq7URqhaujg7uQqiyqiwI12p0hKqFq6ODuxTqYtJitRkGUnYSQKghJEgfhCqHgSwII9QQnNl5j30R6qK3Op+0uGKjx8GzblgBeqiGAFs5vW9CXfRWTLFfbn+EasWIhhfpo1BP9VYsCJc4EKphrrdyep+FKnorEVlm7GvBnhKt6ND8In0XqhwC8tE7Nmlpnu0tRBiCUIbBptUTf22JIV8LPjS+xFCEskXgxHsphGqc7S0EGIpQhiLLrvxuUguUenEJhOpFM+y5iSEJleci9nJtogWhhtDwgxIq7dk+hEIoXwLZwjfewKIh1BAabCg9FJMSTJsPwadiH/NYe0p4AmDaHKE88ylarCEIxZ4URfMz5ItmgWPgvgvFUO+isRHKMe+jheqzUPRMTzU7QkWzwDFwH4ViP78rGxihHPM+Wqi+CUWvdG1TI1Q0CxwD90UoeqW9jYpQexH14IA+CMVXOyolAkJVwtTxQV0KVWwjZptepvt+Xp3WR6g6tLo6tiuh+PJh7RZHqNrIOjihbaGKSQfbg89+206pQ0BDvphLCE6fx6tzaedjx/zDtraE4uvxzZJSdaEh+/dPEX2hWaQenI1QzRqBSYdm/DZn/6UhW5yJhDc8onUaA6EOw8+kw2Hcrj7rJ3uG+lJEPvKM2kmsMQsV7ZOgfMDaOVe/0rBcvCvr8J1z4PbDjVkonYhMp35M6ZX8WG5HUn1PQwinkmePRcKtOFdpKeqYhTKEM4d5I775FC8ZVZ7Izdt31a4QsvnXIvJBvKu1EHnsQh1PRSaTw0HyVcLD2VU78xu9defDjVDz+ctypL9JCLNq5/bwqLELJboZ9mnRZNWLLSUVn6Dhu7nVodU8UjWTfP2KPv/87xetE/L5AwnySc1Q/Tl89ELZz0FrPkvxVvj1+Wn/MNkQ2KOofK7P3blvof4XyhZ38+xHkfCmxzVaj5GCUEWLqYgN/3b1VLwVvj/9bObUp9c+k+duv6WqxXZPT40fQgh3JV/8LCIv7r+jnh2RilAldksIe6Yqn6vKf20tSWyRlrKbgP2jtGz4GR7VR7LW1/X09HF5sWcG5CEsXpU8PBycVKkJhTDNCJhQVg6VymQ60nt6cvrr9o1c+YS76amy7wc1/EOoZgmW2tnlsLlYSrAvMdb6ecqZhMk72z3TtT1U+RfBnqmWi89E9ONBzP4hVGpKNKvv5edQW1ZYrXf/7stm8yR8ITdvf1o+M12+ib1zsMWU+kTui+j7vV78RahmCZba2ddN7FzVY9mibZBvZRke2NT4LlR7hdrqsU5lld2TdXhbRF8TWb8kOrnTm59+IFRqSjSr73VC2WxdWP8tIn/IavmLBPlBbp4+VNV/qlzwP9Ovl/pKTPT4AAAAAElFTkSuQmCC); }
    .join-wrapper .instant-metting .instant-img {
      background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEYAAABECAYAAAA85kOPAAANsUlEQVR4Xu2ce2wcRx3Hv7/ZPTt+nO0kTuI8nIf7TNKSpmnapmmrhDxaQvpIg9MKVKhKJVRIH6ISAiSkgmiFVKqCqITEqxIgJIqE+AMKqC1F4g+QQEiFtNAKihrHTuLX+Wzfa3dnfmj2cZ7b7Dm+85m8uCjy3u7s7Mxnfr/f/Hbm9ztC7MOH79gMix8B8T6A1zIhDQLK/3V5/zsDRIDgoAazTNVjfc9ZyibWNYf7onoRtku3T/hNnALRcRC/CtD36PNvvBXvc9J3XZ3/4f5NTVCrn2fCoyC2zuiALiTCwvoufawfXhMUCoEmwJm1nhrAlActfIZZryBJgr+N3PBT9PTbzmyAfDAhlFcYvMeXAl8aYo2PwEQoa5KUmJTpUY0gx2FHHfHP1wDEb18oLdXqD/tEhNeRHz4wG5wAzH37vsXA0RkVCVmajY+AlIEZnTubekRqZ46mKYEmHLOuCjizSFvSIIaq5PckoX6y8CI99fvHqkkNaZvCSr2ZqD7GA1VzM9TipeB0GtzcDFhWYGP8MiJ8OPmH/kmhrwX/9Z/oOCivrwv/MDgO6qGgYPDXvy+sP5KiqBdlA5CgLmZPiRgE/V8RkWSQBxIlCDtPRFMQ1r+QWvQaJH5JBx9+r+JWvnf/C0zqyXKDIzWKSAuCt6IHsmsxrKksKDcJ8hxASWMkAiCsRbhCp89seATJL6nbTQCHDHUb9HEAJ0GVI9tmAkqS1pk2MAQUgSSgHCYqEmgSwBis5mFuW5LB4sskdfe1E+zfwj72Eu1+2guadmjfMQY2J9kVFgR3dS9gC9inBkHSDZrkG96wdVHDIrE3wZgdKc8a8Q6HdiSqMy4N1dQs/hwT0BlgIAF2GCiSQFYxxgTRkGIeYpcHRHr5BDbdtVm0dA5iV/E5oiOS+NDeSUZsSg4f4i1bDtW6CPbJARCHHZgVTILBjHcs3qHIwC4wGCZ2CSiAtMSoMUCcVMAgKR6QiocEWsatHQ/dKlNtf7d3H/wxqXv3cdknMWYjbmqC07sGqaHjIOlL14yUVJWYhCn8XIIRvm5rGyOJ4ABcBGHSlxhBp5TiIWI+ziwGoXiYO9Z69rYH7oHnPRuCiRy2GTF3ly4FLIKdGa1Um7NJTNy3OYdgSICVz4ZmwFiYhMI4EU4yY0ixGiBYJ1CiEZYqI255+AaxuOckqXv3BhawLC3BcWnVSthTExDFwgULJjTm2p5LFuwKoMCEaQJGFfNpAga1V8wSgz4YiIy6ctfSpvXbt8ZUaUZySr2rkRo9DfK8GsAYdqjCKCe9UkSquaDGV89yPhiIwMb4YJjHwDjNhEHFGGDGoPDEaZYig+5rbHH9gUNVVam4ZjWaRk6ClLpowGgbo/0XZh5n4DRAg0R8XHpiSLnsg+H0etV82/0PGhITOWHBCJZW9yA1OnzRgQEwrf2YCAwzD7ASgyIEg8Xrldjhg4nbmEDESyuXIzU+evGAIfZAXEgCQ0oM4kww0XRd6XiVVixDKjMG4otElRLAEGhQMQ9UgOnuk2J7v6lKlS9ppeVLkZoYr3Tsym/Ws3i+iR7xeWB85wqms0+Knf0frWp8ne7FsCcnLkEwayV2HLm/qh/jLOmEPT156YFZss7j7Yf7q/oxTlcadn66RjDn2StB8LYe+DFzVaUl6zy1/XB1P8btbINVyF96YNKrPW9H/91V/Ri3ow12MQ+Yb9VnNb4XvsS46dWevPG+g1X9GLejFVaxcMlJDHf1uu62ez8Ukxjj7bqjFbZ+gbzEJIbbetzSzYf3V12PaYgqtbUDBx8Ebb0N6OoGiWgNotoS9OznWa8LjQyA//wr4E+/qL6LYCyG1Wp83bYeV24/tKf6esx8bUy6A/S5b4J6euujcJa7+G9vgH/61eQNvHmA4fQqJ7/trt1V/RhtY2pXJWPZ4WOPQ+y6e0GgRJWqnzwNvP2H5D2wcNmjZolJr3KcrR++vaofo1XJKtY6Xc+Aoa+/DOpcsqBg+M3XwT97NgCjtfSKm4DFPcCx14HitH++ZjAtqxx3+4FbZlWleYH5zqvhPtHCseF//xX8wy8AW/aAbj0CWr7efxgfPwZ+6Yk6wSxzStvuuanBfsyMxIjvvrZwRMKaOTsc7EF1Lqt4FjODv7K3LjDctqI0veXO7Q32Y2oHw//4C/iV7wN914Du+DioNd0QoOrLe+oC4zavKBW37ru+wX5M7WDUN54A/nMssBHpLtDdnwK27Zu3GtYLhlu6i9ktd17XYD+mDjDPPQqceHdmd1Mb0su2gA4/AVqxrm7pqReM09JdzF2z59oF82PmamNUEhiNw7JBBz4J2nWkLjh1g7G7i7ktH9zUYD9m5iVy3mD8jT0Cfe03IMuuGU69YLi5q5D9wN6rGuzHNBjMzQcg+p+qGYq+oV4wTnNXIX/17ssb7Mc0CEzXctCho6BrdtYFZT5gtMSMXX3bhgb7MXWAef4zwPF/BsZXByPt6gftfxDUtKhuKPMB4zS3FaavuH1tg/2Y2sHwH38N/vmLwIaNoPuOgnoC73W+n3pVie10fvzynWsa7MfUDmY+AHhSR2IIULrynWw+nq9jp/NTl9+4csH8GPpfvSv96IvA1v2gnf2g7mCJgwfeAv/g8bo8Xw0m13fTsgb7Mefy7ZqAq24GOpcDx34HFKfqAsPNLbnRlTd0N9iPufDXYxxqyU1tuK6rwX6MAeYCXcHTYCbXbEw32I+JBQ5dgGu+Gkyu54q2Bvsx53FE1Rx3IplacqMBmOT4mPr2lS58MFpismdKzP/3lQyJSY7zbci+0rmPDK95MTxmYxLifOe7r3S+RW3OMdRsFhsTRFbVt690Hm/qC3b9yPCzBCcm2JgoxSYwoPXtK53/YJLCWVmKQc/hYR3OqryWXLa3PF0nq1Lt+0rnLxgzMhzMYTgrBpkxQMAJuMIHwzKVm+7d1Gg/5nwEw+znK0VJFgJTOs5Xh8yLhJB55qbpidUb2xvvxxgb6uWtU/Nc/PpCpuXo7BM/HldnuOnsE/jZJ2CMAXTKYz5JRMdJ5xK4OslCZJhSuRBMcpyv19HKVTf1k6bhWhO5fEBGMmg81ScOMDlRq3JDP7onrEtnnhBBsU7LAZwgAJomiaEXck4z8QlInGDwEKQYZqYJdlrymTUb241Erso4X7ezXZVDzWYb8XKDTa/X6LC/2h8uR82lc2accHRvYnbcWVKb/XtZk5FgViCUiDgPUBbAKJhOSeIhoXiAPZxkj0bZs7Jst+YnVl6Vrpr653a2eXY+jMGbLefIT+lNCHCuBqRaCuBs8X3lgamS9lz5fA7SjP3cCK1KEqyjNlEkQg6ABjPCjFNQYgikTrDHpz2FMaHBcHNxYtXVaQqSRfnJeL6S29VeSBXyrEPNOEzhTM7YN6GEKcdJoKpKTRWwVaXLkJSETDvSMPQqXnC/8sEQdDKn9mFyRMgoplEiPqkkTgmIQdZTteBxljTFMlWa6Lm2w0gvRpidHzTU62rLWPk8+7mQMd0tJ4rOVUWihV0rIdTezNqNh9ub0lXOAU9QIVPV/Wxe/zkMKAUinXDlQHCBGdMgyhBhBB5Og/gUKy05NOK4PKk8O8fKdnLrNnb4TQkS0jlMSA8a73a1n7ALOa2fYX60Pwr638zHHLHysZGofsYMZGTgVtgSQ9JMiNH9SYY4KhdNBIF/qudmkGD9V4+wno20x1tSoLwg6FylCWgwikcAe5hdHmHwOHs0xZ5VcERKFnuvawvABL/r8AoDeyKVcjva3rFdJ09SMhP7adBhhFJwGBd1E1KFfdGdNkY5bsi1FEUf85cB/HOqMpXZBBVToyB3209A96VFBaIuQeQKQlFBBUnojAkoHoewRtiTY3Apw7Cz7CHHyi066WUit/Rqqzz+8R+98NoWvcOW9X6qlA9TaEF6dlF6LGYS84MuJaUGm2oWgTGBmfeZqlruvHY/EnK8zXPhM1TYCxHYF99xERakAitB5DChBHAeCtMQQhvfCfY4A9fKsudlmewck1fQapRN97XKjp6MqRh+O/jw7s2wUo9Ii26Uizvfs6azRdIbNeUG+wo1MwWbo23OLGbkKhmdjMOJS0GFtMWm+grJiv22hG578LMoeopmnw+xVCBPBIa3qIhzQtI0M2ehUwA9Oc2elWMSBWbpwGvhqQ1bO4pu/q0zwBiCjfxjD3xEsNpuZTNFoUUzlJbySCZJQFwtqqqJ0WkTYlyd4qHBSWXL7dBJZ76ry0Ln5gmpoOAJW5SkQkmAtP+Rh+Ice5xnqznPJa8Ithx2WRbWXdteaG4ZX3X0mfdnBfNyP6yDaz9xREhnZSo7VoC/xReoUvmTZCNMunF4cymvbUu8nPk9Cb5ukwBLvQVOWlQUCyG0D+NBkAul1Uk5zFSEiyJbKLKHEjzX5aYuNdXd14b2pbnuT3/p3fJPTMT7YX7npyGmCg/fYpG6kgsFT7h5t8mVEqRCi5pwt+5EUkd00Wrn49eSys2hTgkZgGFiK8XS84SyBbnsSU9LBmx2uCRckHCnO9LsiVZLtCyzHdsaXnn0meMaiqnds7Hxr2WefKirqbWpz7PlSiGoBZL8aJ7QemhjF34T0PIrQrHyr0fG2i8dXrcCsSvfH32zwusyvB7CEFoUfEkSUFas/rJW6idrPfJ/ZiR4gVTEgoTnsS0tYo9heS6xJ1KLStKlgiebMlLkh3s/+4JOJC1//guogemeQ1I0lAAAAABJRU5ErkJggg==); }
  .join-wrapper .my-meeting-wrap {
    position: absolute;
    right: 175px;
    bottom: 71px;
    font-family: PingFangSC-Regular, PingFang SC;
    font-size: 12px;
    font-weight: 400; }
    .join-wrapper .my-meeting-wrap .my-meeting {
      margin-right: 14px;
      color: #222; }
    .join-wrapper .my-meeting-wrap .my-number {
      position: absolute;
      color: #fe6a49; }
      .join-wrapper .my-meeting-wrap .my-number:hover {
        cursor: pointer; }

.join-video-metting-modal {
  width: 600px !important;
  color: #5d6470; }
  .join-video-metting-modal .ant-modal-body {
    padding: 0; }
  .join-video-metting-modal .ant-modal-header .back {
    cursor: pointer;
    -webkit-transition: color 0.1s linear;
    -o-transition: color 0.1s linear;
    transition: color 0.1s linear; }
    .join-video-metting-modal .ant-modal-header .back:hover {
      color: #fe6a49; }

.ant-select-dropdown-menu-item {
  line-height: 26px !important; }

.join-meeting-wrapper {
  height: 414px;
  position: relative; }
  .join-meeting-wrapper .meeting-number-wrap {
    width: 432px;
    margin-left: 92px;
    padding-top: 35px; }
    .join-meeting-wrapper .meeting-number-wrap .poverWrap {
      position: relative;
      margin-top: 3px;
      margin-left: -8px;
      width: 432px; }
      .join-meeting-wrapper .meeting-number-wrap .poverWrap .icon-position {
        position: absolute;
        right: 13px;
        top: 0px;
        line-height: 32px;
        cursor: pointer; }
      .join-meeting-wrapper .meeting-number-wrap .poverWrap .fold-icon {
        display: inline-block;
        width: 9px;
        height: 6px;
        margin-left: 2px;
        font-size: 12px;
        background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAGCAYAAAARx7TFAAAAlklEQVQYV2NkQAIr1m43ZWL6N52ZmSkz2M/zNEyKEcZYtnmzCPMfpnOMDAyyDIwMj/4w/zOO8vV9A5IHK/r//z/T6g3bdjAwMLgiGbw7NMDLg5GR8R9Y0aoN21oY/v+vRrYazGZkbA0L8KphXLNhu/u///+2MTAwMGEoYmD4x8jA6MO4asPWCob/DG0wq9EU/mP4z1AKACvsLN+Zsxn9AAAAAElFTkSuQmCC);
        -webkit-transform: rotate(-180deg);
            -ms-transform: rotate(-180deg);
                transform: rotate(-180deg); }
      .join-meeting-wrapper .meeting-number-wrap .poverWrap .up-icon {
        -webkit-transform: rotate(0deg);
            -ms-transform: rotate(0deg);
                transform: rotate(0deg); }
    .join-meeting-wrapper .meeting-number-wrap .list-hide {
      height: 0 !important;
      max-height: 0 !important;
      overflow: hidden; }
    .join-meeting-wrapper .meeting-number-wrap .list-wrap {
      position: absolute;
      overflow: auto;
      max-height: 200px;
      width: 432px;
      -webkit-box-shadow: 0px 1px 8px 0px rgba(139, 139, 139, 0.34);
              box-shadow: 0px 1px 8px 0px rgba(139, 139, 139, 0.34);
      border-radius: 6px;
      background-color: #ffffff;
      margin-top: 6px;
      z-index: 2;
      left: 84px; }
      .join-meeting-wrapper .meeting-number-wrap .list-wrap .nicescroll-container {
        padding: 0 !important; }
      .join-meeting-wrapper .meeting-number-wrap .list-wrap .no-history {
        height: 39px;
        line-height: 39px;
        font-size: 12px;
        font-family: PingFangSC-Regular, PingFang SC;
        font-weight: 400;
        color: #222222;
        padding-left: 16px; }
      .join-meeting-wrapper .meeting-number-wrap .list-wrap .meeting-option {
        height: 39px;
        line-height: 39px;
        font-size: 12px;
        font-family: PingFangSC-Regular, PingFang SC;
        font-weight: 400;
        color: #222222;
        padding: 0 16px;
        cursor: pointer; }
        .join-meeting-wrapper .meeting-number-wrap .list-wrap .meeting-option:hover {
          background: rgba(254, 106, 73, 0.08); }
    .join-meeting-wrapper .meeting-number-wrap .meeting-number-label {
      font-size: 12px;
      font-family: PingFangSC-Regular, PingFang SC;
      font-weight: 400;
      color: #222222; }
    .join-meeting-wrapper .meeting-number-wrap .number-not-found {
      position: absolute;
      color: #d32e20;
      font-family: PingFangSC-Regular, PingFang SC;
      font-size: 13px; }
    .join-meeting-wrapper .meeting-number-wrap .hide-validate-info {
      display: none; }
    .join-meeting-wrapper .meeting-number-wrap .metting-state {
      margin-top: 20px; }
  .join-meeting-wrapper .footer {
    width: 100%;
    position: absolute;
    bottom: 56px;
    text-align: center; }
    .join-meeting-wrapper .footer .join-metting-btn {
      width: 263px; }

.nicescroll-container {
  height: 100%; }

.vpn-status-bar {
  position: absolute;
  z-index: 999;
  width: calc(100% - 300px);
  height: 48px;
  padding-top: 15px;
  padding-bottom: 13px;
  margin: 0 175px;
  font-size: 14px;
  color: #fefefe;
  text-align: center;
  background-color: rgba(90, 70, 170, 0.5);
  border-bottom-right-radius: 16px;
  border-bottom-left-radius: 16px;
  -webkit-box-shadow: 0 0 10px 0 rgba(90, 70, 170, 0.3);
  box-shadow: 0 0 10px 0 rgba(90, 70, 170, 0.3); }
  .vpn-status-bar .reconnect-btn {
    padding: 0 10px;
    color: #fefefe;
    text-decoration: underline;
    cursor: pointer; }
  .vpn-status-bar .vpn-connect-icon {
    margin-left: 4px;
    font-size: 12px; }

.message-content-box.business-card {
  width: 202px;
  height: 108px;
  padding: 0;
  cursor: pointer;
  background-color: #fff !important;
  border: 1px solid rgba(224, 229, 240, 0.7) !important; }
  .message-content-box.business-card .person-info {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center;
    padding: 13px 12px 11px;
    border-bottom: 1px solid #eaedf1; }
  .message-content-box.business-card .qt-avatar {
    width: 42px;
    height: 42px; }
  .message-content-box.business-card .person-name {
    margin-left: 8px;
    font-size: 14px;
    color: #222; }
  .message-content-box.business-card .personal-card {
    height: 23px;
    padding-top: 10px;
    padding-left: 10px;
    font-size: 12px;
    line-height: 23px;
    color: #828992; }

.qt-col-avatar {
  width: 50px;
  height: 50px; }

.qt-col-avatar-lg {
  width: 40px;
  height: 40px; }

.qt-col-avatar-sm {
  width: 24px;
  height: 24px; }

.radius-circle {
  border-radius: 50%; }

.radius-square {
  border-radius: 4px; }

.message-content-box.coll-card {
  width: 202px;
  height: 90px;
  padding: 0;
  cursor: pointer;
  background-color: #fff !important;
  border: none !important; }
  .message-content-box.coll-card .card-type {
    height: 23px;
    padding-left: 12px;
    font-size: 12px;
    line-height: 23px;
    color: #828992; }
  .message-content-box.coll-card .vertical {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center; }
  .message-content-box.coll-card .base-info {
    display: -ms-flexbox;
    display: flex;
    padding: 13px 12px 11px;
    border-bottom: 1px solid #e1e1e1; }
    .message-content-box.coll-card .base-info .avatar {
      width: 42px;
      height: 42px;
      margin-right: 5px;
      border-radius: 50%; }
    .message-content-box.coll-card .base-info .name {
      font-size: 14px;
      color: #222; }
    .message-content-box.coll-card .base-info .domain-name {
      padding: 0 3px;
      margin-top: 4px;
      font-size: 12px;
      line-height: 16px;
      color: #828992;
      border: solid 1px #ccc;
      border-radius: 2px; }
    .message-content-box.coll-card .base-info .name,
    .message-content-box.coll-card .base-info .domain-name {
      display: inline-block;
      max-width: 135px;
      overflow: hidden;
      -o-text-overflow: ellipsis;
         text-overflow: ellipsis;
      white-space: nowrap;
      vertical-align: top; }
  .message-content-box.coll-card .qt-avatar {
    width: 42px;
    height: 42px; }
  .message-content-box.coll-card .person-name {
    padding: 11px 0 11px 8px;
    font-size: 14px;
    color: #222; }
  .message-content-box.coll-card .personal-card {
    height: 23px;
    padding-left: 12px;
    font-size: 12px;
    line-height: 23px;
    color: #828992; }

.message-content-box.encrypted {
  background-color: #fff !important;
  border: 1px solid rgba(224, 229, 240, 0.7) !important; }

.message-item .message-expression-content-reload {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
  overflow: hidden; }
  .message-item .message-expression-content-reload .image-size-limit {
    background-color: #c5def7 !important;
    border-radius: 8px; }
  .message-item .message-expression-content-reload .image-error {
    opacity: 0.3; }

.message-item .other .message-expression-content-reload .image-size-limit {
  background-color: #fff !important; }

.message-item .message-expression-el {
  min-height: 30px;
  max-height: 240px; }

.message-item .message-content-box.expression {
  padding: 0 !important;
  background: none !important;
  border: none !important; }

.image-container .other-image-container,
.message-item .other-image-container,
.multi-message-item .other-image-container {
  display: inline-block !important; }

.image-container .other-image,
.message-item .other-image,
.multi-message-item .other-image {
  margin-bottom: -8px; }

.image-container .message-image-content-reload,
.message-item .message-image-content-reload,
.multi-message-item .message-image-content-reload {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
  overflow: hidden; }

.image-container .image-size-limit,
.message-item .image-size-limit,
.multi-message-item .image-size-limit {
  min-width: 30px;
  min-height: 10px;
  max-height: 450px;
  border-radius: 6px; }

.image-container .message-image-el.success,
.message-item .message-image-el.success,
.multi-message-item .message-image-el.success {
  cursor: url(data:application/octet-stream;base64,AAACAAEAICACAAcABwAwAQAAFgAAACgAAAAgAAAAQAAAAAEAAQAAAAAAAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAA////AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAHAAAACIAAABCAAAAhAAAAwgAAPwQAAOHIAAGMaAABEiAAAzMwAAJAkAACQJAAAzMwAAESIAABjGAAAOHAAAA/AAAAAAAAAAAAAA////////////////////////////////////////////////////////////////////////j////wf///4H///8D//8AB//8AA//+AAf//BIH//xhj//4QIf/+IBH//iAR//4QIf//GGP//wSD//+AB///wA////A////////8=), pointer; }

.image-container .reload-img,
.message-item .reload-img,
.multi-message-item .reload-img {
  margin-top: auto;
  margin-left: 2px;
  font-size: 18px;
  color: #fe6a49;
  cursor: pointer; }
  .image-container .reload-img:hover,
  .message-item .reload-img:hover,
  .multi-message-item .reload-img:hover {
    color: #fd947e; }

.image-container .image-reload-error,
.message-item .image-reload-error,
.multi-message-item .image-reload-error {
  color: #cecece; }

.image-container .image-delete,
.message-item .image-delete,
.multi-message-item .image-delete {
  width: 163px !important; }

.image-container .image-quit-team,
.message-item .image-quit-team,
.multi-message-item .image-quit-team {
  width: 279px !important; }

.message-content-box.file {
  background-color: #fff !important;
  border: 1px solid rgba(224, 229, 240, 0.7) !important; }
  .message-content-box.file .message-file {
    position: relative;
    min-width: 130px;
    height: 88px;
    background-color: #fff; }
    .message-content-box.file .message-file .message-file-top {
      width: auto;
      height: 56px;
      padding-top: 2px;
      padding-left: 2px; }
      .message-content-box.file .message-file .message-file-top .message-file-top-left {
        position: relative;
        float: left; }
        .message-content-box.file .message-file .message-file-top .message-file-top-left .file-icon {
          width: 40px;
          font-size: 40px; }
          .message-content-box.file .message-file .message-file-top .message-file-top-left .file-icon::before {
            position: relative;
            top: 12px; }
      .message-content-box.file .message-file .message-file-top .message-file-top-right {
        float: right;
        width: calc(100% - 50px);
        padding: 0 4px;
        padding-right: 2px;
        overflow: hidden;
        font-size: 13px; }
        .message-content-box.file .message-file .message-file-top .message-file-top-right .name {
          width: 210px;
          margin-bottom: 4px;
          overflow: hidden;
          color: #222;
          -o-text-overflow: ellipsis;
             text-overflow: ellipsis;
          white-space: nowrap; }
        .message-content-box.file .message-file .message-file-top .message-file-top-right .file-info {
          max-width: 240px;
          overflow: hidden;
          font-size: 12px;
          color: #828992;
          -o-text-overflow: ellipsis;
             text-overflow: ellipsis;
          white-space: nowrap; }
    .message-content-box.file .message-file .progress {
      position: absolute;
      width: 100%;
      height: 2px;
      background-color: #d9d9d9; }
      .message-content-box.file .message-file .progress .progress-bg {
        position: relative;
        z-index: 1;
        max-width: 100%;
        height: 2px;
        background-color: #fe6a49;
        -webkit-transition: all 0.2s;
        -o-transition: all 0.2s;
        transition: all 0.2s; }
    .message-content-box.file .message-file .message-file-bottom {
      position: relative;
      padding-top: 12px;
      border-top: 0.5px solid #eaedf1; }
      .message-content-box.file .message-file .message-file-bottom .message-file-bottom-desc {
        font-size: 12px;
        color: #828992; }
      .message-content-box.file .message-file .message-file-bottom .message-file-tool {
        position: absolute;
        right: 0;
        font-size: 12px; }
        .message-content-box.file .message-file .message-file-bottom .message-file-tool.download-record-btn {
          left: 0;
          right: 0;
          margin: auto;
          text-align: center; }
        .message-content-box.file .message-file .message-file-bottom .message-file-tool .item {
          width: auto;
          margin-left: 10px;
          line-height: initial;
          color: #00acdc !important;
          cursor: pointer;
          -webkit-user-select: none;
             -moz-user-select: none;
              -ms-user-select: none;
                  user-select: none;
          background-color: transparent;
          border: none;
          outline: none; }
          .message-content-box.file .message-file .message-file-bottom .message-file-tool .item:disabled {
            color: #828992 !important;
            cursor: default !important; }
      .message-content-box.file .message-file .message-file-bottom .un-private-footer {
        width: 100%;
        margin-left: 0; }
        .message-content-box.file .message-file .message-file-bottom .un-private-footer .middle-divide {
          display: inline-block;
          width: 1px;
          height: 14px;
          vertical-align: middle;
          background: #e0e5f0; }
        .message-content-box.file .message-file .message-file-bottom .un-private-footer .middle-50 {
          width: 49%;
          margin-left: 0; }
        .message-content-box.file .message-file .message-file-bottom .un-private-footer .middle-33 {
          width: 32%;
          margin-left: 0; }
        .message-content-box.file .message-file .message-file-bottom .un-private-footer .middle-100 {
          width: 100;
          margin-left: 0; }
      .message-content-box.file .message-file .message-file-bottom .enterprise-mark {
        margin-right: 6px;
        margin-left: 0;
        font-size: 13px;
        text-align: center;
        vertical-align: middle; }

.file-message-not-preview-popover span {
  color: #828992; }

.open-file-popover .open-file,
.open-file-popover .open-folder {
  display: block;
  line-height: 2;
  text-decoration: none;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  border: none;
  outline: none; }
  .open-file-popover .open-file:hover,
  .open-file-popover .open-folder:hover {
    color: #fe6a49; }

.open-file-container {
  display: inline-block;
  text-align: center; }

.open-file-icon {
  display: inline-block;
  margin-left: 2px;
  -webkit-transform: rotate(-90deg) scale(0.7);
      -ms-transform: rotate(-90deg) scale(0.7);
          transform: rotate(-90deg) scale(0.7); }

.is-folder {
  -webkit-transform: rotate(90deg) scale(0.7);
      -ms-transform: rotate(90deg) scale(0.7);
          transform: rotate(90deg) scale(0.7); }

.image-text-container {
  line-height: normal; }
  .image-text-container .other-image-text-container {
    display: inline-block !important; }
  .image-text-container .other-text-image {
    margin-bottom: -8px; }

.message-content-box.image-text.bida {
  padding-right: 15px; }

.message-content-box.image-text .image-item:not(:last-child) {
  margin-bottom: 6px; }

.message-content-box.image-text .image-item {
  display: block;
  text-align: left; }
  .message-content-box.image-text .image-item img,
  .message-content-box.image-text .image-item .image-size-limit {
    background: #f3f4f6;
    border-radius: 5px; }
  .message-content-box.image-text .image-item .image-reload-error {
    display: block;
    height: 30px; }
  .message-content-box.image-text .image-item .loading {
    -webkit-transform: translateZ(0) scale(0.3);
    -ms-transform: translateZ(0) scale(0.3);
    transform: translateZ(0) scale(0.3); }

.at-item {
  color: #00acdc;
  cursor: pointer; }
  .at-item.at-all {
    cursor: default; }

.message-content-box.key-value-message {
  display: block;
  width: 360px;
  padding: 0 12px;
  margin: 0 auto;
  font-size: 12px;
  color: #222;
  background: #fff !important;
  border: none !important; }
  .message-content-box.key-value-message.has-url {
    cursor: pointer; }
    .message-content-box.key-value-message.has-url:active {
      background: #ebebeb; }
  .message-content-box.key-value-message .content {
    padding-top: 16px;
    padding-bottom: 16px;
    line-height: 1.5; }
    .message-content-box.key-value-message .content .title {
      font-size: 14px; }
    .message-content-box.key-value-message .content .sub-title {
      padding-top: 10px; }
    .message-content-box.key-value-message .content .line,
    .message-content-box.key-value-message .content .footer {
      padding-top: 8px; }
  .message-content-box.key-value-message .detail-link {
    position: relative;
    height: 30px;
    padding-right: 5px;
    overflow: hidden;
    line-height: 30px;
    -o-text-overflow: ellipsis;
       text-overflow: ellipsis;
    white-space: nowrap;
    border-top: 1px solid #e1e1e1; }
    .message-content-box.key-value-message .detail-link::after {
      position: absolute;
      top: 50%;
      right: 2px;
      width: 7px;
      height: 7px;
      margin-top: -4px;
      content: ' ';
      border-color: #828992;
      border-style: solid;
      border-width: 1px 1px 0 0;
      -webkit-transform: matrix(0.71, 0.71, -0.71, 0.71, 0, 0);
          -ms-transform: matrix(0.71, 0.71, -0.71, 0.71, 0, 0);
              transform: matrix(0.71, 0.71, -0.71, 0.71, 0, 0); }

.message-content-box.link {
  cursor: pointer;
  background-color: #fff !important;
  border: 1px solid rgba(224, 229, 240, 0.7) !important; }
  .message-content-box.link .title {
    display: block;
    max-width: 246px;
    margin-bottom: 12px;
    font-size: 13px;
    color: #222;
    word-break: break-all; }
  .message-content-box.link .link-bottom {
    position: relative; }
    .message-content-box.link .link-bottom .content {
      position: relative;
      left: 0;
      display: block;
      max-width: 186px;
      min-height: 44px;
      margin-right: 64px;
      font-size: 12px;
      line-height: 22px;
      color: #828992;
      word-break: break-all; }
    .message-content-box.link .link-bottom .thumb {
      position: absolute;
      top: 0;
      right: 0;
      display: inline-block;
      width: 44px;
      height: 44px;
      line-height: 44px;
      text-align: center;
      vertical-align: bottom;
      background-color: #ebebeb; }
      .message-content-box.link .link-bottom .thumb .link-icon {
        font-size: 20px;
        color: #828992; }

.message-content-box.location-message {
  width: 216px;
  height: 140px;
  padding: 0;
  cursor: pointer;
  background-color: #fff !important;
  border: 1px solid rgba(224, 229, 240, 0.7) !important; }
  .message-content-box.location-message .desc {
    padding: 8px 12px 5px 12px;
    border-bottom: 1px solid #e1e1e1; }
  .message-content-box.location-message .title {
    font-size: 14px;
    color: #222; }
  .message-content-box.location-message .content {
    margin-top: 4px;
    font-size: 12px;
    color: #828992; }
  .message-content-box.location-message .locate-pic {
    width: 216px;
    height: 84px; }
  .message-content-box.location-message .ellisp {
    overflow: hidden;
    -o-text-overflow: ellipsis;
       text-overflow: ellipsis;
    white-space: nowrap; }

.message-content-box.multi-img {
  display: block;
  width: 360px;
  padding: 0;
  margin: 0 auto;
  line-height: 0;
  background: #fff; }
  .message-content-box.multi-img .multi-img-mod .img-back {
    position: relative; }
  .message-content-box.multi-img .multi-img-mod .multi-sub-img {
    width: 100%;
    height: 200px; }
  .message-content-box.multi-img .multi-img-mod .multi-default-img {
    width: 100%;
    height: 200px;
    background: #dcdcdc; }
    .message-content-box.multi-img .multi-img-mod .multi-default-img:hover {
      background: #dcdcdc; }
  .message-content-box.multi-img .multi-img-mod .multi-title {
    width: 100%;
    padding: 6px 12px;
    line-height: 20px;
    color: #222; }
  .message-content-box.multi-img .multi-img-mod .upon-title {
    position: absolute;
    bottom: 0;
    color: #fff;
    background: #222;
    opacity: 0.7; }
  .message-content-box.multi-img .has-url {
    cursor: pointer; }
    .message-content-box.multi-img .has-url:active {
      background: #ebebeb; }
      .message-content-box.multi-img .has-url:active + .sub-content .rich-sub::before {
        display: none; }
  .message-content-box.multi-img .pic-opacity:active .multi-default-img,
  .message-content-box.multi-img .pic-opacity:active .multi-sub-img {
    opacity: 0.8; }
  .message-content-box.multi-img .multi-content {
    padding: 0 12px 10px;
    font-size: 12px;
    line-height: 18px;
    color: #222; }
  .message-content-box.multi-img .top-padding {
    padding-top: 10px; }
  .message-content-box.multi-img .multi-sub {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center;
    height: 52px;
    font-size: 12px;
    color: #5d6470; }
    .message-content-box.multi-img .multi-sub .multi-sub-div {
      display: -ms-flexbox;
      display: flex;
      -ms-flex: 1 1;
          flex: 1 1;
      -ms-flex-align: center;
          align-items: center;
      height: 100%;
      padding: 10px 0;
      margin-right: 10px;
      line-height: 16px;
      border-top: 1px solid #e1e1e1; }
    .message-content-box.multi-img .multi-sub img {
      width: 32px;
      height: 32px;
      border: 1px solid #ebebeb;
      border-radius: 2px; }
  .message-content-box.multi-img .default-sub {
    width: 32px;
    height: 32px;
    background: #dcdcdc; }
  .message-content-box.multi-img .sub-content {
    padding: 0 12px;
    cursor: pointer; }
    .message-content-box.multi-img .sub-content:active {
      background: #ebebeb; }
      .message-content-box.multi-img .sub-content:active .multi-sub-div {
        border-top: 1px solid #ebebeb; }
      .message-content-box.multi-img .sub-content:active + .sub-content .multi-sub-div {
        border-top: 1px solid #fff; }
      .message-content-box.multi-img .sub-content:active + .sub-content .rich-sub::before {
        display: none; }
      .message-content-box.multi-img .sub-content:active .rich-sub::before {
        display: none; }
    .message-content-box.multi-img .sub-content:first-child .multi-sub-div {
      border-top: none; }
  .message-content-box.multi-img .right-arrow {
    position: relative; }
    .message-content-box.multi-img .right-arrow::after {
      position: absolute;
      top: -2px;
      top: 50%;
      right: 2px;
      display: inline-block;
      width: 8px;
      height: 8px;
      margin-top: -4px;
      border-color: #ccc;
      border-style: solid;
      border-width: 1px 1px 0 0;
      -webkit-transform: matrix(0.71, 0.71, -0.71, 0.71, 0, 0);
      -ms-transform: matrix(0.71, 0.71, -0.71, 0.71, 0, 0);
          transform: matrix(0.71, 0.71, -0.71, 0.71, 0, 0); }
  .message-content-box.multi-img .rich-sub {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    height: 30px;
    font-size: 12px;
    line-height: 30px;
    color: #828992; }
    .message-content-box.multi-img .rich-sub::before {
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      display: block;
      height: 1px;
      content: '';
      border-top: 1px solid #eaedf1; }
  .message-content-box.multi-img .rich-sub-name {
    -ms-flex: 1 1;
        flex: 1 1;
    margin-right: 10px;
    overflow: hidden;
    -o-text-overflow: ellipsis;
       text-overflow: ellipsis;
    white-space: nowrap; }
  .message-content-box.multi-img .rich-active {
    cursor: pointer; }
    .message-content-box.multi-img .rich-active:active {
      background: #e6e6e6; }
      .message-content-box.multi-img .rich-active:active + .rich-sub-content .rich-sub::before {
        display: none; }

.message-item .self .html-footer {
  border-top: 1px solid #83a9d7 !important; }

.message-content-box.qbee-text.bida {
  padding-right: 15px; }

.message-content-box.qbee-text .html-container div {
  line-height: 1.8; }

.message-content-box.qbee-text .html-footer {
  padding-top: 10px;
  margin-top: 10px;
  color: #222;
  cursor: pointer;
  border-top: 1px solid #e1e1e1; }
  .message-content-box.qbee-text .html-footer .arrow-icon {
    float: right;
    color: #222;
    -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
            transform: rotate(180deg); }

.bida-tag {
  position: absolute;
  top: 0;
  right: 0;
  width: 0;
  height: 0;
  font-size: 12px;
  color: #fff;
  border-color: transparent #00acdc transparent transparent;
  border-style: solid;
  border-width: 0 20px 20px 0; }
  .bida-tag::before {
    position: absolute;
    top: -3px;
    left: 7px;
    -webkit-transform: scale(0.7);
        -ms-transform: scale(0.7);
            transform: scale(0.7); }

.self-bida {
  left: 0;
  -webkit-transform: rotate(-90deg);
      -ms-transform: rotate(-90deg);
          transform: rotate(-90deg); }
  .self-bida::before {
    -webkit-transform: scale(0.7) rotate(90deg);
        -ms-transform: scale(0.7) rotate(90deg);
            transform: scale(0.7) rotate(90deg); }

.message-content-box.qbee-chart {
  cursor: pointer;
  background-color: #fff !important;
  border: 1px solid rgba(224, 229, 240, 0.7) !important; }
  .message-content-box.qbee-chart .left-content {
    margin-right: 55px;
    max-width: 164px; }
    .message-content-box.qbee-chart .left-content .title {
      display: block;
      max-width: 246px;
      margin-bottom: 12px;
      font-size: 14px;
      color: #222;
      word-break: break-all; }
    .message-content-box.qbee-chart .left-content .content {
      font-size: 12px;
      color: #828992; }
  .message-content-box.qbee-chart .link-url-right {
    position: relative;
    position: absolute;
    right: 10px;
    top: 16px; }
    .message-content-box.qbee-chart .link-url-right .content {
      position: relative;
      left: 0;
      display: block;
      max-width: 186px;
      min-height: 44px;
      margin-right: 64px;
      font-size: 12px;
      line-height: 22px;
      word-break: break-all; }
    .message-content-box.qbee-chart .link-url-right .thumb {
      position: absolute;
      top: 0;
      right: 0;
      display: inline-block;
      width: 44px;
      height: 44px;
      line-height: 44px;
      text-align: center;
      vertical-align: bottom;
      background-color: #ebebeb; }
      .message-content-box.qbee-chart .link-url-right .thumb .link-icon {
        font-size: 20px;
        color: #828992; }

.message-content-box.ref.bida {
  padding-right: 15px; }

.at-item {
  color: #00acdc;
  cursor: pointer; }
  .at-item.at-all {
    cursor: default; }

.bida-tag {
  position: absolute;
  top: 0;
  right: 0;
  width: 0;
  height: 0;
  font-size: 12px;
  color: #fff;
  border-color: transparent #00acdc transparent transparent;
  border-style: solid;
  border-width: 0 20px 20px 0; }
  .bida-tag::before {
    position: absolute;
    top: -2px;
    left: 7px;
    -webkit-transform: scale(0.7);
        -ms-transform: scale(0.7);
            transform: scale(0.7); }

.ref-divide {
  margin-top: 10px;
  margin-bottom: 10px;
  border: 0.5px dashed #222;
  opacity: 0.5; }

.message-content-box.text-card-message {
  display: block;
  width: 360px;
  padding: 0 12px;
  margin: 0 auto;
  font-size: 12px;
  color: #222;
  background: #fff !important;
  border: none !important; }
  .message-content-box.text-card-message.has-url {
    cursor: pointer; }
    .message-content-box.text-card-message.has-url:active {
      background: #ebebeb; }
  .message-content-box.text-card-message .content {
    padding: 16px 0;
    line-height: 1.5; }
    .message-content-box.text-card-message .content .text-titile {
      margin-bottom: 10px;
      font-size: 14px; }
  .message-content-box.text-card-message .detail-link {
    position: relative;
    height: 30px;
    padding-right: 5px;
    overflow: hidden;
    line-height: 30px;
    -o-text-overflow: ellipsis;
       text-overflow: ellipsis;
    white-space: nowrap;
    border-top: 1px solid #e1e1e1; }
    .message-content-box.text-card-message .detail-link::after {
      position: absolute;
      top: 50%;
      right: 2px;
      width: 7px;
      height: 7px;
      margin-top: -4px;
      content: ' ';
      border-color: #828992;
      border-style: solid;
      border-width: 1px 1px 0 0;
      -webkit-transform: matrix(0.71, 0.71, -0.71, 0.71, 0, 0);
          -ms-transform: matrix(0.71, 0.71, -0.71, 0.71, 0, 0);
              transform: matrix(0.71, 0.71, -0.71, 0.71, 0, 0); }

.message-content-box.text.text {
  max-width: 100%; }

.message-content-box.bida {
  padding-right: 15px; }

.message-content-box.ai-assistant-message {
  background: #f3f4f6 !important;
  border-color: #f3f4f6 !important; }

.multi-view .at-item {
  cursor: unset; }

.at-item {
  color: #00acdc;
  cursor: pointer; }
  .at-item.at-all {
    cursor: default; }

.bida-tag {
  position: absolute;
  top: 0;
  right: 0;
  width: 0;
  height: 0;
  font-size: 12px;
  color: #fff;
  border-color: transparent #00acdc transparent transparent;
  border-style: solid;
  border-width: 0 20px 20px 0; }
  .bida-tag::before {
    position: absolute;
    top: -3px;
    left: 7px;
    -webkit-transform: scale(0.7);
        -ms-transform: scale(0.7);
            transform: scale(0.7); }

.self-bida {
  left: 0;
  -webkit-transform: rotate(-90deg);
      -ms-transform: rotate(-90deg);
          transform: rotate(-90deg); }
  .self-bida::before {
    -webkit-transform: scale(0.7) rotate(90deg);
        -ms-transform: scale(0.7) rotate(90deg);
            transform: scale(0.7) rotate(90deg); }

.message-content-box.un-compat {
  color: #828992; }

.video-preview-modal .ant-modal-body {
  padding: 0; }

.video-preview-modal .ant-modal-footer {
  display: none; }

.video-preview-modal .preview-content {
  height: 292px;
  width: 100%; }
  .video-preview-modal .preview-content .camera-close-back {
    width: 100%;
    height: 292px;
    position: absolute;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px; }
  .video-preview-modal .preview-content .middle-tips {
    text-align: center;
    padding-top: 114px;
    font-size: 12px;
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    color: white;
    position: relative;
    z-index: 999; }
  .video-preview-modal .preview-content .join-meeting-btn {
    text-align: center;
    margin-top: 24px;
    position: relative;
    z-index: 11; }
    .video-preview-modal .preview-content .join-meeting-btn .btn {
      width: 310px;
      height: 32px; }
  .video-preview-modal .preview-content .mirc-camera-op {
    margin-top: 61px;
    text-align: center;
    position: relative;
    z-index: 11; }
    .video-preview-modal .preview-content .mirc-camera-op .mirc {
      display: inline-block;
      margin-right: 89px; }
      .video-preview-modal .preview-content .mirc-camera-op .mirc .mirc-icon {
        position: relative;
        width: 25px;
        margin-right: 10px; }
      .video-preview-modal .preview-content .mirc-camera-op .mirc .ant-switch {
        background-color: #BDBDBE !important; }
    .video-preview-modal .preview-content .mirc-camera-op .camera {
      display: inline-block; }
      .video-preview-modal .preview-content .mirc-camera-op .camera .camera-icon {
        position: relative;
        width: 25px;
        margin-right: 10px; }
      .video-preview-modal .preview-content .mirc-camera-op .camera .ant-switch {
        background-color: #BDBDBE !important; }

.message-content-box.video-meeting {
  background-color: #fff !important;
  border: 1px solid rgba(224, 229, 240, 0.7) !important; }

.message-content-box.un-compat {
  color: #828992; }

.message-video-meeting {
  position: relative;
  min-width: 130px;
  background-color: #fff; }
  .message-video-meeting .video-meeting-left {
    display: inline-block;
    padding: 8px 11px;
    margin-right: 10px;
    background: #5d77ef;
    border-radius: 6px; }
    .message-video-meeting .video-meeting-left .meeting-icon {
      font-size: 20px;
      color: #fff; }
  .message-video-meeting .message-video-meeting-top-right {
    position: relative;
    display: inline-block;
    overflow: hidden;
    -o-text-overflow: ellipsis;
       text-overflow: ellipsis;
    white-space: nowrap;
    vertical-align: top; }
    .message-video-meeting .message-video-meeting-top-right .name {
      display: block;
      width: 220px;
      overflow: hidden;
      color: #222;
      -o-text-overflow: ellipsis;
         text-overflow: ellipsis;
      white-space: nowrap; }
    .message-video-meeting .message-video-meeting-top-right .meeting-time,
    .message-video-meeting .message-video-meeting-top-right .video-meeting-number {
      font-size: 12px;
      color: #222;
      opacity: 0.5; }
      .message-video-meeting .message-video-meeting-top-right .meeting-time .time,
      .message-video-meeting .message-video-meeting-top-right .meeting-time .number,
      .message-video-meeting .message-video-meeting-top-right .video-meeting-number .time,
      .message-video-meeting .message-video-meeting-top-right .video-meeting-number .number {
        margin-left: 5px; }
    .message-video-meeting .message-video-meeting-top-right .video-meeting-number {
      margin-right: 20px;
      -webkit-user-select: text;
         -moz-user-select: text;
          -ms-user-select: text;
              user-select: text; }
  .message-video-meeting .video-meeting-line {
    width: 120%;
    margin-top: 6px;
    margin-bottom: 6px;
    margin-left: -20px;
    border-bottom: 1px solid #eaedf1; }
  .message-video-meeting .video-meeting-footer {
    font-size: 12px;
    color: #00acdc;
    text-align: right;
    cursor: pointer; }

.video-container .other-video-container,
.message-item .other-video-container {
  display: inline-block !important; }

.video-container .other-video,
.message-item .other-video {
  margin-bottom: -8px; }

.video-container .message-video-content-reload,
.message-item .message-video-content-reload {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
  overflow: hidden; }
  .video-container .message-video-content-reload .image-error,
  .message-item .message-video-content-reload .image-error {
    background-color: #bbbbbb !important; }
  .video-container .message-video-content-reload .image-size-limit,
  .message-item .message-video-content-reload .image-size-limit {
    min-width: 30px;
    max-width: 320px;
    min-height: 30px;
    max-height: 240px;
    color: #cecece; }
  .video-container .message-video-content-reload .video-success,
  .message-item .message-video-content-reload .video-success {
    position: relative; }

.video-container .message-video-el.success,
.message-item .message-video-el.success {
  cursor: pointer; }

.video-container .reload-video,
.message-item .reload-video {
  width: 21px;
  height: 26px;
  margin-top: auto;
  margin-left: 5px;
  font-size: 21px;
  color: #fe6a49;
  cursor: pointer; }
  .video-container .reload-video:hover,
  .message-item .reload-video:hover {
    color: #fd947e; }

.video-container .video-close-container,
.message-item .video-close-container {
  width: 34px;
  height: 34px;
  text-align: center;
  cursor: pointer;
  border-radius: 50%; }
  .video-container .video-close-container:hover .icon-close-video,
  .message-item .video-close-container:hover .icon-close-video {
    color: #fe6a49; }

.video-container .message-video-time,
.message-item .message-video-time {
  float: right;
  margin-top: -12px;
  margin-right: 6px;
  line-height: 0;
  color: #fff; }

.video-container .video-play-container,
.message-item .video-play-container {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -17px;
  margin-left: -17px; }

.video-container .video-upload-percent,
.message-item .video-upload-percent {
  width: 34px; }

.video-container .icon-close-video,
.message-item .icon-close-video {
  display: inline-block;
  margin-top: 8px;
  font-size: 12px;
  color: #fff;
  cursor: pointer; }

.video-container .video-close-background,
.message-item .video-close-background {
  width: 34px;
  height: 34px;
  text-align: center;
  background-color: rgba(0, 0, 0, 0.4);
  border-radius: 50%; }

.video-container .video-footer,
.message-item .video-footer {
  position: relative;
  margin-top: -27px;
  font-size: 14px;
  line-height: 0;
  color: #fff; }

.video-container .video-cancel-upload,
.message-item .video-cancel-upload {
  float: left;
  margin-top: -16px;
  margin-left: 6px;
  font-size: 12px;
  text-align: left; }

.video-container .video-footer-background,
.message-item .video-footer-background {
  height: 27px;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAbCAYAAAB836/YAAAAAXNSR0IArs4c6QAAAJ9JREFUSA3VlNsOgCAMQyHR//9kpUiNKdGB2R5YgrdsTc9g5pTSVpZbQGwv62iKuT3jPhKoY03Nh2CIwxE3QzmzyIpI3LtFROYHLVBXKqD5mQ618Pd7iCBEiWw5U0TNXwT5a1IU0drlOiXooVuE77KFaJKEOMSmuEWIQ4hyUrSHlvPuGIU4dO/hDHKH2NqFViEW+Tk8kS/j71frFCyAfAKIYiXrDPO+RgAAAABJRU5ErkJggg==);
  border-bottom-right-radius: 6px;
  border-bottom-left-radius: 6px; }

.video-container .video-menu .loading,
.message-item .video-menu .loading {
  display: inline-block; }

.video-container .video-content,
.message-item .video-content {
  overflow: hidden;
  line-height: 0; }

.video-container .image-video-quit,
.message-item .image-video-quit {
  width: 279px !important; }

.video-container .image-video-delete,
.message-item .image-video-delete {
  width: 185px !important; }

.message-content-box.wps {
  cursor: pointer;
  background-color: #fff !important;
  border: 1px solid rgba(224, 229, 240, 0.7) !important; }

.message-wps {
  position: relative;
  min-width: 130px;
  background-color: #fff; }
  .message-wps .message-wps-top-left {
    position: relative;
    display: inline-block;
    overflow: hidden;
    -o-text-overflow: ellipsis;
       text-overflow: ellipsis;
    white-space: nowrap;
    vertical-align: bottom; }
    .message-wps .message-wps-top-left .name {
      display: block;
      width: 180px;
      margin-bottom: 4px;
      overflow: hidden;
      color: #222;
      -o-text-overflow: ellipsis;
         text-overflow: ellipsis;
      white-space: nowrap; }
    .message-wps .message-wps-top-left .wps-creator {
      display: block;
      width: 180px;
      overflow: hidden;
      font-size: 12px;
      color: #828992;
      -o-text-overflow: ellipsis;
         text-overflow: ellipsis;
      white-space: nowrap; }
  .message-wps .message-wps-top-right {
    vertical-align: text-top; }
    .message-wps .message-wps-top-right .file-icon {
      height: 40px;
      font-size: 40px; }

.multi-message {
  font-size: 14px; }
  .multi-message.success-text {
    cursor: pointer; }
  .multi-message.self .multi-message-title::before {
    background: #fffffb !important;
    opacity: 0.65; }
  .multi-message.self .multi-message-summary {
    color: #73808c; }
  .multi-message .multi-message-title {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center;
    margin-bottom: 4px;
    font-family: PingFangSC-Medium, PingFang SC;
    font-weight: 500;
    line-height: 1.2;
    color: #222; }
    .multi-message .multi-message-title::before {
      display: inline-block;
      width: 2px;
      height: 14px;
      margin-right: 8px;
      content: '';
      background: rgba(34, 34, 34, 0.2);
      border-radius: 2px; }
  .multi-message .multi-message-summary {
    color: #909090; }
    .multi-message .multi-message-summary .summary-item {
      height: 22px; }
    .multi-message .multi-message-summary .summary-item-body br {
      display: none; }

.multi-message-item {
  display: -ms-flexbox;
  display: flex;
  padding: 16px 0 0 20px;
  font-family: 'PingFangSC-Regular', 'PingFang SC', 'Microsoft YaHei', 'sans-serif'; }
  .multi-message-item .message-sender-avatar {
    margin-right: 8px; }
  .multi-message-item .at-item {
    color: #222; }
  .multi-message-item .multi-message-box {
    width: calc(100% - 40px); }
    .multi-message-item .multi-message-box .message-sender-info {
      margin-bottom: 8px;
      font-size: 12px;
      font-weight: 400;
      line-height: 12px;
      color: rgba(52, 61, 76, 0.6); }
      .multi-message-item .multi-message-box .message-sender-info .message-sender-username {
        margin-right: 8px; }
    .multi-message-item .multi-message-box .multi-message-content {
      position: relative; }
      .multi-message-item .multi-message-box .multi-message-content.angle-backend::before, .multi-message-item .multi-message-box .multi-message-content.angle-backend::after {
        display: none; }
      .multi-message-item .multi-message-box .multi-message-content .message-content-box {
        max-width: calc(100% - 20px);
        background: #fff;
        border: 1px solid rgba(224, 229, 240, 0.7);
        border-radius: 2px 8px 8px 8px; }
      .multi-message-item .multi-message-box .multi-message-content .multi-message-title::before {
        background: rgba(34, 34, 34, 0.2) !important; }


.muti-message-modal {
  z-index: 991; }
  .muti-message-modal .ant-modal {
    width: 600px !important;
    height: 460px !important; }
  .muti-message-modal.pc .ant-modal {
    width: 64.5% !important;
    min-width: 600px !important;
    height: 74.2% !important;
    min-height: 460px !important; }
  .muti-message-modal .ant-modal-content {
    height: 100%;
    overflow: hidden;
    background: #f3f4f6; }
  .muti-message-modal .ant-modal-header {
    padding: 0 16px; }
  .muti-message-modal .ant-modal-close-x {
    width: 52px !important;
    color: #828992; }
  .muti-message-modal .muti-message-info {
    display: -ms-flexbox;
    display: flex;
    height: 46px;
    line-height: 46px; }
    .muti-message-modal .muti-message-info .muti-message-back {
      -ms-flex: none;
          flex: none;
      width: 48px;
      font-size: 14px;
      font-weight: normal;
      color: #333;
      cursor: pointer;
      visibility: hidden; }
      .muti-message-modal .muti-message-info .muti-message-back.visible {
        visibility: visible; }
      .muti-message-modal .muti-message-info .muti-message-back .back-icon {
        margin-right: 2px;
        font-size: 13px;
        color: #333; }
    .muti-message-modal .muti-message-info .muti-message-title {
      -ms-flex: 1 1;
          flex: 1 1;
      padding: 0 84px 0 36px;
      overflow: hidden;
      font-family: PingFangSC-Semibold, PingFang SC;
      font-size: 16px;
      font-weight: 600;
      color: #222;
      text-align: center;
      -o-text-overflow: ellipsis;
         text-overflow: ellipsis;
      white-space: nowrap; }
  .muti-message-modal .ant-modal-body {
    height: calc(100% - 46px);
    padding: 0; }

.media-item {
  position: relative;
  height: 60px;
  line-height: 60px;
  cursor: pointer; }
  .media-item .avatar {
    display: inline-block;
    width: 38px;
    height: 38px;
    margin-right: 8px;
    margin-left: 20px;
    overflow: hidden;
    vertical-align: middle;
    cursor: pointer;
    border-radius: 8px; }
    .media-item .avatar .qt-col-avatar {
      border-radius: 8px !important; }
    .media-item .avatar .img {
      width: 38px;
      height: 38px;
      vertical-align: top; }
  .media-item .info {
    display: inline-block;
    width: 70%;
    vertical-align: middle; }
    .media-item .info .name {
      max-width: 200px;
      overflow: hidden;
      font-size: 14px;
      line-height: 14px;
      color: #222;
      -o-text-overflow: ellipsis;
         text-overflow: ellipsis;
      white-space: nowrap; }
      .media-item .info .name .bot-label {
        background-image: -webkit-linear-gradient(224deg, #7eb7ff 0%, #4880ff 100%);
        background-image: -o-linear-gradient(224deg, #7eb7ff 0%, #4880ff 100%);
        background-image: linear-gradient(226deg, #7eb7ff 0%, #4880ff 100%);
        border-radius: 1.68px;
        display: inline-block;
        width: auto;
        height: 15px;
        line-height: 15px;
        white-space: nowrap;
        vertical-align: text-bottom;
        margin-left: 4px;
        padding-left: 4px; }
        .media-item .info .name .bot-label .bot-icon {
          color: #fff;
          display: inline-block;
          font-size: 12px;
          -webkit-transform: scale(0.9);
              -ms-transform: scale(0.9);
                  transform: scale(0.9); }
        .media-item .info .name .bot-label .bot-text {
          color: #ffffff;
          display: inline-block;
          font-size: 12px;
          -webkit-transform: scale(0.8);
              -ms-transform: scale(0.8);
                  transform: scale(0.8);
          margin-left: -3px; }
    .media-item .info .intro {
      max-width: 100%;
      margin-top: 4px;
      overflow: hidden;
      font-size: 12px;
      line-height: 14px;
      color: #828992;
      -o-text-overflow: ellipsis;
         text-overflow: ellipsis;
      white-space: nowrap; }
  .media-item .operate {
    position: absolute;
    top: calc(50% - 10px);
    right: 16px;
    line-height: 20px;
    color: #fe6a49;
    text-align: center; }
    .media-item .operate:hover, .media-item .operate:focus {
      color: #ec5233; }
    .media-item .operate .subscribe {
      display: inline-block;
      width: 60px;
      height: 30px;
      font-size: 14px;
      line-height: 30px;
      border: 1px solid #fe6a49;
      border-radius: 8px; }
      .media-item .operate .subscribe:hover, .media-item .operate .subscribe:focus {
        border: 1px solid #ec5233; }
    .media-item .operate .view {
      display: inline-block;
      margin-right: 15px;
      font-size: 14px;
      color: #5d6470 !important; }
  .media-item:hover {
    background: #f3f4f6; }

.app-bundle-list-index {
  height: 100%; }
  .app-bundle-list-index .discover-empty {
    margin-top: 92px !important;
    font-size: 13px;
    color: #828992; }
  .app-bundle-list-index .avatar .qt-col-avatar {
    background: transparent; }

.apps-in-bundle-index {
  height: 100%; }

.discover-index {
  position: absolute;
  width: 100%;
  height: 100%; }
  .discover-index .ant-tabs .ant-tabs-content-animated {
    -webkit-transition: opacity 0.3s linear;
    -o-transition: opacity 0.3s linear;
    transition: opacity 0.3s linear; }
  .discover-index .media-discover {
    height: 100%; }
    .discover-index .media-discover .media-item .operate {
      display: inline-block; }
  .discover-index .app-discover {
    height: 100%; }
    .discover-index .app-discover .operate {
      top: 25px;
      right: 34px;
      width: 70px;
      height: 32px; }
    .discover-index .app-discover .body {
      height: calc(100% - 50px); }
    .discover-index .app-discover .ant-tabs,
    .discover-index .app-discover .ant-tabs-content {
      height: 100%; }
    .discover-index .app-discover .media-item:last-child .app-spitor {
      display: none; }
    .discover-index .app-discover .media-item {
      height: 60px;
      line-height: 60px; }
      .discover-index .app-discover .media-item .app-spitor {
        height: 1px;
        margin-left: 16px;
        background: #ededed; }
      .discover-index .app-discover .media-item .avatar {
        width: 38px;
        height: 38px;
        margin-right: 10px;
        margin-left: 20px !important; }
        .discover-index .app-discover .media-item .avatar .qt-col-avatar {
          width: 36px !important;
          height: 36px !important; }
      .discover-index .app-discover .media-item .info .name {
        font-size: 14px;
        line-height: 17px; }
      .discover-index .app-discover .media-item .intro {
        margin-top: 8px !important;
        font-size: 12px; }
      .discover-index .app-discover .media-item .operate {
        top: calc(50% - 16px);
        right: 20px;
        line-height: 32px; }
        .discover-index .app-discover .media-item .operate .view {
          margin: 0 !important; }
      .discover-index .app-discover .media-item .subscribe {
        width: 60px;
        height: 32px;
        font-size: 14px;
        line-height: 32px; }
  .discover-index .ant-tabs,
  .discover-index .ant-tabs-content {
    height: 100%; }
  .discover-index .ant-tabs-bar {
    display: none; }
  .discover-index .header .create {
    position: absolute;
    top: 50%;
    right: 15px;
    font-size: 14px;
    color: #222;
    cursor: pointer;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%); }
  .discover-index .header .menu {
    position: relative;
    width: 100%;
    height: 36px;
    padding-left: 14px;
    line-height: 36px;
    border-bottom: 1px solid #eaedf1; }
    .discover-index .header .menu .back {
      position: absolute;
      z-index: 9;
      display: inline-block;
      font-size: 14px;
      color: #222;
      cursor: pointer; }
      .discover-index .header .menu .back .icon {
        margin-right: 5px; }
      .discover-index .header .menu .back span {
        font-size: 14px;
        vertical-align: middle; }
    .discover-index .header .menu .add-all-app-in-bundle-btn {
      position: absolute;
      right: 20px;
      font-size: 14px;
      color: #ef5129;
      cursor: pointer; }
    .discover-index .header .menu .add-all-app-in-bundle-btn-disable {
      color: #828992 !important;
      cursor: auto !important; }
    .discover-index .header .menu .nav-title {
      position: absolute;
      left: 0;
      display: inline-block;
      width: 100%;
      text-align: center; }
      .discover-index .header .menu .nav-title .spliter {
        display: inline-block;
        width: 1px;
        height: 14px;
        margin: 0 16px;
        vertical-align: middle;
        background: #828992;
        -webkit-transform: scaleX(1.5);
            -ms-transform: scaleX(1.5);
                transform: scaleX(1.5); }
      .discover-index .header .menu .nav-title .discover-index-tip,
      .discover-index .header .menu .nav-title .discover-bundle-tip {
        display: inline-block;
        font-size: 14px;
        color: #828992;
        vertical-align: middle;
        cursor: pointer; }
      .discover-index .header .menu .nav-title .current-page-tip {
        color: #fe6a49 !important; }
    .discover-index .header .menu .i {
      color: #222; }
  .discover-index .header .sub-title {
    position: relative;
    height: 40px;
    padding-left: 20px;
    line-height: 40px; }
    .discover-index .header .sub-title .title {
      font-size: 12px;
      color: #828992; }
    .discover-index .header .sub-title .operate {
      position: absolute;
      top: 0;
      left: 16px;
      display: inline-block;
      width: 185px; }
      .discover-index .header .sub-title .operate .icon {
        position: absolute;
        left: 12px;
        z-index: 9;
        display: inline-block;
        font-size: 12px;
        color: #828992; }
  .discover-index .body {
    height: calc(100% - 90px); }
    .discover-index .body .coll-discover-loading-more {
      position: relative;
      height: 50px; }
    .discover-index .body .discover-empty,
    .discover-index .body .search-empty {
      width: 100%;
      margin-top: 12%;
      color: #828992;
      text-align: center; }
      .discover-index .body .discover-empty .img,
      .discover-index .body .search-empty .img {
        margin-bottom: 20px; }
      .discover-index .body .discover-empty .empty-img,
      .discover-index .body .search-empty .empty-img {
        margin-top: -20px;
        width: 180px;
        margin-bottom: -14px; }
      .discover-index .body .discover-empty p,
      .discover-index .body .search-empty p {
        margin-bottom: -15px; }
    .discover-index .body .load-failed {
      margin-top: 68px; }

.app-domains-wrap .ant-popover-inner {
  overflow: hidden; }

.app-domains-wrap .ant-popover-inner-content {
  padding: 0 !important; }
  .app-domains-wrap .ant-popover-inner-content .domain-item {
    min-width: 150px;
    max-width: 300px;
    padding: 10px 24px;
    font-size: 14px;
    color: #5d6470 !important;
    text-align: center;
    cursor: pointer; }
    .app-domains-wrap .ant-popover-inner-content .domain-item:hover {
      color: #fe6a49 !important; }

.app-index {
  position: absolute;
  width: 100%;
  height: 100%;
  padding: 0 0 20px 20px;
  background: #f7f7f7; }
  .app-index .ant-carousel .slick-dots .slick-active button {
    background: #f89980 !important; }
  .app-index .ant-carousel .slick-dots li {
    display: inline-block;
    width: 9px;
    height: 9px;
    margin: 0 5px;
    cursor: pointer;
    background: #e1e1e1;
    border-radius: 50%;
    overflow: hidden; }
    .app-index .ant-carousel .slick-dots li button {
      width: 9px !important;
      height: 9px !important; }
  .app-index .ant-tabs .ant-tabs-content-animated {
    -webkit-transition: opacity 0.3s linear;
    -o-transition: opacity 0.3s linear;
    transition: opacity 0.3s linear; }
  .app-index .domain-list-load-failed {
    margin-top: 10px;
    text-align: center; }
    .app-index .domain-list-load-failed span:nth-child(2) {
      color: #00acdc;
      cursor: pointer; }
  .app-index .domains {
    height: 22px;
    margin-top: 12px;
    margin-bottom: -8px;
    font-size: 14px;
    color: #222;
    text-align: center; }
    .app-index .domains .current-domain {
      background: #ebebeb; }
    .app-index .domains .domain-tip {
      display: inline-block;
      cursor: pointer; }
      .app-index .domains .domain-tip .domain-name {
        font-weight: bold; }
      .app-index .domains .domain-tip .change-domain-icon {
        display: inline-block;
        margin-left: 2px;
        font-size: 12px;
        color: #828992;
        -webkit-transform: rotate(-90deg);
            -ms-transform: rotate(-90deg);
                transform: rotate(-90deg); }
      .app-index .domains .domain-tip .up-icon {
        -webkit-transform: rotate(-270deg);
            -ms-transform: rotate(-270deg);
                transform: rotate(-270deg); }
  .app-index .banner-slider {
    max-height: 200px; }
  .app-index .apps-content {
    position: relative;
    min-height: 200px;
    margin-top: 24px; }
    .app-index .apps-content .list .header {
      padding-bottom: 12px;
      margin-bottom: 24px;
      border-bottom: 1px solid #eaedf1; }
      .app-index .apps-content .list .header .title {
        font-size: 14px;
        color: #828992; }
      .app-index .apps-content .list .header .manage {
        float: right;
        margin-right: 10px;
        font-size: 14px;
        color: #fe6a49;
        cursor: pointer; }
    .app-index .apps-content .list .apps {
      padding: 0 16px; }
      .app-index .apps-content .list .apps .app-item:first-child {
        margin-left: 0; }
      .app-index .apps-content .list .apps .app-item {
        display: inline-block;
        width: 100px;
        margin-bottom: 25px;
        font-size: 0;
        text-align: center;
        vertical-align: middle; }
        .app-index .apps-content .list .apps .app-item .img {
          width: 100%; }
        .app-index .apps-content .list .apps .app-item .add-avatar {
          display: inline-block;
          width: 50px;
          height: 50px;
          margin-bottom: 12px;
          overflow: hidden;
          line-height: 50px;
          text-align: center;
          cursor: pointer;
          border: dashed 1px #ccc;
          border-radius: 5px; }
          .app-index .apps-content .list .apps .app-item .add-avatar .add {
            display: inline-block;
            margin-top: -1px;
            font-size: 18px;
            color: #e1e1e1;
            -webkit-transform: rotate(45deg);
                -ms-transform: rotate(45deg);
                    transform: rotate(45deg); }
        .app-index .apps-content .list .apps .app-item .red-point {
          display: inline-block;
          width: 6px;
          height: 6px;
          margin-right: 4px;
          vertical-align: middle;
          background: #ec5233;
          border-radius: 50%; }
        .app-index .apps-content .list .apps .app-item .avatar {
          display: inline-block;
          width: 50px;
          height: 50px;
          margin-bottom: 12px;
          overflow: hidden;
          font-size: 12px;
          cursor: pointer;
          border-radius: 5px; }
          .app-index .apps-content .list .apps .app-item .avatar .qt-col-avatar {
            border-radius: 8px !important; }
        .app-index .apps-content .list .apps .app-item .name {
          overflow: hidden;
          font-size: 14px;
          color: #222;
          -o-text-overflow: ellipsis;
             text-overflow: ellipsis;
          white-space: nowrap; }
    .app-index .apps-content .empty {
      width: 100%;
      height: 200px; }
      .app-index .apps-content .empty .tip {
        display: inline-block;
        margin-bottom: 12px; }
      .app-index .apps-content .empty .guide {
        text-align: center; }
        .app-index .apps-content .empty .guide .text {
          font-size: 14px;
          color: #5d6470; }
        .app-index .apps-content .empty .guide .btn {
          display: inline-block;
          width: 80px;
          padding: 2px 0;
          margin-top: 16px;
          font-size: 16px;
          color: #fff;
          text-align: center;
          cursor: pointer;
          background-image: -webkit-gradient(linear, right top, left top, from(#feab8f), to(#fe6a49));
          background-image: -webkit-linear-gradient(right, #feab8f 0%, #fe6a49 100%);
          background-image: -o-linear-gradient(right, #feab8f 0%, #fe6a49 100%);
          background-image: linear-gradient(to left, #feab8f 0%, #fe6a49 100%);
          border-radius: 100px; }
    .app-index .apps-content .failed {
      height: 200px;
      line-height: 200px;
      text-align: center; }
      .app-index .apps-content .failed .retry {
        color: #00acdc;
        cursor: pointer; }
  .app-index .ant-tabs-bar {
    display: none; }
  .app-index .ant-tabs,
  .app-index .ant-tabs-content,
  .app-index .nicescroll-container {
    height: 100%; }

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
.ant-carousel {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.65);
  font-size: 12px;
  font-variant: tabular-nums;
  line-height: 1.5;
  list-style: none;
  -webkit-font-feature-settings: 'tnum';
          font-feature-settings: 'tnum';
}
.ant-carousel .slick-slider {
  position: relative;
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-touch-callout: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}
.ant-carousel .slick-list {
  position: relative;
  display: block;
  margin: 0;
  padding: 0;
  overflow: hidden;
}
.ant-carousel .slick-list:focus {
  outline: none;
}
.ant-carousel .slick-list.dragging {
  cursor: pointer;
}
.ant-carousel .slick-list .slick-slide {
  pointer-events: none;
}
.ant-carousel .slick-list .slick-slide.slick-active {
  pointer-events: auto;
}
.ant-carousel .slick-slider .slick-track,
.ant-carousel .slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
}
.ant-carousel .slick-track {
  position: relative;
  top: 0;
  left: 0;
  display: block;
}
.ant-carousel .slick-track::before,
.ant-carousel .slick-track::after {
  display: table;
  content: '';
}
.ant-carousel .slick-track::after {
  clear: both;
}
.slick-loading .ant-carousel .slick-track {
  visibility: hidden;
}
.ant-carousel .slick-slide {
  display: none;
  float: left;
  height: 100%;
  min-height: 1px;
}
[dir='rtl'] .ant-carousel .slick-slide {
  float: right;
}
.ant-carousel .slick-slide img {
  display: block;
}
.ant-carousel .slick-slide.slick-loading img {
  display: none;
}
.ant-carousel .slick-slide.dragging img {
  pointer-events: none;
}
.ant-carousel .slick-initialized .slick-slide {
  display: block;
}
.ant-carousel .slick-loading .slick-slide {
  visibility: hidden;
}
.ant-carousel .slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent;
}
.ant-carousel .slick-arrow.slick-hidden {
  display: none;
}
.ant-carousel .slick-prev,
.ant-carousel .slick-next {
  position: absolute;
  top: 50%;
  display: block;
  width: 20px;
  height: 20px;
  margin-top: -10px;
  padding: 0;
  color: transparent;
  font-size: 0;
  line-height: 0;
  background: transparent;
  border: 0;
  outline: none;
  cursor: pointer;
}
.ant-carousel .slick-prev:hover,
.ant-carousel .slick-next:hover,
.ant-carousel .slick-prev:focus,
.ant-carousel .slick-next:focus {
  color: transparent;
  background: transparent;
  outline: none;
}
.ant-carousel .slick-prev:hover::before,
.ant-carousel .slick-next:hover::before,
.ant-carousel .slick-prev:focus::before,
.ant-carousel .slick-next:focus::before {
  opacity: 1;
}
.ant-carousel .slick-prev.slick-disabled::before,
.ant-carousel .slick-next.slick-disabled::before {
  opacity: 0.25;
}
.ant-carousel .slick-prev {
  left: -25px;
}
.ant-carousel .slick-prev::before {
  content: '\2190';
}
.ant-carousel .slick-next {
  right: -25px;
}
.ant-carousel .slick-next::before {
  content: '\2192';
}
.ant-carousel .slick-dots {
  position: absolute;
  display: block;
  width: 100%;
  height: 3px;
  margin: 0;
  padding: 0;
  text-align: center;
  list-style: none;
}
.ant-carousel .slick-dots-bottom {
  bottom: 12px;
}
.ant-carousel .slick-dots-top {
  top: 12px;
}
.ant-carousel .slick-dots li {
  position: relative;
  display: inline-block;
  margin: 0 2px;
  padding: 0;
  text-align: center;
  vertical-align: top;
}
.ant-carousel .slick-dots li button {
  display: block;
  width: 16px;
  height: 3px;
  padding: 0;
  color: transparent;
  font-size: 0;
  background: #fff;
  border: 0;
  border-radius: 1px;
  outline: none;
  cursor: pointer;
  opacity: 0.3;
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}
.ant-carousel .slick-dots li button:hover,
.ant-carousel .slick-dots li button:focus {
  opacity: 0.75;
}
.ant-carousel .slick-dots li.slick-active button {
  width: 24px;
  background: #fff;
  opacity: 1;
}
.ant-carousel .slick-dots li.slick-active button:hover,
.ant-carousel .slick-dots li.slick-active button:focus {
  opacity: 1;
}
.ant-carousel-vertical .slick-dots {
  top: 50%;
  bottom: auto;
  width: 3px;
  height: auto;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}
.ant-carousel-vertical .slick-dots-left {
  left: 12px;
}
.ant-carousel-vertical .slick-dots-right {
  right: 12px;
}
.ant-carousel-vertical .slick-dots li {
  margin: 0 2px;
  vertical-align: baseline;
}
.ant-carousel-vertical .slick-dots li button {
  width: 3px;
  height: 16px;
}
.ant-carousel-vertical .slick-dots li.slick-active button {
  width: 3px;
  height: 24px;
}

.slogan {
  position: relative;
  display: inline-block;
  width: 100%;
  text-align: center;
  vertical-align: middle;
  border-radius: 5px; }
  .slogan .slogan-item {
    border-radius: 5px; }

.coll-banner-slider {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  max-height: 260px; }
  .coll-banner-slider .container {
    height: auto !important; }

.banner-placeholder {
  display: inline-block;
  width: 100%;
  height: 195px;
  margin-top: 16px;
  cursor: pointer;
  background-color: #dcdcdc;
  border-radius: 5px; }

.app-banners-warp-index {
  margin-top: 16px;
  max-height: 270px;
  min-height: 170px;
  overflow: hidden;
  display: -ms-flexbox !important;
  display: flex !important;
  -ms-flex-align: center;
      align-items: center; }
  .app-banners-warp-index .slick-list {
    width: 100%; }
  .app-banners-warp-index .slick-slide {
    display: inline-block !important; }
  .app-banners-warp-index .slick-dots li button {
    border-radius: 50% !important; }

.tip-content-of-no-domain-index {
  height: 233px;
  background: white;
  margin-top: 16px;
  overflow: hidden;
  border-radius: 5px; }
  .tip-content-of-no-domain-index .slick-list, .tip-content-of-no-domain-index .slick-track {
    height: 100%; }
  .tip-content-of-no-domain-index .slick-slide > div {
    height: 100%; }

.coll-team-intro-item {
  position: relative;
  display: inline-block;
  width: 100%;
  height: 100%;
  text-align: center;
  vertical-align: middle; }
  .coll-team-intro-item .image-wrap {
    position: absolute;
    top: 30px;
    left: calc(50% - 220px);
    width: 220px;
    height: 180px; }
    .coll-team-intro-item .image-wrap .ad-load-failed {
      display: inline-block;
      width: 100%;
      height: 100%;
      cursor: pointer;
      background: #dcdcdc;
      border-radius: 5px; }
    .coll-team-intro-item .image-wrap .coll-team-intro-img {
      width: 100%;
      height: 100%; }
  .coll-team-intro-item .text {
    position: absolute;
    top: 50px;
    left: calc(50% - 220px + 220px + 4.5%);
    text-align: left; }
    .coll-team-intro-item .text .title {
      max-width: 300px;
      margin-bottom: 10px;
      overflow: hidden;
      font-size: 18px;
      color: #222;
      -o-text-overflow: ellipsis;
         text-overflow: ellipsis;
      white-space: nowrap; }
    .coll-team-intro-item .text .sub-title {
      display: block;
      max-width: 220px;
      max-height: 70px;
      margin-bottom: 20px;
      overflow: hidden;
      font-size: 12px;
      color: #828992;
      -o-text-overflow: ellipsis;
         text-overflow: ellipsis;
      word-break: break-all;
      white-space: pre-wrap; }
    .coll-team-intro-item .text .btn {
      display: inline-block;
      width: 170px;
      height: 32px;
      padding: 0 10px;
      overflow: hidden;
      font-size: 16px;
      line-height: 32px;
      color: #fff;
      text-align: center;
      -o-text-overflow: ellipsis;
         text-overflow: ellipsis;
      cursor: pointer;
      background-image: -webkit-gradient(linear, right top, left top, from(#feab8f), to(#fe6a49));
      background-image: -webkit-linear-gradient(right, #feab8f 0%, #fe6a49 100%);
      background-image: -o-linear-gradient(right, #feab8f 0%, #fe6a49 100%);
      background-image: linear-gradient(to left, #feab8f 0%, #fe6a49 100%);
      border-radius: 100px; }

.coll-ad-slider {
  height: 233px;
  background: white; }

.empty-collect {
  margin-top: 26vh;
  text-align: center; }
  .empty-collect img {
    width: 180px; }
  .empty-collect .empty-desc-text {
    max-width: 100%; }

.collect-container {
  height: 100%; }
  .collect-container .bottom-opacity {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 40px;
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(250, 250, 251, 0)), to(#f3f4f6));
    background: -webkit-linear-gradient(top, rgba(250, 250, 251, 0) 0%, #f3f4f6 100%);
    background: -o-linear-gradient(top, rgba(250, 250, 251, 0) 0%, #f3f4f6 100%);
    background: linear-gradient(180deg, rgba(250, 250, 251, 0) 0%, #f3f4f6 100%); }
  .collect-container .drive-win-content-top {
    position: absolute;
    top: 0;
    left: 253px;
    width: calc(100% - 453px);
    height: 50px;
    background: transparent; }
    .collect-container .drive-win-content-top .drag-area {
      height: 100%; }
  .collect-container .pc-can-drag-container {
    position: absolute;
    top: 0;
    left: 0;
    display: inline-block;
    width: calc(100% - 100px);
    height: 20px;
    -webkit-app-region: drag;
    cursor: pointer; }
  .collect-container .tab-collect-list {
    height: 100%; }
    .collect-container .tab-collect-list.list {
      padding: 0 20px 0 20px;
      background: #f3f4f6; }
    .collect-container .tab-collect-list .cover {
      position: -webkit-sticky;
      position: sticky;
      top: 0;
      z-index: 2;
      height: 19px;
      background: -webkit-gradient(linear, left bottom, left top, from(rgba(250, 250, 251, 0)), to(#f3f4f6));
      background: -webkit-linear-gradient(bottom, rgba(250, 250, 251, 0) 0%, #f3f4f6 100%);
      background: -o-linear-gradient(bottom, rgba(250, 250, 251, 0) 0%, #f3f4f6 100%);
      background: linear-gradient(0deg, rgba(250, 250, 251, 0) 0%, #f3f4f6 100%); }
    .collect-container .tab-collect-list .ant-tabs-content {
      height: 100%; }
    .collect-container .tab-collect-list .collect-message-item {
      position: relative;
      max-height: 170px;
      padding: 20px 53px 20px 18px;
      margin-bottom: 10px;
      background: #fff;
      border-radius: 10px;
      -webkit-box-shadow: 0 2px 8px 2px rgba(0, 0, 0, 0.03);
              box-shadow: 0 2px 8px 2px rgba(0, 0, 0, 0.03); }
      .collect-container .tab-collect-list .collect-message-item .text-line {
        display: -webkit-box;
        overflow: hidden;
        font-family: PingFangSC-Regular, PingFang SC;
        font-size: 14px;
        font-weight: 400;
        color: #222;
        text-overflow: ellipsis;
        text-overflow: -o-ellipsis-lastline;
        vertical-align: middle;
        cursor: pointer;
        -webkit-line-clamp: 3;
        line-clamp: 3;
        /* autoprefixer: off */
        -webkit-box-orient: vertical; }
        .collect-container .tab-collect-list .collect-message-item .text-line.voice .text-item {
          display: -webkit-box;
          margin-bottom: 2px;
          overflow: hidden;
          font-family: PingFangSC-Regular, PingFang SC;
          font-size: 14px;
          font-weight: 400;
          color: #222;
          text-overflow: ellipsis;
          text-overflow: -o-ellipsis-lastline;
          vertical-align: middle;
          -webkit-line-clamp: 1;
          line-clamp: 1;
          /* autoprefixer: off */
          -webkit-box-orient: vertical; }
        .collect-container .tab-collect-list .collect-message-item .text-line.voice .voice-item {
          margin-left: 0; }
          .collect-container .tab-collect-list .collect-message-item .text-line.voice .voice-item .audio {
            margin-right: 2px;
            font-size: 12px;
            color: #b1b1b1; }
          .collect-container .tab-collect-list .collect-message-item .text-line.voice .voice-item .small {
            min-width: calc(100% - 438px) !important; }
        .collect-container .tab-collect-list .collect-message-item .text-line.file {
          height: 60px; }
          .collect-container .tab-collect-list .collect-message-item .text-line.file .file-icon-name {
            position: relative; }
            .collect-container .tab-collect-list .collect-message-item .text-line.file .file-icon-name .file-icon {
              width: 60px;
              height: 60px;
              font-size: 60px;
              line-height: 60px; }
            .collect-container .tab-collect-list .collect-message-item .text-line.file .file-icon-name .file-name {
              position: absolute;
              top: 8px;
              margin-left: 70px; }
              .collect-container .tab-collect-list .collect-message-item .text-line.file .file-icon-name .file-name .file-item-enterprise-icon {
                margin-right: 2px; }
              .collect-container .tab-collect-list .collect-message-item .text-line.file .file-icon-name .file-name .name-text {
                font-family: PingFangSC-Regular, PingFang SC;
                font-size: 14px;
                font-weight: 400;
                color: #222; }
              .collect-container .tab-collect-list .collect-message-item .text-line.file .file-icon-name .file-name .file-size {
                font-family: PingFangSC-Regular, PingFang SC;
                font-size: 12px;
                font-weight: 400;
                color: #919191; }
        .collect-container .tab-collect-list .collect-message-item .text-line.recall {
          font-family: PingFangSC-Regular, PingFang SC;
          font-size: 14px;
          font-weight: 400;
          color: #cacaca; }
        .collect-container .tab-collect-list .collect-message-item .text-line.image {
          position: relative;
          border-radius: 10px; }
          .collect-container .tab-collect-list .collect-message-item .text-line.image .image-warp {
            position: relative;
            width: 60px;
            height: 60px;
            text-align: center;
            background: #f3f4f6;
            border-radius: 50%;
            background-size: 50% 50%; }
            .collect-container .tab-collect-list .collect-message-item .text-line.image .image-warp img {
              width: 60px;
              height: 60px;
              border-radius: 10px; }
            .collect-container .tab-collect-list .collect-message-item .text-line.image .image-warp .load-error-icon {
              display: inline-block;
              margin-top: 8px;
              font-size: 30px;
              color: #c7cace; }
          .collect-container .tab-collect-list .collect-message-item .text-line.image .file-name {
            position: absolute;
            top: 8px;
            margin-left: 70px; }
            .collect-container .tab-collect-list .collect-message-item .text-line.image .file-name .name-text {
              display: -webkit-box;
              overflow: hidden;
              font-family: PingFangSC-Regular, PingFang SC;
              font-size: 14px;
              font-weight: 400;
              color: #222;
              text-overflow: ellipsis;
              text-overflow: -o-ellipsis-lastline;
              vertical-align: middle;
              -webkit-line-clamp: 1;
              line-clamp: 1;
              /* autoprefixer: off */
              -webkit-box-orient: vertical; }
            .collect-container .tab-collect-list .collect-message-item .text-line.image .file-name .file-size {
              font-family: PingFangSC-Regular, PingFang SC;
              font-size: 12px;
              font-weight: 400;
              color: #919191; }
            .collect-container .tab-collect-list .collect-message-item .text-line.image .file-name .img-deleted {
              display: inline-block;
              margin-top: 10px;
              font-family: PingFangSC-Regular, PingFang SC;
              font-size: 14px;
              font-weight: 400;
              color: #cacaca; }
        .collect-container .tab-collect-list .collect-message-item .text-line.location {
          position: relative; }
          .collect-container .tab-collect-list .collect-message-item .text-line.location .location-wrap {
            width: 60px;
            height: 60px;
            text-align: center; }
            .collect-container .tab-collect-list .collect-message-item .text-line.location .location-wrap img {
              width: 60px;
              height: 60px;
              -o-object-fit: contain;
                 object-fit: contain; }
          .collect-container .tab-collect-list .collect-message-item .text-line.location .location-content-wrap {
            position: absolute;
            top: 0;
            display: -webkit-box;
            margin-top: 10px;
            margin-left: 70px;
            overflow: hidden;
            text-overflow: ellipsis;
            text-overflow: -o-ellipsis-lastline;
            vertical-align: middle;
            -webkit-line-clamp: 2;
            line-clamp: 2;
            /* autoprefixer: off */
            -webkit-box-orient: vertical; }
            .collect-container .tab-collect-list .collect-message-item .text-line.location .location-content-wrap .location-title {
              font-family: PingFangSC-Medium, PingFang SC;
              font-size: 14px;
              font-weight: 500;
              color: #222; }
            .collect-container .tab-collect-list .collect-message-item .text-line.location .location-content-wrap .location-desc {
              font-family: PingFangSC-Regular, PingFang SC;
              font-size: 12px;
              font-weight: 400;
              color: #919191; }
        .collect-container .tab-collect-list .collect-message-item .text-line.business-card {
          position: relative; }
          .collect-container .tab-collect-list .collect-message-item .text-line.business-card .card-wrap {
            width: 60px;
            height: 60px;
            text-align: center; }
            .collect-container .tab-collect-list .collect-message-item .text-line.business-card .card-wrap img {
              width: 60px;
              height: 60px; }
            .collect-container .tab-collect-list .collect-message-item .text-line.business-card .card-wrap .load-error-icon {
              display: inline-block;
              margin-top: 8px;
              font-size: 30px;
              color: #c7cace; }
          .collect-container .tab-collect-list .collect-message-item .text-line.business-card .card-content-wrap {
            position: absolute;
            top: 0;
            display: -webkit-box;
            margin-top: 10px;
            margin-left: 70px;
            overflow: hidden;
            text-overflow: ellipsis;
            text-overflow: -o-ellipsis-lastline;
            vertical-align: middle;
            -webkit-line-clamp: 2;
            line-clamp: 2;
            /* autoprefixer: off */
            -webkit-box-orient: vertical; }
            .collect-container .tab-collect-list .collect-message-item .text-line.business-card .card-content-wrap .card-name {
              font-family: PingFangSC-Medium, PingFang SC;
              font-size: 14px;
              font-weight: 500;
              color: #222; }
            .collect-container .tab-collect-list .collect-message-item .text-line.business-card .card-content-wrap .card-desc {
              font-family: PingFangSC-Regular, PingFang SC;
              font-size: 12px;
              font-weight: 400;
              color: #919191; }
        .collect-container .tab-collect-list .collect-message-item .text-line.image-text {
          position: relative; }
          .collect-container .tab-collect-list .collect-message-item .text-line.image-text .image-text-warp {
            width: 60px;
            height: 60px;
            text-align: center;
            background: #f3f4f6;
            border-radius: 50% 50%; }
            .collect-container .tab-collect-list .collect-message-item .text-line.image-text .image-text-warp img {
              width: 60px;
              height: 60px;
              border-radius: 10px; }
            .collect-container .tab-collect-list .collect-message-item .text-line.image-text .image-text-warp .load-error-icon {
              display: inline-block;
              margin-top: 8px;
              font-size: 30px;
              color: #c7cace; }
          .collect-container .tab-collect-list .collect-message-item .text-line.image-text .image-text-first {
            position: absolute;
            top: 18px;
            display: -webkit-box;
            margin-left: 70px;
            overflow: hidden;
            text-overflow: ellipsis;
            text-overflow: -o-ellipsis-lastline;
            vertical-align: middle;
            -webkit-line-clamp: 1;
            line-clamp: 1;
            /* autoprefixer: off */
            -webkit-box-orient: vertical; }
        .collect-container .tab-collect-list .collect-message-item .text-line.link {
          position: relative; }
          .collect-container .tab-collect-list .collect-message-item .text-line.link .link-warp {
            width: 60px;
            height: 60px;
            text-align: center;
            border-radius: 10px; }
            .collect-container .tab-collect-list .collect-message-item .text-line.link .link-warp img {
              width: 60px;
              height: 60px; }
            .collect-container .tab-collect-list .collect-message-item .text-line.link .link-warp .link-icon {
              display: inline-block;
              margin-top: 4px;
              font-size: 36px;
              color: #fff; }
            .collect-container .tab-collect-list .collect-message-item .text-line.link .link-warp .wps-link-icon {
              font-size: 60px; }
          .collect-container .tab-collect-list .collect-message-item .text-line.link .link-content-wrap {
            position: absolute;
            top: 0;
            display: -webkit-box;
            margin-top: 10px;
            margin-left: 70px;
            overflow: hidden;
            text-overflow: ellipsis;
            text-overflow: -o-ellipsis-lastline;
            vertical-align: middle;
            -webkit-line-clamp: 2;
            line-clamp: 2;
            /* autoprefixer: off */
            -webkit-box-orient: vertical; }
            .collect-container .tab-collect-list .collect-message-item .text-line.link .link-content-wrap .link-title {
              font-family: PingFangSC-Medium, PingFang SC;
              font-size: 14px;
              font-weight: 500;
              color: #222; }
            .collect-container .tab-collect-list .collect-message-item .text-line.link .link-content-wrap .link-desc {
              font-family: PingFangSC-Regular, PingFang SC;
              font-size: 12px;
              font-weight: 400;
              color: #919191; }
        .collect-container .tab-collect-list .collect-message-item .text-line.video {
          position: relative;
          border-radius: 10px; }
          .collect-container .tab-collect-list .collect-message-item .text-line.video .video-warp {
            position: relative;
            width: 60px;
            height: 60px;
            text-align: center;
            background: #f3f4f6;
            border-radius: 10px; }
            .collect-container .tab-collect-list .collect-message-item .text-line.video .video-warp img {
              width: 60px;
              height: 60px;
              border-radius: 10px; }
            .collect-container .tab-collect-list .collect-message-item .text-line.video .video-warp .video-play-container {
              position: absolute;
              margin-top: -12px;
              margin-left: -12px; }
              .collect-container .tab-collect-list .collect-message-item .text-line.video .video-warp .video-play-container .video-close-background {
                width: 24px;
                height: 24px; }
              .collect-container .tab-collect-list .collect-message-item .text-line.video .video-warp .video-play-container .video-play-btn {
                width: 24px;
                height: 24px;
                margin-top: -25px;
                line-height: 24px; }
              .collect-container .tab-collect-list .collect-message-item .text-line.video .video-warp .video-play-container .icon-video-play {
                font-size: 12px; }
            .collect-container .tab-collect-list .collect-message-item .text-line.video .video-warp .load-error-icon {
              display: inline-block;
              margin-top: 8px;
              font-size: 30px;
              color: #c7cace; }
          .collect-container .tab-collect-list .collect-message-item .text-line.video .file-name {
            position: absolute;
            top: 8px;
            margin-left: 70px; }
            .collect-container .tab-collect-list .collect-message-item .text-line.video .file-name .name-text {
              display: -webkit-box;
              overflow: hidden;
              font-family: PingFangSC-Regular, PingFang SC;
              font-size: 14px;
              font-weight: 400;
              color: #222;
              text-overflow: ellipsis;
              text-overflow: -o-ellipsis-lastline;
              vertical-align: middle;
              -webkit-line-clamp: 1;
              line-clamp: 1;
              /* autoprefixer: off */
              -webkit-box-orient: vertical; }
            .collect-container .tab-collect-list .collect-message-item .text-line.video .file-name .file-size {
              font-family: PingFangSC-Regular, PingFang SC;
              font-size: 12px;
              font-weight: 400;
              color: #919191; }
            .collect-container .tab-collect-list .collect-message-item .text-line.video .file-name .img-deleted {
              display: inline-block;
              margin-top: 10px;
              font-family: PingFangSC-Regular, PingFang SC;
              font-size: 14px;
              font-weight: 400;
              color: #cacaca; }
      .collect-container .tab-collect-list .collect-message-item .time-line {
        margin-top: 3px;
        font-family: PingFangSC-Regular, PingFang SC;
        font-size: 12px;
        font-weight: 400;
        color: #919191; }
        .collect-container .tab-collect-list .collect-message-item .time-line span {
          margin-right: 3px; }
        .collect-container .tab-collect-list .collect-message-item .time-line .bottom-operate {
          position: absolute;
          right: 24px;
          bottom: 20px;
          font-family: PingFangSC-Regular, PingFang SC;
          font-size: 12px;
          font-weight: 400;
          color: #fe6a49; }
          .collect-container .tab-collect-list .collect-message-item .time-line .bottom-operate span {
            display: inline-block;
            cursor: pointer; }
          .collect-container .tab-collect-list .collect-message-item .time-line .bottom-operate .preview-online {
            margin-right: 32px; }
          .collect-container .tab-collect-list .collect-message-item .time-line .bottom-operate .download {
            margin-right: 32px; }
        .collect-container .tab-collect-list .collect-message-item .time-line .operate {
          position: absolute;
          right: 24px;
          bottom: 20px; }
          .collect-container .tab-collect-list .collect-message-item .time-line .operate a {
            color: #fe6a49;
            cursor: pointer; }
            .collect-container .tab-collect-list .collect-message-item .time-line .operate a:not(.preview-btn) {
              margin-left: 16px; }
            .collect-container .tab-collect-list .collect-message-item .time-line .operate a:hover {
              color: #ef5129; }
          .collect-container .tab-collect-list .collect-message-item .time-line .operate:first-child {
            margin-left: 0; }
          .collect-container .tab-collect-list .collect-message-item .time-line .operate .not-preview {
            color: gray !important; }
          .collect-container .tab-collect-list .collect-message-item .time-line .operate .cancel-upload {
            top: 0 !important; }
      .collect-container .tab-collect-list .collect-message-item .collect-pop .ant-popover-arrow {
        display: none !important; }
      .collect-container .tab-collect-list .collect-message-item .collect-pop .ant-popover-inner-content {
        padding: 14px 26px !important; }
      .collect-container .tab-collect-list .collect-message-item .collect-pop .op-forward {
        margin-bottom: 12px;
        font-family: PingFangSC-Regular, PingFang SC;
        font-size: 12px;
        font-weight: 400;
        color: #222;
        cursor: pointer; }
        .collect-container .tab-collect-list .collect-message-item .collect-pop .op-forward:hover {
          color: #fe6a49; }
      .collect-container .tab-collect-list .collect-message-item .collect-pop .op-delete {
        cursor: pointer; }
        .collect-container .tab-collect-list .collect-message-item .collect-pop .op-delete:hover {
          color: #fe6a49; }
      .collect-container .tab-collect-list .collect-message-item .collect-op-icon {
        position: absolute;
        top: 22px;
        right: -4px;
        font-size: 12px;
        cursor: pointer;
        -webkit-transform: scale(0.64);
            -ms-transform: scale(0.64);
                transform: scale(0.64); }
    .collect-container .tab-collect-list .collect-message-detail {
      height: 100%; }
      .collect-container .tab-collect-list .collect-message-detail .return-index {
        height: 42px;
        padding-left: 16px;
        line-height: 42px;
        border-bottom: 1px solid #eaedf1; }
        .collect-container .tab-collect-list .collect-message-detail .return-index .back-icon {
          color: #333;
          cursor: pointer; }
        .collect-container .tab-collect-list .collect-message-detail .return-index span {
          font-family: PingFangSC-Regular, PingFang SC;
          font-size: 14px;
          font-weight: 400;
          color: #333;
          cursor: pointer; }
      .collect-container .tab-collect-list .collect-message-detail .content-wrap {
        height: 100%;
        overflow-y: auto; }
        .collect-container .tab-collect-list .collect-message-detail .content-wrap .fill {
          width: 100%;
          height: 100px; }
      .collect-container .tab-collect-list .collect-message-detail .detail-top {
        position: relative;
        padding-top: 24px;
        padding-right: 75px;
        padding-left: 36px; }
        .collect-container .tab-collect-list .collect-message-detail .detail-top .name {
          display: inline-block;
          margin-left: 12px;
          font-family: PingFangSC-Regular, PingFang SC;
          font-size: 14px;
          font-weight: 400;
          color: #222;
          vertical-align: middle; }
          .collect-container .tab-collect-list .collect-message-detail .detail-top .name .contact-name {
            display: inline-block;
            max-width: 300px;
            overflow: hidden;
            -o-text-overflow: ellipsis;
               text-overflow: ellipsis;
            white-space: nowrap; }
          .collect-container .tab-collect-list .collect-message-detail .detail-top .name .time-line {
            display: block;
            font-family: PingFangSC-Regular, PingFang SC;
            font-size: 12px;
            font-weight: 400;
            color: #828992; }
        .collect-container .tab-collect-list .collect-message-detail .detail-top .detail-avatar {
          width: 38px;
          height: 38px; }
        .collect-container .tab-collect-list .collect-message-detail .detail-top .operate-block {
          float: right; }
          .collect-container .tab-collect-list .collect-message-detail .detail-top .operate-block .forward {
            margin-right: 16px;
            font-family: PingFangSC-Regular, PingFang SC;
            font-size: 12px;
            font-weight: 400;
            color: #fe6a49;
            cursor: pointer; }
          .collect-container .tab-collect-list .collect-message-detail .detail-top .operate-block .delete {
            font-family: PingFangSC-Regular, PingFang SC;
            font-size: 12px;
            font-weight: 400;
            color: #fe6a49;
            cursor: pointer; }
      .collect-container .tab-collect-list .collect-message-detail .detail-content {
        padding-right: 70px;
        padding-left: 36px;
        font-family: PingFangSC-Regular, PingFang SC;
        font-size: 14px;
        font-weight: 400;
        color: #222; }
        .collect-container .tab-collect-list .collect-message-detail .detail-content .file-detail-index {
          margin-top: 50px; }
        .collect-container .tab-collect-list .collect-message-detail .detail-content .text-msg {
          margin-top: 24px;
          word-wrap: break-word; }
        .collect-container .tab-collect-list .collect-message-detail .detail-content .can-use-select {
          -moz-user-select: text;
          -webkit-user-select: text;
          -ms-user-select: text;
              user-select: text; }
        .collect-container .tab-collect-list .collect-message-detail .detail-content .recall {
          margin-top: 24px;
          font-family: PingFangSC-Regular, PingFang SC;
          font-size: 14px;
          font-weight: 400;
          color: #cacaca; }
        .collect-container .tab-collect-list .collect-message-detail .detail-content .image-text-line {
          margin-top: 15px; }
          .collect-container .tab-collect-list .collect-message-detail .detail-content .image-text-line .muti-image {
            cursor: pointer;
            border-radius: 10px; }
          .collect-container .tab-collect-list .collect-message-detail .detail-content .image-text-line .error-wrap {
            width: 333px;
            height: 255px;
            text-align: center;
            background: #f3f3f4;
            border-radius: 10px; }
            .collect-container .tab-collect-list .collect-message-detail .detail-content .image-text-line .error-wrap .load-error-icon {
              display: inline-block;
              margin-right: 10px;
              font-size: 20px;
              color: #c7cace; }
            .collect-container .tab-collect-list .collect-message-detail .detail-content .image-text-line .error-wrap .img-deleted {
              display: inline-block;
              margin-top: 110px;
              font-family: PingFangSC-Regular, PingFang SC;
              font-size: 14px;
              font-weight: 400;
              color: #cacaca; }
        .collect-container .tab-collect-list .collect-message-detail .detail-content .voice-detail {
          margin-top: 24px; }
          .collect-container .tab-collect-list .collect-message-detail .detail-content .voice-detail .text-item {
            margin-bottom: 2px;
            font-family: PingFangSC-Regular, PingFang SC;
            font-size: 14px;
            font-weight: 400;
            color: #222; }
          .collect-container .tab-collect-list .collect-message-detail .detail-content .voice-detail .voice-item {
            margin-left: 0; }
            .collect-container .tab-collect-list .collect-message-detail .detail-content .voice-detail .voice-item .audio {
              margin-right: 2px;
              font-size: 12px;
              color: #b1b1b1; }
            .collect-container .tab-collect-list .collect-message-detail .detail-content .voice-detail .voice-item .small {
              min-width: calc(100% - 438px) !important; }

.collect-modal-warap .ant-modal-body {
  text-align: center; }

.collect-multi-message {
  font-size: 14px;
  cursor: pointer; }
  .collect-multi-message .multi-message-title {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center;
    margin-bottom: 4px;
    font-family: PingFangSC-Medium, PingFang SC;
    font-weight: 500;
    line-height: 1.2;
    color: #222; }
    .collect-multi-message .multi-message-title::before {
      display: inline-block;
      width: 2px;
      height: 14px;
      margin-right: 8px;
      content: '';
      background: rgba(34, 34, 34, 0.2);
      border-radius: 2px; }
  .collect-multi-message .multi-message-summary {
    color: rgba(34, 34, 34, 0.5); }
    .collect-multi-message .multi-message-summary .summary-item {
      height: 22px;
      line-height: 22px; }

@charset "UTF-8";
.drive-win-content-top {
  position: absolute;
  left: 253px;
  width: calc(100% - 453px);
  height: 50px;
  background: #fcfcfc; }
  .drive-win-content-top .drag-area {
    height: 100%; }

.pc-can-drag-container {
  position: absolute;
  top: 0;
  left: 0;
  display: inline-block;
  width: calc(100% - 100px);
  height: 20px;
  -webkit-app-region: drag;
  cursor: pointer; }

.collect-content-container {
  position: absolute;
  left: 167px;
  width: calc(100% - 167px);
  height: 100%;
  overflow-y: auto;
  font-size: 14px;
  font-weight: 400;
  color: #222;
  background: #fff;
  /* 覆盖table分页样式 */ }
  .collect-content-container.win {
    top: 50px;
    height: calc(100% - 50px); }
  .collect-content-container .ant-pagination-prev,
  .collect-content-container .ant-pagination-item,
  .collect-content-container .ant-pagination-next {
    width: 24px;
    min-width: 24px;
    height: 24px;
    line-height: 24px; }
    .collect-content-container .ant-pagination-prev a,
    .collect-content-container .ant-pagination-item a,
    .collect-content-container .ant-pagination-next a {
      padding: initial; }
  .collect-content-container .list-load-failed-tip {
    margin-top: 175px; }

.collect-container {
  height: 100%; }
  .collect-container .ant-table-placeholder {
    background: none;
    border-bottom: none; }

.collect-sidebar-container {
  position: absolute;
  left: 0;
  z-index: 10;
  width: 167px;
  height: 100%;
  background-color: #fcfcfd;
  border-right: 1px solid #eaedf1; }

.channel-container {
  height: 100%; }
  .channel-container .tab-header {
    height: 36px;
    padding-left: 20px;
    font-size: 14px;
    line-height: 36px;
    color: #222;
    border-bottom: 1px solid #eaedf1;
    font-weight: 500; }
    .channel-container .tab-header .tab-item {
      display: inline-block;
      padding: 0 16px;
      line-height: 28px;
      cursor: pointer;
      -webkit-transition: all 0.2s;
      -o-transition: all 0.2s;
      transition: all 0.2s; }
      .channel-container .tab-header .tab-item.active {
        color: #fe6a49; }
      .channel-container .tab-header .tab-item.discover {
        position: relative; }
        .channel-container .tab-header .tab-item.discover::before {
          position: absolute;
          top: 1px;
          left: 0;
          display: inline-block;
          color: #828992 !important;
          content: '|' !important;
          -webkit-transform: scaleY(1.4);
          -ms-transform: scaleY(1.4);
          transform: scaleY(1.4); }
      .channel-container .tab-header .tab-item.archive-tab {
        float: right;
        line-height: 50px; }
  .channel-container .channel-list .channel-list-scroll {
    height: 100%; }
  .channel-container .channel-list .ant-collapse {
    border: none; }
  .channel-container .channel-list .ant-collapse-item-active .friend-icon-cos {
    -webkit-transform: rotate(90deg) scale(0.5);
        -ms-transform: rotate(90deg) scale(0.5);
            transform: rotate(90deg) scale(0.5); }
  .channel-container .channel-list .ant-collapse-content {
    border-top: 0; }
  .channel-container .channel-list .ant-collapse-content-box {
    padding: 0 !important; }
  .channel-container .channel-list .ant-collapse-item {
    background: #fff;
    border: none; }
    .channel-container .channel-list .ant-collapse-item:hover {
      background: #f3f4f6; }
  .channel-container .channel-list .friend-icon-cos {
    display: inline-block;
    font-size: 16px;
    color: #828992;
    vertical-align: middle;
    -webkit-transform: scale(0.5);
        -ms-transform: scale(0.5);
            transform: scale(0.5); }
  .channel-container .channel-list .ant-collapse-header {
    height: 40px;
    padding: 0 20px;
    font-size: 14px;
    line-height: 40px;
    color: #222;
    background-color: #fff;
    position: -webkit-sticky;
    position: sticky;
    top: 0; }
  .channel-container .channel-list .ant-collapse-arrow {
    display: none !important; }
  .channel-container .channel-tab {
    height: calc(100% - 50px); }
    .channel-container .channel-tab .ant-tabs-content {
      height: 100%; }
    .channel-container .channel-tab .ant-tabs-content-animated {
      -webkit-transition: opacity 0.3s linear;
      -o-transition: opacity 0.3s linear;
      transition: opacity 0.3s linear; }

.channel-item {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
  -ms-flex-align: center;
      align-items: center;
  height: 60px;
  padding-right: 20px;
  padding-left: 20px;
  cursor: pointer; }
  .channel-item .avatar {
    width: 38px;
    height: 38px;
    margin-right: 10px;
    vertical-align: middle;
    border-radius: 50%; }
  .channel-item .channel-text {
    display: inline-block;
    max-width: calc(100% - 100px); }
    .channel-item .channel-text .domain-name {
      font-size: 12px;
      color: #828992; }
  .channel-item .name {
    display: inline-block;
    max-width: 95%;
    font-size: 14px;
    color: #222;
    vertical-align: middle; }
  .channel-item .member-count {
    font-size: 14px;
    color: #828992;
    vertical-align: middle; }
  .channel-item:hover {
    background: #f3f4f6; }

.channel-list {
  height: calc(100% - 40px); }
  .channel-list .empty {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
        flex-direction: column;
    -ms-flex-align: center;
        align-items: center;
    -ms-flex-pack: center;
        justify-content: center;
    margin-top: 92px;
    text-align: center; }
    .channel-list .empty img {
      width: 105px;
      height: 94px;
      margin-bottom: 20px; }
    .channel-list .empty .icon {
      font-size: 76px;
      color: #6f72af; }
    .channel-list .empty .desc-text {
      max-width: 370px;
      font-size: 12px;
      color: #828992; }
    .channel-list .empty .create-btn {
      margin: 0 4px;
      color: #00acdc;
      text-decoration: none; }

.unarchive .channel-empty-tip,
.archived .channel-empty-tip {
  margin: 30px 0 30px 35px;
  color: #828992; }
  .unarchive .channel-empty-tip .desc-text,
  .archived .channel-empty-tip .desc-text {
    margin: 0 5px;
    color: #00acdc;
    cursor: pointer; }
    .unarchive .channel-empty-tip .desc-text .create-btn,
    .archived .channel-empty-tip .desc-text .create-btn {
      color: #00acdc; }

.bot-wrap {
  height: calc(100% - 36px); }
  .bot-wrap .bot-header {
    height: 36px;
    line-height: 36px;
    padding-left: 20px;
    padding-right: 20px;
    border-bottom: 1px solid #eaedf1; }
    .bot-wrap .bot-header .label {
      font-size: 14px;
      color: #222222; }
    .bot-wrap .bot-header .discover-more {
      font-size: 14px;
      color: #222222;
      float: right;
      cursor: pointer; }
  .bot-wrap .bot-content .empty-bots,
  .bot-wrap .discover-content .empty-bots {
    text-align: center;
    margin-top: 150px; }
    .bot-wrap .bot-content .empty-bots .empty-desc-text,
    .bot-wrap .discover-content .empty-bots .empty-desc-text {
      max-width: initial; }
    .bot-wrap .bot-content .empty-bots img,
    .bot-wrap .discover-content .empty-bots img {
      width: 174px; }
  .bot-wrap .bot-content .item,
  .bot-wrap .bot-content .discover-item,
  .bot-wrap .discover-content .item,
  .bot-wrap .discover-content .discover-item {
    height: 60px;
    display: -ms-flexbox;
    display: flex;
    cursor: pointer; }
    .bot-wrap .bot-content .item:hover,
    .bot-wrap .bot-content .discover-item:hover,
    .bot-wrap .discover-content .item:hover,
    .bot-wrap .discover-content .discover-item:hover {
      background: #f3f4f6; }
    .bot-wrap .bot-content .item .img-wrap,
    .bot-wrap .bot-content .discover-item .img-wrap,
    .bot-wrap .discover-content .item .img-wrap,
    .bot-wrap .discover-content .discover-item .img-wrap {
      -ms-flex: none;
          flex: none;
      cursor: pointer;
      margin-left: 20px;
      width: 38px;
      height: 38px;
      border-radius: 50%;
      background: #ececec;
      position: absolute;
      margin-top: 12px; }
      .bot-wrap .bot-content .item .img-wrap img,
      .bot-wrap .bot-content .discover-item .img-wrap img,
      .bot-wrap .discover-content .item .img-wrap img,
      .bot-wrap .discover-content .discover-item .img-wrap img {
        width: 38px;
        height: 38px;
        border-radius: 50%; }
    .bot-wrap .bot-content .item .middle-content,
    .bot-wrap .bot-content .discover-item .middle-content,
    .bot-wrap .discover-content .item .middle-content,
    .bot-wrap .discover-content .discover-item .middle-content {
      margin-left: 8px;
      display: inline-block;
      margin-left: 66px;
      margin-top: 10px;
      padding-right: 16px;
      -ms-flex: 1 1;
          flex: 1 1;
      overflow: hidden; }
      .bot-wrap .bot-content .item .middle-content .bot-name-line .bot-name,
      .bot-wrap .bot-content .discover-item .middle-content .bot-name-line .bot-name,
      .bot-wrap .discover-content .item .middle-content .bot-name-line .bot-name,
      .bot-wrap .discover-content .discover-item .middle-content .bot-name-line .bot-name {
        font-size: 14px;
        color: #222222;
        vertical-align: middle;
        white-space: nowrap;
        width: 100%;
        overflow: hidden;
        -o-text-overflow: ellipsis;
           text-overflow: ellipsis; }
      .bot-wrap .bot-content .item .middle-content .bot-name-line .team-label,
      .bot-wrap .bot-content .discover-item .middle-content .bot-name-line .team-label,
      .bot-wrap .discover-content .item .middle-content .bot-name-line .team-label,
      .bot-wrap .discover-content .discover-item .middle-content .bot-name-line .team-label {
        display: inline-block;
        max-width: 140px;
        height: 16px;
        padding: 0 4px;
        font-size: 12px;
        font-weight: 400;
        line-height: 14px;
        color: #828992;
        border: 1px solid #ccc;
        border-radius: 3px;
        margin-left: 4px;
        overflow: hidden;
        -o-text-overflow: ellipsis;
           text-overflow: ellipsis;
        white-space: nowrap;
        vertical-align: middle; }
      .bot-wrap .bot-content .item .middle-content .bot-name-line .bot-label,
      .bot-wrap .bot-content .discover-item .middle-content .bot-name-line .bot-label,
      .bot-wrap .discover-content .item .middle-content .bot-name-line .bot-label,
      .bot-wrap .discover-content .discover-item .middle-content .bot-name-line .bot-label {
        background-image: -webkit-linear-gradient(224deg, #7eb7ff 0%, #4880ff 100%);
        background-image: -o-linear-gradient(224deg, #7eb7ff 0%, #4880ff 100%);
        background-image: linear-gradient(226deg, #7eb7ff 0%, #4880ff 100%);
        border-radius: 50%;
        display: inline-block;
        width: 17px;
        height: 17px;
        line-height: 16px;
        white-space: nowrap;
        vertical-align: initial;
        margin-left: 4px;
        padding-left: 1px;
        border: 1px solid #ffffff; }
        .bot-wrap .bot-content .item .middle-content .bot-name-line .bot-label .bot-icon,
        .bot-wrap .bot-content .discover-item .middle-content .bot-name-line .bot-label .bot-icon,
        .bot-wrap .discover-content .item .middle-content .bot-name-line .bot-label .bot-icon,
        .bot-wrap .discover-content .discover-item .middle-content .bot-name-line .bot-label .bot-icon {
          color: #fff;
          display: inline-block;
          font-size: 12px;
          -webkit-transform: scale(0.8);
              -ms-transform: scale(0.8);
                  transform: scale(0.8);
          vertical-align: bottom; }
      .bot-wrap .bot-content .item .middle-content .bot-desc,
      .bot-wrap .bot-content .discover-item .middle-content .bot-desc,
      .bot-wrap .discover-content .item .middle-content .bot-desc,
      .bot-wrap .discover-content .discover-item .middle-content .bot-desc {
        white-space: nowrap;
        width: 100%;
        overflow: hidden;
        -o-text-overflow: ellipsis;
           text-overflow: ellipsis; }
    .bot-wrap .bot-content .item .right-btn,
    .bot-wrap .bot-content .discover-item .right-btn,
    .bot-wrap .discover-content .item .right-btn,
    .bot-wrap .discover-content .discover-item .right-btn {
      float: right;
      margin-right: 30px;
      margin-top: 15px; }
      .bot-wrap .bot-content .item .right-btn .enter,
      .bot-wrap .bot-content .discover-item .right-btn .enter,
      .bot-wrap .discover-content .item .right-btn .enter,
      .bot-wrap .discover-content .discover-item .right-btn .enter {
        width: 60px;
        min-height: 30px;
        text-align: center;
        display: inline-block;
        line-height: 30px; }
      .bot-wrap .bot-content .item .right-btn .btn,
      .bot-wrap .bot-content .discover-item .right-btn .btn,
      .bot-wrap .discover-content .item .right-btn .btn,
      .bot-wrap .discover-content .discover-item .right-btn .btn {
        width: 60px;
        min-height: 30px;
        text-align: center;
        border: 1px solid #fe6a49;
        font-size: 14px;
        color: #f9784e; }

.media-index {
  height: 100%; }
  .media-index .ant-tabs,
  .media-index .ant-tabs-content {
    height: 100%; }
  .media-index .ant-tabs,
  .media-index .ant-tabs-content-animated {
    -webkit-transition: opacity 0.3s linear 0s !important;
    -o-transition: opacity 0.3s linear 0s !important;
    transition: opacity 0.3s linear 0s !important; }
  .media-index .ant-tabs-bar {
    display: none; }
  .media-index .header {
    position: relative;
    height: 36px;
    padding-left: 20px;
    font-size: 14px;
    line-height: 36px;
    color: #222;
    border-bottom: 1px solid #ebebeb;
    font-weight: 500; }
    .media-index .header .operate {
      position: absolute;
      top: 0;
      right: 20px;
      font-weight: 400; }
      .media-index .header .operate .discover,
      .media-index .header .operate .manage {
        cursor: pointer; }
      .media-index .header .operate .red-point {
        display: inline-block;
        width: 6px;
        height: 6px;
        margin-left: 6px;
        vertical-align: middle;
        background: #ec5233;
        border-radius: 50%; }
      .media-index .header .operate .split {
        display: inline-block;
        width: 1px;
        height: 27px;
        margin: 0 12px;
        vertical-align: middle;
        background: #e1e1e1; }
  .media-index .body {
    height: calc(100% - 50px); }
    .media-index .body .list {
      height: 100%; }
    .media-index .body .load-failed {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-align: center;
          align-items: center;
      -ms-flex-pack: center;
          justify-content: center;
      width: 100%;
      height: 100%; }
      .media-index .body .load-failed .retry {
        color: #00acdc;
        cursor: pointer; }
    .media-index .body .empty {
      width: 100%;
      margin-top: 92px;
      font-size: 13px;
      color: #828992;
      text-align: center; }
      .media-index .body .empty .img {
        margin-bottom: 20px; }
      .media-index .body .empty .discover {
        color: #00acdc;
        cursor: pointer; }

.friend-list-page {
  height: calc(100% - 90px); }
  .friend-list-page .friend-list-page-header {
    height: 36px;
    padding-left: 20px;
    font-size: 14px;
    line-height: 36px;
    color: #222;
    background: #fff;
    border-bottom: 1px solid #eaedf1;
    font-weight: 500; }
    .friend-list-page .friend-list-page-header .friend-add-grouping {
      float: right;
      margin-right: 14px;
      color: #fe6a49;
      cursor: pointer; }
  .friend-list-page .friend-collapse-item {
    height: 40px;
    padding-left: 17.5px;
    line-height: 40px;
    cursor: pointer;
    background: #f7f7f7; }
    .friend-list-page .friend-collapse-item:hover {
      background-color: #f7f7f7; }
    .friend-list-page .friend-collapse-item .friend-icon {
      display: inline-block;
      color: #828992;
      vertical-align: middle;
      -webkit-transform: scale(0.6);
          -ms-transform: scale(0.6);
              transform: scale(0.6);
      -webkit-transform-origin: 50% 50%;
          -ms-transform-origin: 50% 50%;
              transform-origin: 50% 50%; }
    .friend-list-page .friend-collapse-item .friend-group-name {
      font-size: 13px;
      color: #222; }
  .friend-list-page .new-friend-collapse-item {
    height: 40px;
    padding-left: 17.5px;
    line-height: 40px;
    cursor: pointer;
    background: #ebebeb; }
    .friend-list-page .new-friend-collapse-item .new-friend-icon {
      display: inline-block;
      font-size: 16px;
      color: #828992;
      vertical-align: middle;
      -webkit-transform: scale(0.5);
          -ms-transform: scale(0.5);
              transform: scale(0.5); }
    .friend-list-page .new-friend-collapse-item .add-loading {
      margin-right: 5px;
      font-size: 12px !important; }
  .friend-list-page .friend-group-name {
    display: inline-block;
    margin-left: 8px;
    font-size: 13px;
    color: #222; }
  .friend-list-page .empty {
    margin-top: 92px;
    text-align: center; }
    .friend-list-page .empty .empty-img {
      margin-top: -20px;
      width: 180px;
      margin-bottom: -14px; }
    .friend-list-page .empty .icon {
      font-size: 76px;
      color: #6f72af; }
    .friend-list-page .empty .desc-text {
      font-size: 12px;
      color: #828992; }
    .friend-list-page .empty .create-btn {
      margin: 0 4px; }
  .friend-list-page .friend-list-page-body {
    height: 100%;
    font-weight: 400; }
    .friend-list-page .friend-list-page-body .friend-list-wrap .friend-list-item {
      position: relative;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-align: center;
          align-items: center;
      height: 60px;
      padding-left: 20px;
      font-size: 14px;
      color: #222;
      background: #fff; }
      .friend-list-page .friend-list-page-body .friend-list-wrap .friend-list-item .friend-online-status {
        font-size: 12px;
        color: #828992; }
      .friend-list-page .friend-list-page-body .friend-list-wrap .friend-list-item:hover {
        cursor: pointer;
        background-color: #f3f4f6; }
        .friend-list-page .friend-list-page-body .friend-list-wrap .friend-list-item:hover .move-to,
        .friend-list-page .friend-list-page-body .friend-list-wrap .friend-list-item:hover .delete-friend-group {
          display: inline-block !important; }
      .friend-list-page .friend-list-page-body .friend-list-wrap .friend-list-item .online-wrap {
        position: absolute;
        top: 34px;
        left: 47px; }
      .friend-list-page .friend-list-page-body .friend-list-wrap .friend-list-item > img {
        width: 38px;
        height: 38px;
        vertical-align: middle;
        cursor: pointer;
        border-radius: 50%; }
      .friend-list-page .friend-list-page-body .friend-list-wrap .friend-list-item .qt-avatar {
        width: 38px;
        height: 38px; }
      .friend-list-page .friend-list-page-body .friend-list-wrap .friend-list-item .move-quick-icon {
        display: inline-block;
        color: #828992;
        vertical-align: middle;
        -webkit-transform: scale(0.6) rotate(-90deg);
            -ms-transform: scale(0.6) rotate(-90deg);
                transform: scale(0.6) rotate(-90deg);
        -webkit-transform-origin: 50% 50%;
            -ms-transform-origin: 50% 50%;
                transform-origin: 50% 50%; }
      .friend-list-page .friend-list-page-body .friend-list-wrap .friend-list-item .move-to {
        display: none;
        margin-right: 16px;
        font-size: 12px;
        color: #5d6470; }
        .friend-list-page .friend-list-page-body .friend-list-wrap .friend-list-item .move-to:hover {
          color: #fe6a49; }
          .friend-list-page .friend-list-page-body .friend-list-wrap .friend-list-item .move-to:hover .move-quick-icon {
            -webkit-transform: scale(0.6) rotate(0deg);
                -ms-transform: scale(0.6) rotate(0deg);
                    transform: scale(0.6) rotate(0deg); }
        .friend-list-page .friend-list-page-body .friend-list-wrap .friend-list-item .move-to .ant-popover-inner-content {
          overflow: hidden;
          -o-text-overflow: ellipsis;
             text-overflow: ellipsis;
          white-space: nowrap; }
        .friend-list-page .friend-list-page-body .friend-list-wrap .friend-list-item .move-to .nicescroll-container {
          max-height: 230px !important;
          padding-bottom: 0 !important; }
        .friend-list-page .friend-list-page-body .friend-list-wrap .friend-list-item .move-to .no-group {
          color: #222; }
          .friend-list-page .friend-list-page-body .friend-list-wrap .friend-list-item .move-to .no-group:hover {
            color: #222; }
      .friend-list-page .friend-list-page-body .friend-list-wrap .friend-list-item .delete-friend-group {
        display: none;
        font-size: 12px;
        color: #5d6470; }
        .friend-list-page .friend-list-page-body .friend-list-wrap .friend-list-item .delete-friend-group:hover {
          color: #fe6a49;
          cursor: pointer; }
    .friend-list-page .friend-list-page-body .friend-list-wrap .ant-collapse-content {
      padding: 0 !important;
      overflow: initial !important;
      border: 0 !important; }
    .friend-list-page .friend-list-page-body .friend-list-wrap .ant-collapse-content-box {
      padding: 0 !important;
      border: 0 !important; }
    .friend-list-page .friend-list-page-body .friend-list-wrap .ant-collapse-item {
      border: 0 !important; }
      .friend-list-page .friend-list-page-body .friend-list-wrap .ant-collapse-item .ant-collapse-header {
        padding: 9px 0 9px 16px;
        background: #fff;
        position: -webkit-sticky;
        position: sticky;
        top: 0px;
        z-index: 10; }
        .friend-list-page .friend-list-page-body .friend-list-wrap .ant-collapse-item .ant-collapse-header:hover {
          background-color: #f3f4f6; }
      .friend-list-page .friend-list-page-body .friend-list-wrap .ant-collapse-item .arrow {
        display: none; }
      .friend-list-page .friend-list-page-body .friend-list-wrap .ant-collapse-item .ant-collapse-arrow {
        display: none; }
    .friend-list-page .friend-list-page-body .friend-list-wrap .ant-collapse-item-active .rotate-icon {
      display: inline-block;
      -webkit-transform: rotate(90deg);
          -ms-transform: rotate(90deg);
              transform: rotate(90deg); }
    .friend-list-page .friend-list-page-body .friend-list-wrap .friend-icon-cos {
      display: inline-block;
      font-size: 16px;
      color: #828992;
      vertical-align: middle;
      -webkit-transform: scale(0.5);
          -ms-transform: scale(0.5);
              transform: scale(0.5); }
    .friend-list-page .friend-list-page-body .friend-list-wrap .rotate-icon {
      display: inline-block; }
  .friend-list-page .failed {
    height: 200px;
    line-height: 200px;
    text-align: center; }
    .friend-list-page .failed .retry {
      color: #00acdc;
      cursor: pointer; }
  .friend-list-page .nicescroll-container {
    height: 100%; }

.quick-contact-list-page {
  height: calc(100% - 90px); }
  .quick-contact-list-page .quick-contact-list-page-header {
    height: 36px;
    padding-left: 20px;
    font-size: 14px;
    line-height: 36px;
    color: #222;
    border-bottom: 1px solid #eaedf1;
    font-weight: 500; }
    .quick-contact-list-page .quick-contact-list-page-header .quick-add-grouping {
      float: right;
      margin-right: 14px;
      color: #fe6a49;
      cursor: pointer; }
  .quick-contact-list-page .new-quick-collapse-item {
    height: 40px;
    padding-left: 17.5px;
    line-height: 40px;
    cursor: pointer;
    background: #ebebeb; }
    .quick-contact-list-page .new-quick-collapse-item .new-quick-icon {
      display: inline-block;
      margin-right: 8px;
      color: #828992;
      vertical-align: middle;
      -webkit-transform: scale(0.6);
          -ms-transform: scale(0.6);
              transform: scale(0.6);
      -webkit-transform-origin: 50% 50%;
          -ms-transform-origin: 50% 50%;
              transform-origin: 50% 50%; }
    .quick-contact-list-page .new-quick-collapse-item .add-loading {
      margin-right: 5px;
      font-size: 12px !important; }
  .quick-contact-list-page .new-collapse-item {
    height: 40px;
    padding-left: 17.5px;
    line-height: 40px;
    cursor: pointer;
    background: #ebebeb; }
    .quick-contact-list-page .new-collapse-item .new-quick-icon {
      display: inline-block;
      margin-right: 8px;
      color: #828992;
      vertical-align: middle;
      -webkit-transform: scale(0.6);
          -ms-transform: scale(0.6);
              transform: scale(0.6);
      -webkit-transform-origin: 50% 50%;
          -ms-transform-origin: 50% 50%;
              transform-origin: 50% 50%; }
  .quick-contact-list-page .quick-group-name {
    display: inline-block;
    margin-left: 8px;
    font-size: 13px;
    color: #222; }
  .quick-contact-list-page .empty {
    margin-top: 92px;
    text-align: center; }
    .quick-contact-list-page .empty .icon {
      font-size: 76px;
      color: #6f72af; }
    .quick-contact-list-page .empty .desc-text {
      font-size: 12px;
      color: #828992; }
    .quick-contact-list-page .empty .create-btn {
      margin: 0 4px;
      text-decoration: underline; }
  .quick-contact-list-page .quick-contact-list-page-body {
    height: 100%; }
    .quick-contact-list-page .quick-contact-list-page-body .quick-contact-wrap .quick-contact-list-item {
      position: relative;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-align: center;
          align-items: center;
      height: 60px;
      padding-left: 20px;
      font-size: 14px;
      background: #fff; }
      .quick-contact-list-page .quick-contact-list-page-body .quick-contact-wrap .quick-contact-list-item .quick-online-status {
        font-size: 12px;
        color: #828992; }
      .quick-contact-list-page .quick-contact-list-page-body .quick-contact-wrap .quick-contact-list-item:hover {
        cursor: pointer;
        background-color: #f3f4f6; }
        .quick-contact-list-page .quick-contact-list-page-body .quick-contact-wrap .quick-contact-list-item:hover .move-to,
        .quick-contact-list-page .quick-contact-list-page-body .quick-contact-wrap .quick-contact-list-item:hover .cancel-mark {
          display: inline-block !important; }
      .quick-contact-list-page .quick-contact-list-page-body .quick-contact-wrap .quick-contact-list-item .online-wrap {
        position: absolute;
        top: 34px;
        left: 47px; }
      .quick-contact-list-page .quick-contact-list-page-body .quick-contact-wrap .quick-contact-list-item > img {
        width: 38px;
        height: 38px;
        vertical-align: middle;
        cursor: pointer;
        border-radius: 50%; }
      .quick-contact-list-page .quick-contact-list-page-body .quick-contact-wrap .quick-contact-list-item .qt-avatar {
        width: 38px;
        height: 38px; }
      .quick-contact-list-page .quick-contact-list-page-body .quick-contact-wrap .quick-contact-list-item .move-to {
        display: none;
        margin-right: 16px;
        font-size: 12px;
        color: #5d6470; }
        .quick-contact-list-page .quick-contact-list-page-body .quick-contact-wrap .quick-contact-list-item .move-to:hover {
          color: #fe6a49; }
          .quick-contact-list-page .quick-contact-list-page-body .quick-contact-wrap .quick-contact-list-item .move-to:hover .move-quick-icon {
            -webkit-transform: scale(0.6) rotate(0deg);
                -ms-transform: scale(0.6) rotate(0deg);
                    transform: scale(0.6) rotate(0deg); }
        .quick-contact-list-page .quick-contact-list-page-body .quick-contact-wrap .quick-contact-list-item .move-to .ant-popover-inner-content {
          overflow: hidden;
          -o-text-overflow: ellipsis;
             text-overflow: ellipsis;
          white-space: nowrap; }
        .quick-contact-list-page .quick-contact-list-page-body .quick-contact-wrap .quick-contact-list-item .move-to .nicescroll-container {
          max-height: 230px !important;
          padding-bottom: 0 !important; }
        .quick-contact-list-page .quick-contact-list-page-body .quick-contact-wrap .quick-contact-list-item .move-to .no-group {
          color: #222; }
          .quick-contact-list-page .quick-contact-list-page-body .quick-contact-wrap .quick-contact-list-item .move-to .no-group:hover {
            color: #222; }
      .quick-contact-list-page .quick-contact-list-page-body .quick-contact-wrap .quick-contact-list-item .cancel-mark {
        display: none;
        font-size: 12px;
        color: #5d6470; }
        .quick-contact-list-page .quick-contact-list-page-body .quick-contact-wrap .quick-contact-list-item .cancel-mark:hover {
          color: #fe6a49;
          cursor: pointer; }
      .quick-contact-list-page .quick-contact-list-page-body .quick-contact-wrap .quick-contact-list-item .move-quick-icon {
        display: inline-block;
        color: #828992;
        vertical-align: middle;
        -webkit-transform: scale(0.6) rotate(-90deg);
            -ms-transform: scale(0.6) rotate(-90deg);
                transform: scale(0.6) rotate(-90deg);
        -webkit-transform-origin: 50% 50%;
            -ms-transform-origin: 50% 50%;
                transform-origin: 50% 50%; }
    .quick-contact-list-page .quick-contact-list-page-body .quick-contact-wrap .ant-collapse-content {
      padding: 0 !important;
      overflow: initial !important;
      border: 0 !important; }
    .quick-contact-list-page .quick-contact-list-page-body .quick-contact-wrap .ant-collapse-content-box {
      padding: 0 !important;
      border: 0 !important; }
    .quick-contact-list-page .quick-contact-list-page-body .quick-contact-wrap .ant-collapse-item {
      border: 0 !important; }
      .quick-contact-list-page .quick-contact-list-page-body .quick-contact-wrap .ant-collapse-item .arrow {
        display: none; }
      .quick-contact-list-page .quick-contact-list-page-body .quick-contact-wrap .ant-collapse-item .ant-collapse-arrow {
        display: none; }
      .quick-contact-list-page .quick-contact-list-page-body .quick-contact-wrap .ant-collapse-item .ant-collapse-header {
        padding: 9px 0 9px 16px;
        background: #fff;
        position: -webkit-sticky;
        position: sticky;
        top: 0px;
        z-index: 10; }
        .quick-contact-list-page .quick-contact-list-page-body .quick-contact-wrap .ant-collapse-item .ant-collapse-header:hover {
          background-color: #f3f4f6; }
    .quick-contact-list-page .quick-contact-list-page-body .quick-contact-wrap .ant-collapse-item-active .rotate-icon {
      display: inline-block;
      -webkit-transform: rotate(90deg);
          -ms-transform: rotate(90deg);
              transform: rotate(90deg); }
    .quick-contact-list-page .quick-contact-list-page-body .quick-contact-wrap .quick-icon-cos {
      display: inline-block;
      font-size: 16px;
      color: #828992;
      vertical-align: middle;
      -webkit-transform: scale(0.5);
          -ms-transform: scale(0.5);
              transform: scale(0.5); }
    .quick-contact-list-page .quick-contact-list-page-body .quick-contact-wrap .rotate-icon {
      display: inline-block;
      -webkit-transform: rotate(0deg);
          -ms-transform: rotate(0deg);
              transform: rotate(0deg); }
    .quick-contact-list-page .quick-contact-list-page-body .failed {
      height: 200px;
      line-height: 200px;
      text-align: center; }
      .quick-contact-list-page .quick-contact-list-page-body .failed .retry {
        color: #00acdc;
        cursor: pointer; }
  .quick-contact-list-page .nicescroll-container {
    height: 100%; }
  .quick-contact-list-page .empty-img {
    margin-bottom: 20px; }

.contact-content-container {
  position: absolute;
  left: 253px;
  width: calc(100% - 253px);
  height: 100%;
  font-weight: 400;
  background: #fff; }
  .contact-content-container .center-logo {
    position: absolute;
    top: 55%;
    left: 50%;
    margin: -126px 0 0 -90px;
    font-size: 14px;
    color: #828992; }
    .contact-content-container .center-logo .center-img {
      width: 190px; }

.contact-list-container {
  position: absolute;
  left: 0;
  z-index: 10;
  width: 253px;
  height: 100%;
  background-color: #f9fafc;
  border-right: 1px solid #e1e1e1; }
  .contact-list-container .session-contact-search {
    width: 167px;
    margin: 10px; }
  .contact-list-container .addChannel {
    font-size: 16px; }

.search-item {
  display: -ms-flexbox;
  display: flex;
  height: 46px;
  padding: 0 0 0 11px !important;
  line-height: 46px;
  cursor: pointer; }
  .search-item:hover {
    background-color: #f3f4f6; }
  .search-item .avatar {
    display: inline-block;
    width: 30px !important;
    height: 30px;
    line-height: 24px;
    text-align: center;
    vertical-align: middle;
    background-repeat: no-repeat; }
  .search-item .name {
    display: inline-block;
    width: 180px;
    overflow: hidden;
    font-size: 13px;
    color: #222 !important;
    text-align: left;
    -o-text-overflow: ellipsis;
       text-overflow: ellipsis;
    white-space: nowrap;
    vertical-align: middle; }
  .search-item .assistant-name {
    width: 180px; }

.chat-search-list-index {
  height: 100%;
  padding: 0 !important;
  overflow: hidden;
  font-weight: 400;
  border: none;
  outline: none; }
  .chat-search-list-index .search-history-wrap {
    padding: 15px 20px; }
    .chat-search-list-index .search-history-wrap .search-history-title {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-pack: justify;
          justify-content: space-between;
      -ms-flex-align: center;
          align-items: center;
      font-size: 12px;
      color: #828992;
      line-height: 12px; }
      .chat-search-list-index .search-history-wrap .search-history-title .search-history-clear {
        cursor: pointer;
        color: #525c6c; }
        .chat-search-list-index .search-history-wrap .search-history-title .search-history-clear:hover {
          color: #fe6a49; }
    .chat-search-list-index .search-history-wrap .search-history-list {
      margin-top: 5px; }
      .chat-search-list-index .search-history-wrap .search-history-list .search-history-item {
        margin-top: 10px;
        display: -ms-inline-flexbox;
        display: inline-flex;
        margin-right: 10px;
        cursor: pointer;
        padding: 0px 4px;
        height: 20px;
        line-height: 20px;
        text-align: center;
        background: #f3f4f6;
        border-radius: 4px;
        font-size: 12px;
        color: #5d6470; }
        .chat-search-list-index .search-history-wrap .search-history-list .search-history-item:hover {
          color: #fe6a49; }
  .chat-search-list-index .search-loading-wrap {
    height: 60px;
    line-height: 60px;
    color: #828992;
    text-align: center;
    vertical-align: middle; }
    .chat-search-list-index .search-loading-wrap .center-loading {
      top: 10px;
      left: 74px !important;
      text-align: center;
      -webkit-transform: scale(0.6) !important;
          -ms-transform: scale(0.6) !important;
              transform: scale(0.6) !important; }
  .chat-search-list-index .loading-more-div {
    display: inline-block;
    width: 34px;
    height: 34px; }
  .chat-search-list-index .sort-type {
    height: 25px;
    padding-left: 22px;
    line-height: 25px;
    color: #fe6a49;
    border-bottom: 1px solid #d2d2d2; }
  .chat-search-list-index .not-match {
    display: block;
    height: 46px;
    line-height: 46px;
    color: #b4b4bd !important;
    text-align: center; }
  .chat-search-list-index .search-item {
    display: -ms-flexbox;
    display: flex;
    height: 46px;
    padding: 0 0 0 11px !important;
    line-height: 46px;
    cursor: pointer; }
    .chat-search-list-index .search-item:hover {
      background-color: #f3f4f6; }
    .chat-search-list-index .search-item .avatar {
      display: inline-block;
      width: 30px !important;
      height: 30px;
      margin-top: 8px;
      margin-right: 5px;
      line-height: 24px;
      text-align: center;
      vertical-align: middle;
      background-repeat: no-repeat; }
    .chat-search-list-index .search-item .qt-channel-avatar,
    .chat-search-list-index .search-item .search-assistant-avatar {
      margin-top: 0 !important; }
    .chat-search-list-index .search-item .name {
      display: inline-block;
      width: 180px;
      overflow: hidden;
      font-size: 13px;
      color: #222 !important;
      text-align: left;
      -o-text-overflow: ellipsis;
         text-overflow: ellipsis;
      white-space: nowrap;
      vertical-align: middle; }
      .chat-search-list-index .search-item .name .bot-label {
        background-image: -webkit-linear-gradient(224deg, #7eb7ff 0%, #4880ff 100%);
        background-image: -o-linear-gradient(224deg, #7eb7ff 0%, #4880ff 100%);
        background-image: linear-gradient(226deg, #7eb7ff 0%, #4880ff 100%);
        border-radius: 50%;
        display: inline-block;
        width: 17px;
        height: 17px;
        line-height: 16px;
        white-space: nowrap;
        vertical-align: initial;
        margin-left: 4px;
        padding-left: 1px;
        border: 1px solid #ffffff; }
        .chat-search-list-index .search-item .name .bot-label .bot-icon {
          color: #fff;
          display: inline-block;
          font-size: 12px;
          -webkit-transform: scale(0.8);
              -ms-transform: scale(0.8);
                  transform: scale(0.8);
          vertical-align: bottom; }
    .chat-search-list-index .search-item .channel-name {
      width: 180px; }
    .chat-search-list-index .search-item .item-collaboration {
      line-height: 30px; }
    .chat-search-list-index .search-item .item-domain-name {
      display: block;
      width: 180px;
      margin-top: -15px;
      overflow: hidden;
      -o-text-overflow: ellipsis;
         text-overflow: ellipsis;
      white-space: nowrap; }
  .chat-search-list-index .contact-item {
    display: -ms-flexbox;
    display: flex;
    padding: 0 0 0 11px !important;
    cursor: pointer; }
    .chat-search-list-index .contact-item:hover {
      background-color: #f3f4f6; }
    .chat-search-list-index .contact-item .avatar {
      width: 30px;
      height: 30px;
      margin-top: 8px;
      margin-right: 5px;
      line-height: 24px;
      text-align: center;
      vertical-align: middle;
      background-repeat: no-repeat;
      border-radius: 50%; }
    .chat-search-list-index .contact-item .user-name {
      display: inline-block;
      width: 180px;
      overflow: hidden;
      font-size: 13px;
      color: #222 !important;
      text-align: left;
      -o-text-overflow: ellipsis;
         text-overflow: ellipsis;
      white-space: nowrap; }
    .chat-search-list-index .contact-item .user-name-middle {
      line-height: 34px; }
    .chat-search-list-index .contact-item .user-detail {
      display: inline-block;
      width: 180px;
      overflow: hidden;
      font-size: 12px;
      color: #828992;
      -o-text-overflow: ellipsis;
         text-overflow: ellipsis;
      white-space: nowrap;
      vertical-align: middle; }
    .chat-search-list-index .contact-item .contact-info {
      margin-top: 6px;
      margin-bottom: 6px; }
  .chat-search-list-index .line {
    height: 1px;
    border-bottom: 1px solid #ebebeb; }
  .chat-search-list-index .chat-search-item {
    height: 40px;
    font-size: 14px;
    font-weight: 400;
    line-height: 40px;
    color: #222;
    cursor: pointer; }
    .chat-search-list-index .chat-search-item:hover {
      color: #fe6a49;
      background-color: #f3f4f6; }
      .chat-search-list-index .chat-search-item:hover .chat-search-item-icon {
        color: #fe6a49; }
  .chat-search-list-index .chat-search-item-icon {
    margin-left: 20px;
    font-size: 18px;
    color: #828992;
    vertical-align: middle; }
  .chat-search-list-index .chat-search-item-title {
    margin-left: 10px;
    vertical-align: middle; }
  .chat-search-list-index .search-file-text {
    margin-left: 7px; }
  .chat-search-list-index .search-nice-scroll {
    outline: none; }
  .chat-search-list-index .base-info {
    display: inline-block;
    max-width: 170px;
    overflow: hidden;
    -o-text-overflow: ellipsis;
       text-overflow: ellipsis;
    white-space: nowrap; }
  .chat-search-list-index .search-file-icon {
    margin-left: 18px; }

.file-search-empty {
  display: block;
  font-size: 12px;
  line-height: 30px;
  color: #828992;
  text-align: center; }

.search-item-focus {
  background-color: #f3f4f6; }

.full-search {
  width: 253px;
  height: 100%; }
  .full-search .session-contact-search {
    top: 12px;
    left: 14px;
    z-index: 90;
    width: 222px; }
  .full-search .chat-channel-name {
    width: 110px !important; }
  .full-search .chat-menu-content .dd-items-left {
    position: relative;
    height: 100% !important;
    margin-top: 5px;
    -webkit-transition: none !important;
    -o-transition: none !important;
    transition: none !important; }
  .full-search .chat-target-item {
    padding: 0 0 0 22px !important; }
  .full-search .ant-input-affix-wrapper:hover .ant-input:not(.ant-input-disabled) {
    border-color: #ebebeb; }
  .full-search .search-layer {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }
  .full-search .chat-full-search {
    position: absolute;
    z-index: 85;
    width: 253px;
    height: calc(100% - 42px);
    margin-top: 14px;
    background: #fff;
    border-radius: 5px;
    -webkit-box-shadow: 2px 2px 6px 0 rgba(170, 174, 177, 0.5);
            box-shadow: 2px 2px 6px 0 rgba(170, 174, 177, 0.5);
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s; }
    .full-search .chat-full-search .search-header-title {
      padding-left: 12px; }

.app-content-header {
  height: 50px;
  background: #fcfcfd;
  border-bottom: 1px solid #e4e7e9; }
  .app-content-header .header-middle-drag-bar {
    position: absolute;
    top: 0;
    right: 330px;
    left: 240px;
    display: inline-block;
    height: 50px; }
    .app-content-header .header-middle-drag-bar .header-drag {
      position: absolute;
      top: 0;
      display: inline-block;
      width: 100%;
      height: 100%; }
      .app-content-header .header-middle-drag-bar .header-drag .drag-box {
        position: absolute;
        top: 0;
        width: 100%;
        height: 100%; }

.projection-cut-icon {
  display: inline-block;
  margin-right: 15px;
  font-size: 16px;
  vertical-align: middle;
  cursor: pointer; }
  .projection-cut-icon:hover {
    color: #fe6a49; }

.projection-cut-icon.using {
  color: #fe6a49; }

.video-meeting-shot-cut {
  display: inline-block;
  height: 22px;
  margin-right: 20px;
  font-size: 21px;
  line-height: 22px;
  vertical-align: middle;
  cursor: pointer; }
  .video-meeting-shot-cut .qt-icon:hover {
    color: #fe6a49 !important; }

.task-list-icon {
  position: relative; }
  .task-list-icon .read-pt {
    position: absolute;
    top: 4px;
    right: 4px;
    display: inline-block;
    width: 6px;
    height: 6px;
    background: #fe6a49;
    border-radius: 50%; }

.task-short-cut {
  position: relative;
  margin-right: 24px;
  font-size: 16px; }
  .task-short-cut .short_cut-meeting {
    font-size: 16px;
    color: #828992; }
  .task-short-cut .unread-tip {
    position: absolute;
    top: -10px;
    bottom: 1px;
    left: 8px;
    display: inline-block;
    min-width: 28px;
    height: 28px;
    padding: 0 5px;
    font-size: 20px;
    font-weight: 400;
    line-height: 28px;
    color: #fff;
    text-align: center;
    background-color: #ec5233;
    border-radius: 14px;
    -webkit-transform: scale(0.5);
        -ms-transform: scale(0.5);
            transform: scale(0.5); }

.common-short-cut {
  margin-right: 20px;
  font-size: 18px; }
  .common-short-cut .short_cut-add {
    font-size: 16px;
    color: #828992; }

.short_cut-backstage {
  display: inline-block;
  margin-right: 20px;
  font-size: 16px;
  color: #828992;
  vertical-align: middle;
  cursor: pointer; }

.header-common-open-layer .ant-popover-inner-content {
  padding: 0 !important; }
  .header-common-open-layer .ant-popover-inner-content li {
    padding: 1em 1.5em;
    cursor: pointer; }
    .header-common-open-layer .ant-popover-inner-content li:hover {
      color: #fe6a49; }

.header-short-cut-container {
  position: absolute;
  top: 0;
  right: 0;
  max-width: calc(100% - 240px);
  height: 50px;
  padding-top: 14px;
  color: #828992; }
  .header-short-cut-container i[class*='icon'] {
    color: #828992 !important; }
  .header-short-cut-container .header-shor-cut {
    display: inline-block;
    height: 22px;
    line-height: 22px;
    vertical-align: middle;
    cursor: pointer; }
    .header-short-cut-container .header-shor-cut:hover {
      color: #fe6a49 !important; }
  .header-short-cut-container .header-shor-cut .qt-icon:hover {
    color: #fe6a49 !important; }
  .header-short-cut-container .short_cut-file {
    font-size: 17px; }

.chat-detail-assistant {
  width: 100%;
  height: 100%;
  padding-left: 20px; }
  .chat-detail-assistant .header {
    position: relative;
    height: 48px;
    line-height: 48px;
    border-bottom: 1px solid #ececec; }
    .chat-detail-assistant .header .title {
      font-size: 13px;
      color: #222; }
    .chat-detail-assistant .header .close {
      position: absolute;
      right: 20px;
      color: #828992;
      cursor: pointer; }
  .chat-detail-assistant .body {
    height: calc(100% - 50px); }
    .chat-detail-assistant .body .item {
      padding: 12px 0;
      border-bottom: 1px solid #eaedf1; }
      .chat-detail-assistant .body .item .item-title {
        margin-bottom: 6px;
        font-size: 14px;
        color: #333; }
      .chat-detail-assistant .body .item .nav-icon {
        float: right;
        margin-right: 20px;
        color: #828992;
        -webkit-transform: rotate(180deg);
            -ms-transform: rotate(180deg);
                transform: rotate(180deg); }
      .chat-detail-assistant .body .item .switch {
        float: right;
        margin-right: 20px; }
      .chat-detail-assistant .body .item.view-history {
        cursor: pointer; }
      .chat-detail-assistant .body .item.skill-center {
        cursor: pointer; }
    .chat-detail-assistant .body .assistant-avatar {
      position: relative;
      width: 38px;
      height: 38px;
      vertical-align: top;
      border-radius: 50%; }
    .chat-detail-assistant .body .assistant-right {
      display: inline-block;
      width: calc(100% - 67px);
      margin-left: 9px; }
    .chat-detail-assistant .body .name {
      margin-top: 11px;
      overflow: hidden;
      font-size: 13px;
      color: #222;
      -o-text-overflow: ellipsis;
         text-overflow: ellipsis;
      white-space: nowrap; }

.coll-detail {
  width: 100%;
  height: 100%;
  padding-left: 20px;
  font-size: 14px;
  color: #333; }
  .coll-detail .share-btn {
    position: absolute;
    top: 26px;
    right: 20px;
    cursor: pointer; }
    .coll-detail .share-btn .icon {
      margin-right: 7px;
      font-size: 16px;
      color: #fe6a49; }
      .coll-detail .share-btn .icon:hover {
        color: #fe6a49; }
  .coll-detail .coll-disable-tip {
    margin-top: 130px;
    margin-left: -20px;
    text-align: center; }
    .coll-detail .coll-disable-tip .icon {
      font-size: 60px;
      line-height: 60px;
      color: #faad14; }
    .coll-detail .coll-disable-tip .text {
      margin-top: 16px;
      font-size: 14px;
      color: #5d6470; }
  .coll-detail .ant-tabs-bar {
    display: none; }
  .coll-detail .header {
    position: relative;
    height: 52px;
    font-weight: 500;
    line-height: 52px; }
    .coll-detail .header .back {
      display: inline-block;
      color: #222;
      cursor: pointer; }
      .coll-detail .header .back .back-icon {
        margin-right: 6px;
        color: #222;
        cursor: pointer; }
      .coll-detail .header .back span {
        font-size: 12px; }
    .coll-detail .header .close {
      position: absolute;
      right: 20px;
      color: #828992;
      cursor: pointer; }
  .coll-detail .body {
    height: calc(100% - 50px); }
    .coll-detail .body .ant-tabs,
    .coll-detail .body .ant-tabs-content {
      height: 100%; }
    .coll-detail .body .load-failed {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-align: center;
          align-items: center;
      -ms-flex-pack: center;
          justify-content: center;
      width: 100%;
      height: 100%; }
      .coll-detail .body .load-failed .retry {
        color: #00acdc;
        cursor: pointer; }
    .coll-detail .body .base {
      position: relative;
      padding: 16px 0 !important; }
      .coll-detail .body .base .avatar {
        display: inline-block;
        width: 44px;
        height: 44px;
        overflow: hidden;
        vertical-align: middle;
        border-radius: 5px; }
        .coll-detail .body .base .avatar .img {
          width: 100%;
          height: 100%; }
      .coll-detail .body .base .info {
        position: relative;
        display: inline-block;
        margin-top: -3px;
        margin-left: 15px;
        vertical-align: top; }
        .coll-detail .body .base .info .name {
          max-width: 200px;
          margin-bottom: 4px;
          overflow: hidden;
          font-size: 14px;
          color: #222;
          -o-text-overflow: ellipsis;
             text-overflow: ellipsis;
          white-space: nowrap;
          display: inline-block;
          vertical-align: middle; }
        .coll-detail .body .base .info .bot-label {
          background-image: -webkit-linear-gradient(224deg, #7eb7ff 0%, #4880ff 100%);
          background-image: -o-linear-gradient(224deg, #7eb7ff 0%, #4880ff 100%);
          background-image: linear-gradient(226deg, #7eb7ff 0%, #4880ff 100%);
          border-radius: 1.68px;
          display: inline-block;
          width: auto;
          height: 15px;
          line-height: 16px;
          white-space: nowrap;
          vertical-align: text-bottom;
          margin-left: 4px;
          padding-left: 4px; }
          .coll-detail .body .base .info .bot-label .bot-icon {
            color: #fff;
            display: inline-block;
            font-size: 12px;
            -webkit-transform: scale(0.9);
                -ms-transform: scale(0.9);
                    transform: scale(0.9); }
          .coll-detail .body .base .info .bot-label .bot-text {
            color: #ffffff;
            display: inline-block;
            font-size: 12px;
            -webkit-transform: scale(0.8);
                -ms-transform: scale(0.8);
                    transform: scale(0.8);
            margin-left: -3px; }
        .coll-detail .body .base .info .fans {
          max-width: 200px;
          overflow: hidden;
          font-size: 12px;
          color: #828992;
          -o-text-overflow: ellipsis;
             text-overflow: ellipsis;
          white-space: nowrap; }
        .coll-detail .body .base .info .auth {
          margin-top: 4px; }
          .coll-detail .body .base .info .auth .icon {
            display: inline-block;
            padding: 0 4px;
            border: solid 1px;
            border-radius: 3px; }
          .coll-detail .body .base .info .auth .a-official {
            color: #fe6a49; }
          .coll-detail .body .base .info .auth .c-auth {
            color: #28a197; }
          .coll-detail .body .base .info .auth .b-team-only {
            color: #6f72af; }
    .coll-detail .body .owner,
    .coll-detail .body .desc {
      padding: 12px 0 !important; }
    .coll-detail .body .feedback,
    .coll-detail .body .set,
    .coll-detail .body .view-history {
      cursor: pointer; }
    .coll-detail .body .admins .admin-wrap {
      margin-top: 15px; }
      .coll-detail .body .admins .admin-wrap .admin {
        display: inline-block;
        margin-right: 25px;
        vertical-align: middle; }
        .coll-detail .body .admins .admin-wrap .admin .avatar {
          width: 38px;
          height: 38px;
          margin-bottom: 7px;
          overflow: hidden;
          cursor: pointer;
          border-radius: 50%; }
          .coll-detail .body .admins .admin-wrap .admin .avatar .img {
            width: 38px;
            height: 38px; }
        .coll-detail .body .admins .admin-wrap .admin .name {
          max-width: 38px;
          overflow: hidden;
          font-size: 12px;
          color: #222;
          text-align: center;
          -o-text-overflow: ellipsis;
             text-overflow: ellipsis;
          white-space: nowrap; }
    .coll-detail .body .item {
      padding: 12px 0;
      border-bottom: 1px solid #eaedf1; }
      .coll-detail .body .item .item-title {
        font-size: 14px;
        color: #333; }
      .coll-detail .body .item .text {
        padding-right: 20px;
        font-size: 13px;
        color: #828992; }
      .coll-detail .body .item .nav-icon {
        display: inline-block;
        float: right;
        margin-right: 20px;
        color: #828992;
        -webkit-transform: rotate(180deg);
            -ms-transform: rotate(180deg);
                transform: rotate(180deg); }
    .coll-detail .body .bottom-btn {
      display: inline-block;
      width: calc(100% - 20px);
      height: 32px;
      margin-top: 30px;
      margin-bottom: 30px;
      font-size: 14px;
      line-height: 32px;
      color: #fff;
      text-align: center;
      cursor: pointer; }

.coll-detail-set .set-item {
  padding: 13px 0;
  font-size: 13px;
  border-bottom: 1px solid #ececec; }
  .coll-detail-set .set-item .switch {
    float: right;
    margin-right: 20px; }

.coll-detail-set .unfollow {
  display: inline-block;
  width: calc(100% - 20px);
  height: 32px;
  margin-top: 30px;
  font-size: 14px;
  color: #fff; }

.mobile-display {
  font-size: 13px;
  color: #828992;
  -webkit-user-select: text;
     -moz-user-select: text;
      -ms-user-select: text;
          user-select: text; }
  .mobile-display .country-code {
    margin-right: 3px; }

.chat-detail-contact {
  width: 100%;
  height: 100%;
  padding-left: 20px; }
  .chat-detail-contact .header {
    position: relative;
    height: 48px;
    line-height: 48px;
    font-weight: 500; }
    .chat-detail-contact .header .title {
      font-size: 13px;
      color: #222; }
    .chat-detail-contact .header .close {
      position: absolute;
      right: 20px;
      color: #828992;
      cursor: pointer; }
      .chat-detail-contact .header .close:hover {
        color: #5d6470; }
  .chat-detail-contact .body {
    height: calc(100% - 50px); }
    .chat-detail-contact .body .item {
      padding: 11px 0;
      border-bottom: 1px solid #ececec; }
      .chat-detail-contact .body .item .item-title {
        margin-bottom: 6px;
        font-size: 13px;
        color: #222; }
      .chat-detail-contact .body .item .item-tip {
        color: #828992; }
      .chat-detail-contact .body .item .nav-icon {
        float: right;
        margin-right: 20px;
        color: #828992;
        -webkit-transform: rotate(180deg);
            -ms-transform: rotate(180deg);
                transform: rotate(180deg); }
      .chat-detail-contact .body .item .switch {
        float: right;
        margin-right: 20px; }
      .chat-detail-contact .body .item.view-history {
        cursor: pointer; }
    .chat-detail-contact .body .user-avatar {
      position: relative;
      width: 38px;
      height: 38px;
      vertical-align: top;
      cursor: pointer;
      border-radius: 50%; }
    .chat-detail-contact .body .user-right {
      display: inline-block;
      width: calc(100% - 67px);
      margin-left: 9px; }
    .chat-detail-contact .body .name {
      overflow: hidden;
      -o-text-overflow: ellipsis;
         text-overflow: ellipsis;
      white-space: nowrap; }
    .chat-detail-contact .body .user-name {
      padding-top: 2px;
      font-size: 13px;
      color: #222; }
    .chat-detail-contact .body .account-name {
      font-size: 12px;
      color: #828992; }
    .chat-detail-contact .body .only-name {
      margin-top: 11px; }

.drive-file-detail {
  width: 100%;
  height: 100%;
  padding-left: 20px;
  font-size: 14px;
  position: relative; }
  .drive-file-detail .header {
    position: relative;
    height: 48px;
    font-weight: 500;
    line-height: 48px; }
    .drive-file-detail .header .title {
      font-size: 14px;
      color: #222; }
    .drive-file-detail .header .close {
      position: absolute;
      right: 20px;
      color: #828992;
      cursor: pointer; }
      .drive-file-detail .header .close:hover {
        color: #5d6470; }
  .drive-file-detail .file-detail-failed .list-load-failed-tip {
    margin-top: 0; }
  .drive-file-detail .folder-detail-item {
    margin-top: 10px;
    word-break: break-all; }
  .drive-file-detail .file-base-info .file-right {
    display: inline-block;
    width: calc(100% - 60px);
    margin-left: 9px;
    font-size: 12px;
    vertical-align: middle; }
  .drive-file-detail .file-base-info .file-icon {
    position: relative;
    width: 40px;
    margin-top: 4px;
    font-size: 40px;
    vertical-align: middle;
    cursor: pointer; }
  .drive-file-detail .file-base-info .qt-icon {
    display: inline-block;
    margin-top: -6px; }
  .drive-file-detail .file-base-info .file-name {
    display: inline-block;
    margin-bottom: 4px;
    font-size: 14px;
    color: #222; }
  .drive-file-detail .file-base-info .item-label {
    color: #828992; }
  .drive-file-detail .file-base-info .uploader {
    display: inline-block;
    max-width: 150px;
    margin-left: 10px;
    overflow: hidden;
    -o-text-overflow: ellipsis;
       text-overflow: ellipsis;
    white-space: nowrap;
    vertical-align: middle; }
  .drive-file-detail .file-base-info .size {
    margin-left: 10px; }
  .drive-file-detail .history-tips {
    margin-top: 30px;
    color: #222; }
  .drive-file-detail .history-list {
    height: calc(100% - 220px);
    color: #222; }
    .drive-file-detail .history-list.folder-list {
      height: calc(100% - 236px); }
    .drive-file-detail .history-list .history-item {
      padding-top: 10px;
      font-size: 14px; }
    .drive-file-detail .history-list .time {
      display: inline-block;
      width: 110px;
      vertical-align: top; }
    .drive-file-detail .history-list .user-name {
      display: inline-block;
      width: 100px;
      margin-right: 10px;
      margin-left: 10px;
      overflow: hidden;
      color: #222;
      text-align: center;
      -o-text-overflow: ellipsis;
         text-overflow: ellipsis;
      white-space: nowrap;
      vertical-align: top; }
    .drive-file-detail .history-list .operation-text {
      display: inline-block;
      width: 120px;
      vertical-align: top; }
    .drive-file-detail .history-list .file-search-empty {
      margin-top: 100px; }
  .drive-file-detail .export-line {
    width: 100%;
    text-align: center;
    height: 46px;
    line-height: 46px;
    position: absolute;
    bottom: 0;
    left: 0px; }
  .drive-file-detail .file-deleted {
    margin-top: 100px; }

@charset "UTF-8";
.live-room-wrap {
  height: 100%; }
  .live-room-wrap .return-index {
    position: relative;
    width: 100%;
    height: 50px;
    padding-left: 16px;
    line-height: 50px;
    background: #fcfcfd; }
    .live-room-wrap .return-index .called-container {
      position: absolute;
      top: 60px;
      right: 0;
      bottom: 0;
      left: calc(50% - 206px);
      margin: auto;
      margin-left: -33px; }
    .live-room-wrap .return-index .go-back-btn {
      display: inline-block;
      font-weight: 400;
      color: #333;
      cursor: pointer; }
      .live-room-wrap .return-index .go-back-btn .back-icon {
        margin-right: 3px; }
      .live-room-wrap .return-index .go-back-btn span {
        font-size: 14px; }
  .live-room-wrap .live-content {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    height: calc(100% - 50px);
    background: #f3f4f6;
    border-top: 1px solid #e4e7e9; }
    .live-room-wrap .live-content .live-wrap {
      -ms-flex-positive: 1;
          flex-grow: 1;
      min-width: 514px;
      padding: 20px; }
      .live-room-wrap .live-content .live-wrap .live-left-wrap {
        min-width: 474px;
        height: 100%;
        background: #fff;
        border-radius: 10px;
        -webkit-box-shadow: 0 2px 7px 2px rgba(0, 0, 0, 0.03);
                box-shadow: 0 2px 7px 2px rgba(0, 0, 0, 0.03); }
        .live-room-wrap .live-content .live-wrap .live-left-wrap .header {
          display: -ms-flexbox;
          display: flex;
          -ms-flex-direction: row;
              flex-direction: row;
          height: 70px; }
          .live-room-wrap .live-content .live-wrap .live-left-wrap .header .title {
            display: inline-block;
            margin-top: 23px;
            margin-left: 20px;
            overflow: hidden;
            font-family: PingFangSC-Medium, PingFang SC;
            font-size: 18px;
            font-weight: 500;
            color: #222;
            -o-text-overflow: ellipsis;
               text-overflow: ellipsis;
            white-space: nowrap; }
          .live-room-wrap .live-content .live-wrap .live-left-wrap .header .header-divi {
            position: relative;
            top: 21px;
            height: 30px;
            margin: 0 20px; }
          .live-room-wrap .live-content .live-wrap .live-left-wrap .header .detail-avatar-wrap {
            position: absolute;
            top: 17px;
            width: auto;
            height: auto;
            padding: 6px;
            border-radius: 18px; }
            .live-room-wrap .live-content .live-wrap .live-left-wrap .header .detail-avatar-wrap:hover {
              background: #f3f4f6; }
          .live-room-wrap .live-content .live-wrap .live-left-wrap .header .detail-avatar {
            position: relative;
            -ms-flex-positive: 1;
                flex-grow: 1;
            min-width: 220px;
            margin-right: 20px; }
          .live-room-wrap .live-content .live-wrap .live-left-wrap .header .badge {
            color: #5d6470;
            background: #eaedf1; }
        .live-room-wrap .live-content .live-wrap .live-left-wrap .hybird-live-wrap {
          width: 100%;
          height: calc(100% - 70px); }
    .live-room-wrap .live-content .live-chat {
      -ms-flex-positive: 1;
          flex-grow: 1;
      min-width: 350px;
      max-width: 538px;
      border-left: 1px solid #e4e7e9; }

.live-share-modal .ant-modal-body .live-share-container .close-share-tip {
  font-family: PingFangSC-Regular, PingFang SC;
  font-size: 14px;
  font-weight: 400;
  color: #919191; }

.live-share-modal .ant-modal-body .live-share-container .share-header {
  margin-bottom: 20px; }
  .live-share-modal .ant-modal-body .live-share-container .share-header .left-label {
    display: inline-block;
    width: 85px;
    margin-right: 20px;
    text-align: right; }

.live-share-modal .ant-modal-body .live-share-container .share-open-container {
  padding-top: 20px;
  border-top: 1px solid #ebebeb; }
  .live-share-modal .ant-modal-body .live-share-container .share-open-container .url-input {
    width: 280px;
    margin-left: 35px; }
  .live-share-modal .ant-modal-body .live-share-container .share-open-container .add-btn {
    margin-left: 12px; }
  .live-share-modal .ant-modal-body .live-share-container .share-open-container .item-label-en {
    display: inline-block;
    width: 123px;
    margin-right: 20px;
    text-align: right; }
  .live-share-modal .ant-modal-body .live-share-container .share-open-container .item-label {
    display: inline-block;
    width: 70px;
    margin-right: 47px;
    text-align: right; }
  .live-share-modal .ant-modal-body .live-share-container .share-open-container .qrcode-label {
    margin-top: 20px;
    vertical-align: top; }
  .live-share-modal .ant-modal-body .live-share-container .share-open-container .qrcode-img {
    width: 140px;
    height: 140px; }
  .live-share-modal .ant-modal-body .live-share-container .share-open-container .download-text {
    display: block;
    width: 140px;
    margin-bottom: 16px;
    text-align: center;
    cursor: pointer; }
    .live-share-modal .ant-modal-body .live-share-container .share-open-container .download-text.en {
      width: 220px; }
    .live-share-modal .ant-modal-body .live-share-container .share-open-container .download-text .text {
      padding: 6px 16px;
      color: #222; }
    .live-share-modal .ant-modal-body .live-share-container .share-open-container .download-text .border {
      display: inline-block;
      width: 1px;
      height: 14px;
      margin-bottom: -2px;
      border-right: 1px solid #e4e7e9; }
  .live-share-modal .ant-modal-body .live-share-container .share-open-container .qrcode-container .center-loading {
    position: relative !important;
    left: 50px;
    width: 140px !important;
    height: 140px !important; }
  .live-share-modal .ant-modal-body .live-share-container .share-open-container .qrcode-container .image-container {
    display: inline-block;
    margin-left: -12px; }
    .live-share-modal .ant-modal-body .live-share-container .share-open-container .qrcode-container .image-container .share-code-loading {
      top: 15px; }
  .live-share-modal .ant-modal-body .live-share-container .share-open-container .share-expire-wrap .left-label {
    display: inline-block;
    width: 85px;
    margin-right: 20px;
    text-align: right; }
  .live-share-modal .ant-modal-body .live-share-container .share-open-container .share-expire-wrap .live-select-expire {
    width: 280px; }
  .live-share-modal .ant-modal-body .live-share-container .share-open-container .share-expire-wrap .enable-time {
    margin-top: 5px;
    margin-bottom: 20px;
    margin-left: 105px; }
    .live-share-modal .ant-modal-body .live-share-container .share-open-container .share-expire-wrap .enable-time .tips-icon {
      font-size: 14px;
      color: #fc0; }
    .live-share-modal .ant-modal-body .live-share-container .share-open-container .share-expire-wrap .enable-time span {
      margin-left: 2px;
      font-family: PingFangSC-Regular, PingFang SC;
      font-size: 12px;
      font-weight: 400;
      color: #aaafb5; }

.notice-modal .ant-modal-content {
  width: 500px;
  height: 466px;
  overflow: hidden; }
  .notice-modal .ant-modal-content .ant-modal-body {
    height: 420px;
    padding: 16px 0 16px 16px; }
  .notice-modal .ant-modal-content .wrapper {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center;
    width: 100%;
    height: 40px; }
    .notice-modal .ant-modal-content .wrapper .name {
      display: -webkit-box;
      max-width: 300px;
      margin-left: 10px;
      overflow: hidden;
      font-size: 14px;
      color: #222222;
      -o-text-overflow: ellipsis;
         text-overflow: ellipsis;
      -webkit-line-clamp: 1;
      /*超出2行就显示省略号，可以填3或者其它正整数*/ }
    .notice-modal .ant-modal-content .wrapper .incall_span {
      display: inline-block;
      width: 45px;
      height: 20px;
      margin-left: 10px;
      font-size: 11px;
      line-height: 20px;
      color: #1baddf;
      text-align: center;
      background-color: rgba(27, 173, 223, 0.1);
      border-radius: 2px; }
    .notice-modal .ant-modal-content .wrapper .temp_span {
      display: inline-block;
      width: 56px;
      height: 20px;
      margin-left: 10px;
      font-size: 11px;
      line-height: 20px;
      color: #828992;
      background-color: #eaedf1;
      border-radius: 2px;
      text-align: center; }
    .notice-modal .ant-modal-content .wrapper .remove-span {
      position: absolute;
      right: 0;
      display: inline-block;
      font-size: 14px;
      color: #fe6a49;
      right: 20px; }

.group-members {
  height: 100%; }
  .group-members .detail-header {
    height: 100%; }
    .group-members .detail-header .nav {
      height: 50px;
      padding-left: 20px;
      font-size: 13px;
      line-height: 50px;
      color: #222;
      border-bottom: 1px solid #ececec; }
    .group-members .detail-header .close {
      float: right;
      margin-right: 20px;
      cursor: pointer; }
  .group-members .search-member-scroll,
  .group-members .search-member-scroll-container {
    height: calc(100% - 50px); }

.team-info-page {
  height: calc(100% - 90px); }
  .team-info-page .team-info-page-header {
    height: 48px;
    padding-left: 16px;
    font-size: 14px;
    line-height: 48px;
    color: #222;
    border-bottom: 1px solid #ebebeb; }
    .team-info-page .team-info-page-header .team-info-detail {
      float: right;
      margin-right: 13px;
      cursor: pointer; }
  .team-info-page .team-info-page-body {
    height: 100%; }
    .team-info-page .team-info-page-body .team-info-page-tab {
      height: 32px;
      margin: 10px 130px 10px 83px;
      line-height: 32px;
      -moz-text-align-last: center;
           text-align-last: center; }
      .team-info-page .team-info-page-body .team-info-page-tab .team-org {
        display: inline-block;
        width: 171px;
        height: 32px;
        text-align: center;
        cursor: pointer;
        border: 1px solid rgba(111, 114, 175, 0.2);
        border-top-left-radius: 5px;
        border-bottom-left-radius: 5px; }
        .team-info-page .team-info-page-body .team-info-page-tab .team-org .icon-org {
          margin-right: 6px; }
      .team-info-page .team-info-page-body .team-info-page-tab .team-guest {
        display: inline-block;
        width: 171px;
        height: 32px;
        color: #6f72af;
        text-align: center;
        cursor: pointer;
        border: 1px solid rgba(111, 114, 175, 0.2);
        border-top-right-radius: 5px;
        border-bottom-right-radius: 5px; }
        .team-info-page .team-info-page-body .team-info-page-tab .team-guest .icon-guest {
          margin-right: 6px; }
    .team-info-page .team-info-page-body .team-org-content .team-org-item {
      height: 52px;
      padding-right: 19px;
      padding-left: 19px;
      font-size: 13px;
      line-height: 52px;
      color: #222; }
      .team-info-page .team-info-page-body .team-org-content .team-org-item:hover {
        background: #ebebeb; }
    .team-info-page .team-info-page-body .team-org-content .team-org-user .empty {
      margin-top: 92px;
      text-align: center; }
      .team-info-page .team-info-page-body .team-org-content .team-org-user .empty .icon {
        font-size: 76px;
        color: #6f72af; }
      .team-info-page .team-info-page-body .team-org-content .team-org-user .empty .desc-text {
        font-size: 12px;
        color: #828992; }
      .team-info-page .team-info-page-body .team-org-content .team-org-user .empty .create-btn {
        margin: 0 4px;
        text-decoration: underline; }
      .team-info-page .team-info-page-body .team-org-content .team-org-user .empty img {
        margin-bottom: 20px; }
    .team-info-page .team-info-page-body .team-org-content .team-org-user .team-org-user-item {
      position: relative;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-align: center;
          align-items: center;
      height: 60px;
      padding-left: 20px;
      line-height: inherit;
      cursor: pointer; }
      .team-info-page .team-info-page-body .team-org-content .team-org-user .team-org-user-item .qt-avatar {
        width: 38px;
        margin-right: 10px;
        vertical-align: middle;
        border-radius: 50%; }
      .team-info-page .team-info-page-body .team-org-content .team-org-user .team-org-user-item .online-wrap {
        position: absolute;
        bottom: 3px;
        left: 46px; }
        .team-info-page .team-info-page-body .team-org-content .team-org-user .team-org-user-item .online-wrap .online-phone {
          width: auto !important; }
      .team-info-page .team-info-page-body .team-org-content .team-org-user .team-org-user-item span {
        font-size: 13px;
        color: #222; }
      .team-info-page .team-info-page-body .team-org-content .team-org-user .team-org-user-item:hover {
        background: #f3f4f6; }
    .team-info-page .team-info-page-body .nicescroll-container {
      height: 100%; }

.team-detail-qrcode .ant-tabs-bar {
  display: block; }

.team-detail-qrcode .team-detail-qrcode-header {
  text-align: center; }

.team-detail-qrcode .team-detail-qrcode-body .team-name {
  margin-top: 24px;
  margin-bottom: 14px;
  font-size: 12px;
  color: #333;
  text-align: center; }

.team-detail-qrcode .team-detail-qrcode-body .qr-img {
  text-align: center; }
  .team-detail-qrcode .team-detail-qrcode-body .qr-img img {
    width: 150px; }

.team-detail-qrcode .team-detail-qrcode-body .invite-qrcode-expire {
  margin-top: 7px;
  font-size: 12px;
  color: rgba(52, 61, 76, 0.5);
  text-align: center; }

.team-detail-qrcode .team-detail-qrcode-body .invite-scan-tip {
  margin-top: 8px;
  font-size: 12px;
  color: rgba(52, 61, 76, 0.5);
  text-align: center; }

.team-detail-qrcode .team-qr-set {
  padding-top: 13px;
  margin: 13px 0 13px;
  color: #333;
  text-align: center;
  border-top: 1px solid #eaedf1; }
  .team-detail-qrcode .team-qr-set button {
    width: 74px;
    height: 30px;
    margin-top: 14px;
    font-size: 14px;
    color: #fff; }

.team-qrcode {
  padding: 12px 0;
  cursor: pointer;
  border-bottom: 1px solid #eaedf1; }
  .team-qrcode .item-title {
    margin-bottom: 6px;
    font-size: 14px;
    color: #333; }
  .team-qrcode .text {
    padding-right: 20px;
    font-size: 13px;
    color: #828992; }
  .team-qrcode .nav-icon {
    display: inline-block;
    float: right;
    margin-right: 20px;
    color: #828992;
    -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
            transform: rotate(180deg); }

.ScrollbarsCustom .content {
  overflow-x: hidden !important; }

.team-cluster-mannager {
  width: 330px; }
  .team-cluster-mannager #cluster-wrap {
    padding-bottom: 0 !important; }
  .team-cluster-mannager .mannager-header {
    padding: 12px 0; }
    .team-cluster-mannager .mannager-header .mannager {
      font-size: 13px;
      color: #222; }
    .team-cluster-mannager .mannager-header .check_all {
      float: right;
      margin-right: 18px;
      font-size: 13px;
      color: #00acdc;
      cursor: pointer; }
  .team-cluster-mannager .mannager-info {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap; }
    .team-cluster-mannager .mannager-info .mannager-item {
      position: relative;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-direction: column;
          flex-direction: column;
      -ms-flex-line-pack: center;
          align-content: center;
      -ms-flex-pack: center;
          justify-content: center;
      margin-right: 28px;
      font-size: 12px;
      font-weight: 400;
      color: #222;
      text-align: center; }
      .team-cluster-mannager .mannager-info .mannager-item .online-wrap {
        position: absolute;
        top: 20px;
        left: 27px; }
      .team-cluster-mannager .mannager-info .mannager-item > img {
        margin-bottom: 2px;
        cursor: pointer; }
      .team-cluster-mannager .mannager-info .mannager-item span {
        max-width: 38px;
        min-height: 30px;
        overflow: hidden;
        -o-text-overflow: ellipsis;
           text-overflow: ellipsis;
        word-break: break-all;
        white-space: nowrap; }
  .team-cluster-mannager .cluster-tap {
    height: 54px;
    font-size: 13px;
    line-height: 54px;
    color: #222;
    border-top: 1px solid #ebebeb; }
  .team-cluster-mannager .cluster-item {
    height: 54px;
    line-height: 54px;
    cursor: pointer;
    border-top: 1px solid #ebebeb; }
  .team-cluster-mannager .quit-team {
    padding: 12px 0;
    cursor: pointer;
    border-top: 1px solid #eaedf1;
    border-bottom: 1px solid #eaedf1; }
    .team-cluster-mannager .quit-team .item-title {
      font-size: 14px;
      color: #333; }
    .team-cluster-mannager .quit-team .text {
      padding-right: 20px;
      font-size: 13px;
      color: #828992; }
    .team-cluster-mannager .quit-team .nav-icon {
      display: inline-block;
      float: right;
      margin-right: 20px;
      color: #828992;
      -webkit-transform: rotate(180deg);
          -ms-transform: rotate(180deg);
              transform: rotate(180deg); }

.team-detail {
  width: 100%;
  height: 100%;
  padding-left: 20px; }

.team-mannager-list .mannager-item {
  position: relative;
  height: 52px;
  padding-left: 20px;
  line-height: 52px;
  cursor: pointer; }
  .team-mannager-list .mannager-item .online-wrap {
    position: absolute;
    top: 34px;
    left: 47px; }
  .team-mannager-list .mannager-item:hover {
    background: #ededed; }

.cluster-index {
  padding-left: 21px; }
  .cluster-index .cluster-header {
    height: 54px;
    font-size: 13px;
    line-height: 54px;
    color: #222;
    border-bottom: 1px solid #ececec; }
  .cluster-index .mannager-header {
    padding: 12px 0; }
    .cluster-index .mannager-header .mannager {
      font-size: 13px;
      color: #222; }
    .cluster-index .mannager-header .check_all {
      float: right;
      margin-right: 18px;
      font-size: 13px;
      color: #00acdc;
      cursor: pointer; }
  .cluster-index .mannager-info {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap; }
    .cluster-index .mannager-info .mannager-item {
      position: relative;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-direction: column;
          flex-direction: column;
      -ms-flex-line-pack: center;
          align-content: center;
      -ms-flex-pack: center;
          justify-content: center;
      margin-right: 28px;
      font-size: 12px;
      font-weight: 400;
      color: #222;
      text-align: center; }
      .cluster-index .mannager-info .mannager-item img {
        margin-bottom: 2px;
        cursor: pointer; }
      .cluster-index .mannager-info .mannager-item span {
        max-width: 38px;
        min-height: 30px;
        overflow: hidden;
        -o-text-overflow: ellipsis;
           text-overflow: ellipsis;
        word-break: break-all;
        white-space: nowrap; }
  .cluster-index .team-mannager-list .mannager-item {
    height: 52px;
    padding-left: 20px;
    line-height: 52px;
    cursor: pointer; }
    .cluster-index .team-mannager-list .mannager-item:hover {
      background: #ededed; }

.department .qt-cancel {
  display: none; }

.leave-team .ant-modal-body {
  padding: 30px 22px 30px 22px !important;
  text-align: center; }

.app-content-side .wrap {
  height: 100%; }
  .app-content-side .wrap .ant-tabs-content-animated {
    -webkit-transition: opacity 0.3s linear;
    -o-transition: opacity 0.3s linear;
    transition: opacity 0.3s linear; }

.app-content-side .layer {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }

.app-content-side .side-content {
  position: absolute;
  top: 0;
  right: 0;
  width: 350px;
  height: 100%;
  font-weight: 400;
  background: #fcfcfd;
  -webkit-box-shadow: -4px 1px 10px 0 rgba(52, 61, 76, 0.08);
          box-shadow: -4px 1px 10px 0 rgba(52, 61, 76, 0.08);
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s; }

.app-content-side .show {
  -webkit-animation: entering 0.3s;
          animation: entering 0.3s;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards; }

.app-content-side .hidden {
  -webkit-animation: outing 0.3s;
          animation: outing 0.3s;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards; }

@-webkit-keyframes entering {
  from {
    -webkit-transform: translateX(350px);
            transform: translateX(350px); }
  to {
    -webkit-transform: translateX(0);
            transform: translateX(0); } }

@keyframes entering {
  from {
    -webkit-transform: translateX(350px);
            transform: translateX(350px); }
  to {
    -webkit-transform: translateX(0);
            transform: translateX(0); } }

@-webkit-keyframes outing {
  from {
    -webkit-transform: translateX(0);
            transform: translateX(0); }
  to {
    -webkit-transform: translateX(350px);
            transform: translateX(350px); } }

@keyframes outing {
  from {
    -webkit-transform: translateX(0);
            transform: translateX(0); }
  to {
    -webkit-transform: translateX(350px);
            transform: translateX(350px); } }

.task-panel-content .header {
  height: 36px;
  padding: 0 20px;
  font-size: 12px;
  line-height: 36px;
  color: #333;
  background: #f9fafc; }
  .task-panel-content .header .pending-text {
    margin-right: 16px;
    color: #00acdc; }
  .task-panel-content .header .cancel-all {
    position: absolute;
    right: 20px;
    color: #fe6a49;
    cursor: pointer; }

.task-panel-content .content-scrollbar {
  height: calc(340px - 42px - 36px) !important; }

.task-panel-content .task-item {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  height: 50px;
  margin: 0 20px;
  font-size: 13px; }
  .task-panel-content .task-item .name {
    display: inline-block;
    max-width: 144px;
    margin-right: 12px;
    color: #333; }
    .task-panel-content .task-item .name.waiting {
      max-width: 110px; }
  .task-panel-content .task-item .waiting-tips,
  .task-panel-content .task-item .size {
    margin-right: 12px;
    font-size: 12px;
    color: #919191; }
  .task-panel-content .task-item .opt-btn {
    position: absolute;
    right: 0;
    font-size: 16px;
    line-height: 54px;
    cursor: pointer; }
    .task-panel-content .task-item .opt-btn .success {
      color: #48c68c;
      cursor: default; }
    .task-panel-content .task-item .opt-btn .retry {
      color: #fe6a49; }
    .task-panel-content .task-item .opt-btn .cancel {
      color: #828992; }
  .task-panel-content .task-item .progress {
    position: absolute;
    bottom: 0;
    left: 0; }
  .task-panel-content .task-item .upload-file-icon {
    width: 22px;
    margin-right: 4px;
    font-size: 22px; }

.drive-task-panel {
  position: absolute;
  right: 0;
  bottom: 0;
  z-index: 10;
  width: 300px;
  height: 340px;
  background-color: #fff;
  border-radius: 10px 10px 0 0;
  -webkit-box-shadow: 0 2px 10px 0 rgba(82, 92, 108, 0.16);
          box-shadow: 0 2px 10px 0 rgba(82, 92, 108, 0.16); }
  .drive-task-panel.fold {
    bottom: 24px;
    width: auto;
    min-width: 186px;
    height: 42px;
    border-radius: 100px 0 0 100px;
    padding-left: 13px; }
  .drive-task-panel.hide {
    right: -300px;
    opacity: 0;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease; }
  .drive-task-panel .drive-task-tab {
    width: 300px;
    height: 340px; }
    .drive-task-panel .drive-task-tab .ant-tabs-nav-container {
      font-size: 16px;
      -webkit-transition: none;
      -o-transition: none;
      transition: none; }
    .drive-task-panel .drive-task-tab .ant-tabs-extra-content {
      line-height: 46px; }
    .drive-task-panel .drive-task-tab .ant-tabs-tab {
      padding-right: 0;
      padding-left: 0;
      margin-right: 10px; }
    .drive-task-panel .drive-task-tab .ant-tabs-nav-wrap {
      margin-left: 20px; }
    .drive-task-panel .drive-task-tab .ant-tabs-top-bar {
      margin: 0; }
    .drive-task-panel .drive-task-tab .ant-tabs-content-animated {
      -webkit-transition: opacity 0.3s linear;
      -o-transition: opacity 0.3s linear;
      transition: opacity 0.3s linear; }
  .drive-task-panel .fold-content {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center;
    -ms-flex-pack: justify;
        justify-content: space-between;
    height: 100%; }
    .drive-task-panel .fold-content .drive-task-icon {
      width: 28px;
      margin: 0 16px;
      font-size: 28px;
      color: #fb3a54; }
    .drive-task-panel .fold-content .upload-success-btn {
      color: #52c41a;
      font-size: 16px;
      margin-right: 6px; }
    .drive-task-panel .fold-content .upload-fail-btn {
      color: #ec5233;
      font-size: 16px;
      margin-right: 6px; }
    .drive-task-panel .fold-content .uploading-btn {
      color: #697dff;
      font-size: 16px;
      margin-right: 6px; }
    .drive-task-panel .fold-content .upload-status-text {
      color: #222;
      vertical-align: text-bottom;
      font-weight: 500; }
  .drive-task-panel .extra-btn .btn {
    display: inline-block;
    margin-right: 20px;
    font-size: 12px;
    cursor: pointer; }
  .drive-task-panel .extra-btn .fold-btn {
    -webkit-transition: -webkit-transform 0.3s linear;
    transition: -webkit-transform 0.3s linear;
    -o-transition: transform 0.3s linear;
    transition: transform 0.3s linear;
    transition: transform 0.3s linear, -webkit-transform 0.3s linear;
    -webkit-transform: rotate(270deg);
        -ms-transform: rotate(270deg);
            transform: rotate(270deg); }
    .drive-task-panel .extra-btn .fold-btn.fold {
      -webkit-transform: rotate(90deg);
          -ms-transform: rotate(90deg);
              transform: rotate(90deg); }
  .drive-task-panel .ant-tabs-bar {
    border-bottom: none; }

.space-name-modal {
  width: 360px !important; }
  .space-name-modal .input-container {
    text-align: center; }
  .space-name-modal .space-name-input {
    width: 260px; }

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
.ant-table-wrapper {
  zoom: 1;
}
.ant-table-wrapper::before,
.ant-table-wrapper::after {
  display: table;
  content: '';
}
.ant-table-wrapper::after {
  clear: both;
}
.ant-table {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.65);
  font-size: 12px;
  font-variant: tabular-nums;
  line-height: 1.5;
  list-style: none;
  -webkit-font-feature-settings: 'tnum';
          font-feature-settings: 'tnum';
  position: relative;
  clear: both;
}
.ant-table-body {
  -webkit-transition: opacity 0.3s;
  -o-transition: opacity 0.3s;
  transition: opacity 0.3s;
}
.ant-table-empty .ant-table-body {
  overflow: auto !important;
}
.ant-table table {
  width: 100%;
  text-align: left;
  border-radius: 4px 4px 0 0;
  border-collapse: collapse;
}
.ant-table-thead > tr {
  background: #fafafa;
}
.ant-table-thead > tr > th {
  color: rgba(0, 0, 0, 0.85);
  font-weight: 500;
  text-align: left;
  background: transparent;
  border-bottom: 1px solid #e9e9e9;
  -webkit-transition: background 0.3s ease;
  -o-transition: background 0.3s ease;
  transition: background 0.3s ease;
}
.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: absolute;
  top: 0;
  right: 0;
  width: 28px;
  height: 100%;
  color: #bfbfbf;
  font-size: 12px;
  text-align: center;
  cursor: pointer;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.ant-table-thead > tr > th .anticon-filter > svg,
.ant-table-thead > tr > th .ant-table-filter-icon > svg {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -5px;
  margin-left: -6px;
}
.ant-table-thead > tr > th .ant-table-filter-selected.anticon-filter {
  color: #FE6A49;
}
.ant-table-thead > tr > th .ant-table-column-sorter {
  display: table-cell;
  vertical-align: middle;
}
.ant-table-thead > tr > th .ant-table-column-sorter .ant-table-column-sorter-inner {
  height: 1em;
  margin-top: 0.35em;
  margin-left: 0.57142857em;
  color: #bfbfbf;
  line-height: 1em;
  text-align: center;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.ant-table-thead > tr > th .ant-table-column-sorter .ant-table-column-sorter-inner .ant-table-column-sorter-up,
.ant-table-thead > tr > th .ant-table-column-sorter .ant-table-column-sorter-inner .ant-table-column-sorter-down {
  display: inline-block;
  font-size: 12px;
  font-size: 11px \9;
  -webkit-transform: scale(0.91666667) rotate(0deg);
      -ms-transform: scale(0.91666667) rotate(0deg);
          transform: scale(0.91666667) rotate(0deg);
  display: block;
  height: 1em;
  line-height: 1em;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
:root .ant-table-thead > tr > th .ant-table-column-sorter .ant-table-column-sorter-inner .ant-table-column-sorter-up,
:root .ant-table-thead > tr > th .ant-table-column-sorter .ant-table-column-sorter-inner .ant-table-column-sorter-down {
  font-size: 12px;
}
.ant-table-thead > tr > th .ant-table-column-sorter .ant-table-column-sorter-inner .ant-table-column-sorter-up.on,
.ant-table-thead > tr > th .ant-table-column-sorter .ant-table-column-sorter-inner .ant-table-column-sorter-down.on {
  color: #FE6A49;
}
.ant-table-thead > tr > th .ant-table-column-sorter .ant-table-column-sorter-inner-full {
  margin-top: -0.15em;
}
.ant-table-thead > tr > th .ant-table-column-sorter .ant-table-column-sorter-inner-full .ant-table-column-sorter-up,
.ant-table-thead > tr > th .ant-table-column-sorter .ant-table-column-sorter-inner-full .ant-table-column-sorter-down {
  height: 0.5em;
  line-height: 0.5em;
}
.ant-table-thead > tr > th .ant-table-column-sorter .ant-table-column-sorter-inner-full .ant-table-column-sorter-down {
  margin-top: 0.125em;
}
.ant-table-thead > tr > th.ant-table-column-has-actions {
  position: relative;
  background-clip: padding-box;
}
.ant-table-thead > tr > th.ant-table-column-has-actions.ant-table-column-has-filters {
  padding-right: 30px !important;
}
.ant-table-thead > tr > th.ant-table-column-has-actions.ant-table-column-has-filters .anticon-filter.ant-table-filter-open,
.ant-table-thead > tr > th.ant-table-column-has-actions.ant-table-column-has-filters .ant-table-filter-icon.ant-table-filter-open {
  color: rgba(0, 0, 0, 0.45);
  background: #e5e5e5;
}
.ant-table-thead > tr > th.ant-table-column-has-actions.ant-table-column-has-filters:hover .anticon-filter:hover,
.ant-table-thead > tr > th.ant-table-column-has-actions.ant-table-column-has-filters:hover .ant-table-filter-icon:hover {
  color: rgba(0, 0, 0, 0.45);
  background: #e5e5e5;
}
.ant-table-thead > tr > th.ant-table-column-has-actions.ant-table-column-has-filters:hover .anticon-filter:active,
.ant-table-thead > tr > th.ant-table-column-has-actions.ant-table-column-has-filters:hover .ant-table-filter-icon:active {
  color: rgba(0, 0, 0, 0.65);
}
.ant-table-thead > tr > th.ant-table-column-has-actions.ant-table-column-has-sorters {
  cursor: pointer;
}
.ant-table-thead > tr > th.ant-table-column-has-actions.ant-table-column-has-sorters:hover {
  background: #f2f2f2;
}
.ant-table-thead > tr > th.ant-table-column-has-actions.ant-table-column-has-sorters:hover .anticon-filter,
.ant-table-thead > tr > th.ant-table-column-has-actions.ant-table-column-has-sorters:hover .ant-table-filter-icon {
  background: #f2f2f2;
}
.ant-table-thead > tr > th.ant-table-column-has-actions.ant-table-column-has-sorters:active .ant-table-column-sorter-up:not(.on),
.ant-table-thead > tr > th.ant-table-column-has-actions.ant-table-column-has-sorters:active .ant-table-column-sorter-down:not(.on) {
  color: rgba(0, 0, 0, 0.45);
}
.ant-table-thead > tr > th .ant-table-header-column {
  display: inline-block;
  vertical-align: top;
}
.ant-table-thead > tr > th .ant-table-header-column .ant-table-column-sorters {
  display: table;
}
.ant-table-thead > tr > th .ant-table-header-column .ant-table-column-sorters > .ant-table-column-title {
  display: table-cell;
  vertical-align: middle;
}
.ant-table-thead > tr > th .ant-table-header-column .ant-table-column-sorters > *:not(.ant-table-column-sorter) {
  position: relative;
}
.ant-table-thead > tr > th .ant-table-header-column .ant-table-column-sorters::before {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  content: '';
}
.ant-table-thead > tr > th .ant-table-header-column .ant-table-column-sorters:hover::before {
  background: rgba(0, 0, 0, 0.04);
}
.ant-table-thead > tr > th.ant-table-column-has-sorters {
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.ant-table-thead > tr:first-child > th:first-child {
  border-top-left-radius: 4px;
}
.ant-table-thead > tr:first-child > th:last-child {
  border-top-right-radius: 4px;
}
.ant-table-thead > tr:not(:last-child) > th[colspan] {
  border-bottom: 0;
}
.ant-table-tbody > tr > td {
  border-bottom: 1px solid #e9e9e9;
  -webkit-transition: all 0.3s, border 0s;
  -o-transition: all 0.3s, border 0s;
  transition: all 0.3s, border 0s;
}
.ant-table-thead > tr,
.ant-table-tbody > tr {
  -webkit-transition: all 0.3s, height 0s;
  -o-transition: all 0.3s, height 0s;
  transition: all 0.3s, height 0s;
}
.ant-table-thead > tr.ant-table-row-hover:not(.ant-table-expanded-row) > td,
.ant-table-tbody > tr.ant-table-row-hover:not(.ant-table-expanded-row) > td,
.ant-table-thead > tr:hover:not(.ant-table-expanded-row) > td,
.ant-table-tbody > tr:hover:not(.ant-table-expanded-row) > td {
  background: #fff5f0;
}
.ant-table-footer {
  position: relative;
  padding: 16px 16px;
  background: #fafafa;
  border-top: 1px solid #e9e9e9;
  border-radius: 0 0 4px 4px;
}
.ant-table-footer::before {
  position: absolute;
  top: -1px;
  left: 0;
  width: 100%;
  height: 1px;
  background: #fafafa;
  content: '';
}
.ant-table.ant-table-bordered .ant-table-footer {
  border: 1px solid #e9e9e9;
}
.ant-table-title {
  position: relative;
  top: 1px;
  padding: 16px 0;
  border-radius: 4px 4px 0 0;
}
.ant-table.ant-table-bordered .ant-table-title {
  padding-right: 16px;
  padding-left: 16px;
  border: 1px solid #e9e9e9;
}
.ant-table-title + .ant-table-content {
  position: relative;
  overflow: hidden;
  border-radius: 4px 4px 0 0;
}
.ant-table-bordered .ant-table-title + .ant-table-content,
.ant-table-bordered .ant-table-title + .ant-table-content table,
.ant-table-bordered .ant-table-title + .ant-table-content .ant-table-thead > tr:first-child > th {
  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-without-column-header.ant-table-bordered.ant-table-empty .ant-table-placeholder {
  border-top: 1px solid #e9e9e9;
  border-radius: 4px;
}
.ant-table-tbody > tr.ant-table-row-selected td {
  color: inherit;
  background: #fafafa;
}
.ant-table-thead > tr > th.ant-table-column-sort {
  background: #f5f5f5;
}
.ant-table-tbody > tr > td.ant-table-column-sort {
  background: rgba(0, 0, 0, 0.01);
}
.ant-table-thead > tr > th,
.ant-table-tbody > tr > td {
  padding: 16px 16px;
}
.ant-table-expand-icon-th,
.ant-table-row-expand-icon-cell {
  width: 50px;
  min-width: 50px;
  text-align: center;
}
.ant-table-header {
  overflow: hidden;
  background: #fafafa;
}
.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 {
  position: absolute;
  top: 50%;
  left: 50%;
  height: 20px;
  margin-left: -30px;
  line-height: 20px;
}
.ant-table-loading .ant-table-with-pagination {
  margin-top: -20px;
}
.ant-table-loading .ant-table-without-pagination {
  margin-top: 10px;
}
.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-right: 1px solid #e9e9e9;
  border-left: 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-left-radius: 0;
  border-top-right-radius: 0;
}
.ant-table-bordered.ant-table-fixed-header .ant-table-header + .ant-table-body > table,
.ant-table-bordered.ant-table-fixed-header .ant-table-body-inner > table {
  border-top: 0;
}
.ant-table-bordered .ant-table-thead > tr:not(:last-child) > 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-placeholder {
  position: relative;
  z-index: 1;
  padding: 16px 16px;
  color: rgba(0, 0, 0, 0.25);
  font-size: 12px;
  text-align: center;
  background: #fff;
  border-bottom: 1px solid #e9e9e9;
  border-radius: 0 0 4px 4px;
}
.ant-table-placeholder .anticon {
  margin-right: 4px;
}
.ant-table-pagination.ant-pagination {
  float: right;
  margin: 16px 0;
}
.ant-table-filter-dropdown {
  position: relative;
  min-width: 96px;
  margin-left: -8px;
  background: #fff;
  border-radius: 4px;
  -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
          box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
}
.ant-table-filter-dropdown .ant-dropdown-menu {
  border: 0;
  border-radius: 4px 4px 0 0;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.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 2px 8px rgba(0, 0, 0, 0.15);
          box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
}
.ant-table-filter-dropdown .ant-dropdown-menu .ant-dropdown-submenu-contain-selected .ant-dropdown-menu-submenu-title::after {
  color: #FE6A49;
  font-weight: bold;
  text-shadow: 0 0 2px #fff3ed;
}
.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 {
  padding: 7px 8px;
  overflow: hidden;
  border-top: 1px solid #e9e9e9;
}
.ant-table-filter-dropdown-link {
  color: #037aff;
}
.ant-table-filter-dropdown-link:hover {
  color: #3e91c8;
}
.ant-table-filter-dropdown-link:active {
  color: #015c9f;
}
.ant-table-filter-dropdown-link.confirm {
  float: left;
}
.ant-table-filter-dropdown-link.clear {
  float: right;
}
.ant-table-selection {
  white-space: nowrap;
}
.ant-table-selection-select-all-custom {
  margin-right: 4px !important;
}
.ant-table-selection .anticon-down {
  color: #bfbfbf;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.ant-table-selection-menu {
  min-width: 96px;
  margin-top: 5px;
  margin-left: -30px;
  background: #fff;
  border-radius: 4px;
  -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
          box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
}
.ant-table-selection-menu .ant-action-down {
  color: #bfbfbf;
}
.ant-table-selection-down {
  display: inline-block;
  padding: 0;
  line-height: 1;
  cursor: pointer;
}
.ant-table-selection-down:hover .anticon-down {
  color: rgba(0, 0, 0, 0.6);
}
.ant-table-row-expand-icon {
  display: inline-block;
  width: 17px;
  height: 17px;
  line-height: 14px;
  text-align: center;
  background: #fff;
  border: 1px solid #e9e9e9;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.ant-table-row-expanded::after {
  content: '-';
}
.ant-table-row-collapsed::after {
  content: '+';
}
.ant-table-row-spaced {
  visibility: hidden;
}
.ant-table-row-spaced::after {
  content: '.';
}
tr.ant-table-expanded-row,
tr.ant-table-expanded-row:hover {
  background: #fbfbfb;
}
tr.ant-table-expanded-row td > .ant-table-wrapper {
  margin: -16px -16px -17px;
}
.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-scroll table .ant-table-fixed-columns-in-body {
  visibility: hidden;
}
.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 {
  margin-bottom: -20px;
  padding-bottom: 20px;
  overflow: scroll;
  opacity: 0.9999;
}
.ant-table-fixed-left,
.ant-table-fixed-right {
  position: absolute;
  top: 0;
  z-index: auto;
  overflow: hidden;
  border-radius: 0;
  -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;
}
.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.15);
          box-shadow: 6px 0 6px -4px rgba(0, 0, 0, 0.15);
}
.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-left .ant-table-thead > tr > th:last-child {
  border-top-right-radius: 0;
}
.ant-table-fixed-right {
  right: 0;
  -webkit-box-shadow: -6px 0 6px -4px rgba(0, 0, 0, 0.15);
          box-shadow: -6px 0 6px -4px rgba(0, 0, 0, 0.15);
}
.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-fixed-right .ant-table-thead > tr > th:first-child {
  border-top-left-radius: 0;
}
.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;
}
.ant-table colgroup > col.ant-table-selection-col {
  width: 60px;
}
.ant-table-thead > tr > th.ant-table-selection-column-custom .ant-table-selection {
  margin-right: -15px;
}
.ant-table-thead > tr > th.ant-table-selection-column,
.ant-table-tbody > tr > td.ant-table-selection-column {
  text-align: center;
}
.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-row[class*='ant-table-row-level-0'] .ant-table-selection-column > span {
  display: inline-block;
}
.ant-table-middle > .ant-table-title,
.ant-table-middle > .ant-table-footer {
  padding: 12px 8px;
}
.ant-table-middle > .ant-table-content > .ant-table-header > table > .ant-table-thead > tr > th,
.ant-table-middle > .ant-table-content > .ant-table-body > table > .ant-table-thead > tr > th,
.ant-table-middle > .ant-table-content > .ant-table-scroll > .ant-table-header > table > .ant-table-thead > tr > th,
.ant-table-middle > .ant-table-content > .ant-table-scroll > .ant-table-body > table > .ant-table-thead > tr > th,
.ant-table-middle > .ant-table-content > .ant-table-fixed-left > .ant-table-header > table > .ant-table-thead > tr > th,
.ant-table-middle > .ant-table-content > .ant-table-fixed-right > .ant-table-header > table > .ant-table-thead > tr > th,
.ant-table-middle > .ant-table-content > .ant-table-fixed-left > .ant-table-body-outer > .ant-table-body-inner > table > .ant-table-thead > tr > th,
.ant-table-middle > .ant-table-content > .ant-table-fixed-right > .ant-table-body-outer > .ant-table-body-inner > table > .ant-table-thead > tr > th,
.ant-table-middle > .ant-table-content > .ant-table-header > table > .ant-table-tbody > tr > td,
.ant-table-middle > .ant-table-content > .ant-table-body > table > .ant-table-tbody > tr > td,
.ant-table-middle > .ant-table-content > .ant-table-scroll > .ant-table-header > table > .ant-table-tbody > tr > td,
.ant-table-middle > .ant-table-content > .ant-table-scroll > .ant-table-body > table > .ant-table-tbody > tr > td,
.ant-table-middle > .ant-table-content > .ant-table-fixed-left > .ant-table-header > table > .ant-table-tbody > tr > td,
.ant-table-middle > .ant-table-content > .ant-table-fixed-right > .ant-table-header > table > .ant-table-tbody > tr > td,
.ant-table-middle > .ant-table-content > .ant-table-fixed-left > .ant-table-body-outer > .ant-table-body-inner > table > .ant-table-tbody > tr > td,
.ant-table-middle > .ant-table-content > .ant-table-fixed-right > .ant-table-body-outer > .ant-table-body-inner > table > .ant-table-tbody > tr > td {
  padding: 12px 8px;
}
.ant-table-middle tr.ant-table-expanded-row td > .ant-table-wrapper {
  margin: -12px -8px -13px;
}
.ant-table-small {
  border: 1px solid #e9e9e9;
  border-radius: 4px;
}
.ant-table-small > .ant-table-title,
.ant-table-small > .ant-table-footer {
  padding: 8px 8px;
}
.ant-table-small > .ant-table-title {
  top: 0;
  border-bottom: 1px solid #e9e9e9;
}
.ant-table-small > .ant-table-content > .ant-table-body {
  margin: 0 8px;
}
.ant-table-small > .ant-table-content > .ant-table-header > table,
.ant-table-small > .ant-table-content > .ant-table-body > table,
.ant-table-small > .ant-table-content > .ant-table-scroll > .ant-table-header > table,
.ant-table-small > .ant-table-content > .ant-table-scroll > .ant-table-body > table,
.ant-table-small > .ant-table-content > .ant-table-fixed-left > .ant-table-header > table,
.ant-table-small > .ant-table-content > .ant-table-fixed-right > .ant-table-header > table,
.ant-table-small > .ant-table-content > .ant-table-fixed-left > .ant-table-body-outer > .ant-table-body-inner > table,
.ant-table-small > .ant-table-content > .ant-table-fixed-right > .ant-table-body-outer > .ant-table-body-inner > table {
  border: 0;
}
.ant-table-small > .ant-table-content > .ant-table-header > table > .ant-table-thead > tr > th,
.ant-table-small > .ant-table-content > .ant-table-body > table > .ant-table-thead > tr > th,
.ant-table-small > .ant-table-content > .ant-table-scroll > .ant-table-header > table > .ant-table-thead > tr > th,
.ant-table-small > .ant-table-content > .ant-table-scroll > .ant-table-body > table > .ant-table-thead > tr > th,
.ant-table-small > .ant-table-content > .ant-table-fixed-left > .ant-table-header > table > .ant-table-thead > tr > th,
.ant-table-small > .ant-table-content > .ant-table-fixed-right > .ant-table-header > table > .ant-table-thead > tr > th,
.ant-table-small > .ant-table-content > .ant-table-fixed-left > .ant-table-body-outer > .ant-table-body-inner > table > .ant-table-thead > tr > th,
.ant-table-small > .ant-table-content > .ant-table-fixed-right > .ant-table-body-outer > .ant-table-body-inner > table > .ant-table-thead > tr > th,
.ant-table-small > .ant-table-content > .ant-table-header > table > .ant-table-tbody > tr > td,
.ant-table-small > .ant-table-content > .ant-table-body > table > .ant-table-tbody > tr > td,
.ant-table-small > .ant-table-content > .ant-table-scroll > .ant-table-header > table > .ant-table-tbody > tr > td,
.ant-table-small > .ant-table-content > .ant-table-scroll > .ant-table-body > table > .ant-table-tbody > tr > td,
.ant-table-small > .ant-table-content > .ant-table-fixed-left > .ant-table-header > table > .ant-table-tbody > tr > td,
.ant-table-small > .ant-table-content > .ant-table-fixed-right > .ant-table-header > table > .ant-table-tbody > tr > td,
.ant-table-small > .ant-table-content > .ant-table-fixed-left > .ant-table-body-outer > .ant-table-body-inner > table > .ant-table-tbody > tr > td,
.ant-table-small > .ant-table-content > .ant-table-fixed-right > .ant-table-body-outer > .ant-table-body-inner > table > .ant-table-tbody > tr > td {
  padding: 8px 8px;
}
.ant-table-small > .ant-table-content > .ant-table-header > table > .ant-table-thead > tr,
.ant-table-small > .ant-table-content > .ant-table-body > table > .ant-table-thead > tr,
.ant-table-small > .ant-table-content > .ant-table-scroll > .ant-table-header > table > .ant-table-thead > tr,
.ant-table-small > .ant-table-content > .ant-table-scroll > .ant-table-body > table > .ant-table-thead > tr,
.ant-table-small > .ant-table-content > .ant-table-fixed-left > .ant-table-header > table > .ant-table-thead > tr,
.ant-table-small > .ant-table-content > .ant-table-fixed-right > .ant-table-header > table > .ant-table-thead > tr,
.ant-table-small > .ant-table-content > .ant-table-fixed-left > .ant-table-body-outer > .ant-table-body-inner > table > .ant-table-thead > tr,
.ant-table-small > .ant-table-content > .ant-table-fixed-right > .ant-table-body-outer > .ant-table-body-inner > table > .ant-table-thead > tr {
  background-color: transparent;
  border-bottom: 1px solid #e9e9e9;
}
.ant-table-small > .ant-table-content > .ant-table-header > table > .ant-table-thead > tr > th.ant-table-column-sort,
.ant-table-small > .ant-table-content > .ant-table-body > table > .ant-table-thead > tr > th.ant-table-column-sort,
.ant-table-small > .ant-table-content > .ant-table-scroll > .ant-table-header > table > .ant-table-thead > tr > th.ant-table-column-sort,
.ant-table-small > .ant-table-content > .ant-table-scroll > .ant-table-body > table > .ant-table-thead > tr > th.ant-table-column-sort,
.ant-table-small > .ant-table-content > .ant-table-fixed-left > .ant-table-header > table > .ant-table-thead > tr > th.ant-table-column-sort,
.ant-table-small > .ant-table-content > .ant-table-fixed-right > .ant-table-header > table > .ant-table-thead > tr > th.ant-table-column-sort,
.ant-table-small > .ant-table-content > .ant-table-fixed-left > .ant-table-body-outer > .ant-table-body-inner > table > .ant-table-thead > tr > th.ant-table-column-sort,
.ant-table-small > .ant-table-content > .ant-table-fixed-right > .ant-table-body-outer > .ant-table-body-inner > table > .ant-table-thead > tr > th.ant-table-column-sort {
  background-color: rgba(0, 0, 0, 0.01);
}
.ant-table-small > .ant-table-content > .ant-table-scroll > .ant-table-header > table,
.ant-table-small > .ant-table-content > .ant-table-scroll > .ant-table-body > table,
.ant-table-small > .ant-table-content > .ant-table-fixed-left > .ant-table-header > table,
.ant-table-small > .ant-table-content > .ant-table-fixed-right > .ant-table-header > table,
.ant-table-small > .ant-table-content > .ant-table-fixed-left > .ant-table-body-outer > .ant-table-body-inner > table,
.ant-table-small > .ant-table-content > .ant-table-fixed-right > .ant-table-body-outer > .ant-table-body-inner > table {
  padding: 0;
}
.ant-table-small > .ant-table-content .ant-table-header {
  background-color: #fff;
}
.ant-table-small > .ant-table-content .ant-table-placeholder,
.ant-table-small > .ant-table-content .ant-table-row:last-child td {
  border-bottom: 0;
}
.ant-table-small.ant-table-bordered {
  border-right: 0;
}
.ant-table-small.ant-table-bordered .ant-table-title {
  border: 0;
  border-right: 1px solid #e9e9e9;
  border-bottom: 1px solid #e9e9e9;
}
.ant-table-small.ant-table-bordered .ant-table-content {
  border-right: 1px solid #e9e9e9;
}
.ant-table-small.ant-table-bordered .ant-table-footer {
  border: 0;
  border-top: 1px solid #e9e9e9;
  border-right: 1px solid #e9e9e9;
}
.ant-table-small.ant-table-bordered .ant-table-footer::before {
  display: none;
}
.ant-table-small.ant-table-bordered .ant-table-placeholder {
  border-right: 0;
  border-bottom: 0;
  border-left: 0;
}
.ant-table-small.ant-table-bordered .ant-table-thead > tr > th:last-child,
.ant-table-small.ant-table-bordered .ant-table-tbody > tr > td:last-child {
  border-right: none;
}
.ant-table-small.ant-table-bordered .ant-table-fixed-left .ant-table-thead > tr > th:last-child,
.ant-table-small.ant-table-bordered .ant-table-fixed-left .ant-table-tbody > tr > td:last-child {
  border-right: 1px solid #e9e9e9;
}
.ant-table-small.ant-table-bordered .ant-table-fixed-right {
  border-right: 1px solid #e9e9e9;
  border-left: 1px solid #e9e9e9;
}
.ant-table-small tr.ant-table-expanded-row td > .ant-table-wrapper {
  margin: -8px -8px -9px;
}

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
.ant-spin {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.65);
  font-size: 12px;
  font-variant: tabular-nums;
  line-height: 1.5;
  list-style: none;
  -webkit-font-feature-settings: 'tnum';
          font-feature-settings: 'tnum';
  position: absolute;
  display: none;
  color: #FE6A49;
  text-align: center;
  vertical-align: middle;
  opacity: 0;
  -webkit-transition: -webkit-transform 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86);
  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);
}
.ant-spin-spinning {
  position: static;
  display: inline-block;
  opacity: 1;
}
.ant-spin-nested-loading {
  position: relative;
}
.ant-spin-nested-loading > div > .ant-spin {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 4;
  display: block;
  width: 100%;
  height: 100%;
  max-height: 400px;
}
.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;
  text-shadow: 0 1px 2px #fff;
}
.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;
  -webkit-transition: opacity 0.3s;
  -o-transition: opacity 0.3s;
  transition: opacity 0.3s;
}
.ant-spin-container::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 10;
  display: none \9;
  width: 100%;
  height: 100%;
  background: #fff;
  opacity: 0;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  content: '';
  pointer-events: none;
}
.ant-spin-blur {
  clear: both;
  overflow: hidden;
  opacity: 0.5;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  pointer-events: none;
}
.ant-spin-blur::after {
  opacity: 0.4;
  pointer-events: auto;
}
.ant-spin-tip {
  color: rgba(0, 0, 0, 0.45);
}
.ant-spin-dot {
  position: relative;
  display: inline-block;
  font-size: 20px;
  width: 1em;
  height: 1em;
}
.ant-spin-dot-item {
  position: absolute;
  display: block;
  width: 9px;
  height: 9px;
  background-color: #FE6A49;
  border-radius: 100%;
  -webkit-transform: scale(0.75);
      -ms-transform: scale(0.75);
          transform: scale(0.75);
  -webkit-transform-origin: 50% 50%;
      -ms-transform-origin: 50% 50%;
          transform-origin: 50% 50%;
  opacity: 0.3;
  -webkit-animation: antSpinMove 1s infinite linear alternate;
          animation: antSpinMove 1s infinite linear alternate;
}
.ant-spin-dot-item:nth-child(1) {
  top: 0;
  left: 0;
}
.ant-spin-dot-item:nth-child(2) {
  top: 0;
  right: 0;
  -webkit-animation-delay: 0.4s;
          animation-delay: 0.4s;
}
.ant-spin-dot-item:nth-child(3) {
  right: 0;
  bottom: 0;
  -webkit-animation-delay: 0.8s;
          animation-delay: 0.8s;
}
.ant-spin-dot-item:nth-child(4) {
  bottom: 0;
  left: 0;
  -webkit-animation-delay: 1.2s;
          animation-delay: 1.2s;
}
.ant-spin-dot-spin {
  -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-sm .ant-spin-dot {
  font-size: 14px;
}
.ant-spin-sm .ant-spin-dot i {
  width: 6px;
  height: 6px;
}
.ant-spin-lg .ant-spin-dot {
  font-size: 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);
  }
}

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
.ant-pagination {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.65);
  font-size: 12px;
  font-variant: tabular-nums;
  line-height: 1.5;
  list-style: none;
  -webkit-font-feature-settings: 'tnum';
          font-feature-settings: 'tnum';
}
.ant-pagination ul,
.ant-pagination ol {
  margin: 0;
  padding: 0;
  list-style: none;
}
.ant-pagination::after {
  display: block;
  clear: both;
  height: 0;
  overflow: hidden;
  visibility: hidden;
  content: ' ';
}
.ant-pagination-total-text {
  display: inline-block;
  height: 32px;
  margin-right: 8px;
  line-height: 30px;
  vertical-align: middle;
}
.ant-pagination-item {
  display: inline-block;
  min-width: 32px;
  height: 32px;
  margin-right: 8px;
  font-family: Arial;
  line-height: 30px;
  text-align: center;
  vertical-align: middle;
  list-style: none;
  background-color: #fff;
  border: 1px solid #d9d9d9;
  border-radius: 4px;
  outline: 0;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.ant-pagination-item a {
  display: block;
  padding: 0 6px;
  color: rgba(0, 0, 0, 0.65);
  -webkit-transition: none;
  -o-transition: none;
  transition: none;
}
.ant-pagination-item:focus,
.ant-pagination-item:hover {
  border-color: #FE6A49;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.ant-pagination-item:focus a,
.ant-pagination-item:hover a {
  color: #FE6A49;
}
.ant-pagination-item-active {
  font-weight: 500;
  background: #fff;
  border-color: #FE6A49;
}
.ant-pagination-item-active a {
  color: #FE6A49;
}
.ant-pagination-item-active:focus,
.ant-pagination-item-active:hover {
  border-color: #ff9173;
}
.ant-pagination-item-active:focus a,
.ant-pagination-item-active:hover a {
  color: #ff9173;
}
.ant-pagination-jump-prev,
.ant-pagination-jump-next {
  outline: 0;
}
.ant-pagination-jump-prev .ant-pagination-item-container,
.ant-pagination-jump-next .ant-pagination-item-container {
  position: relative;
}
.ant-pagination-jump-prev .ant-pagination-item-container .ant-pagination-item-link-icon,
.ant-pagination-jump-next .ant-pagination-item-container .ant-pagination-item-link-icon {
  display: inline-block;
  font-size: 12px;
  font-size: 12px \9;
  -webkit-transform: scale(1) rotate(0deg);
      -ms-transform: scale(1) rotate(0deg);
          transform: scale(1) rotate(0deg);
  color: #FE6A49;
  letter-spacing: -1px;
  opacity: 0;
  -webkit-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s;
}
:root .ant-pagination-jump-prev .ant-pagination-item-container .ant-pagination-item-link-icon,
:root .ant-pagination-jump-next .ant-pagination-item-container .ant-pagination-item-link-icon {
  font-size: 12px;
}
.ant-pagination-jump-prev .ant-pagination-item-container .ant-pagination-item-link-icon-svg,
.ant-pagination-jump-next .ant-pagination-item-container .ant-pagination-item-link-icon-svg {
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
}
.ant-pagination-jump-prev .ant-pagination-item-container .ant-pagination-item-ellipsis,
.ant-pagination-jump-next .ant-pagination-item-container .ant-pagination-item-ellipsis {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: block;
  margin: auto;
  color: rgba(0, 0, 0, 0.25);
  letter-spacing: 2px;
  text-align: center;
  text-indent: 0.13em;
  opacity: 1;
  -webkit-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s;
}
.ant-pagination-jump-prev:focus .ant-pagination-item-link-icon,
.ant-pagination-jump-next:focus .ant-pagination-item-link-icon,
.ant-pagination-jump-prev:hover .ant-pagination-item-link-icon,
.ant-pagination-jump-next:hover .ant-pagination-item-link-icon {
  opacity: 1;
}
.ant-pagination-jump-prev:focus .ant-pagination-item-ellipsis,
.ant-pagination-jump-next:focus .ant-pagination-item-ellipsis,
.ant-pagination-jump-prev:hover .ant-pagination-item-ellipsis,
.ant-pagination-jump-next:hover .ant-pagination-item-ellipsis {
  opacity: 0;
}
.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 {
  display: inline-block;
  min-width: 32px;
  height: 32px;
  color: rgba(0, 0, 0, 0.65);
  font-family: Arial;
  line-height: 32px;
  text-align: center;
  vertical-align: middle;
  list-style: none;
  border-radius: 4px;
  cursor: pointer;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.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 {
  border-color: #ff9173;
}
.ant-pagination-prev .ant-pagination-item-link,
.ant-pagination-next .ant-pagination-item-link {
  display: block;
  height: 100%;
  font-size: 12px;
  text-align: center;
  background-color: #fff;
  border: 1px solid #d9d9d9;
  border-radius: 4px;
  outline: none;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.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 {
  color: #FE6A49;
  border-color: #FE6A49;
}
.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 {
  color: rgba(0, 0, 0, 0.25);
  border-color: #d9d9d9;
  cursor: not-allowed;
}
.ant-pagination-slash {
  margin: 0 10px 0 5px;
}
.ant-pagination-options {
  display: inline-block;
  margin-left: 16px;
  vertical-align: middle;
}
.ant-pagination-options-size-changer.ant-select {
  display: inline-block;
  width: auto;
  margin-right: 8px;
}
.ant-pagination-options-quick-jumper {
  display: inline-block;
  height: 28px;
  line-height: 28px;
  vertical-align: top;
}
.ant-pagination-options-quick-jumper input {
  position: relative;
  display: inline-block;
  width: 100%;
  height: 28px;
  padding: 4px 7px;
  color: rgba(0, 0, 0, 0.65);
  font-size: 12px;
  line-height: 1.5;
  background-color: #fff;
  background-image: none;
  border: 1px solid #d9d9d9;
  border-radius: 4px;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  width: 50px;
  margin: 0 8px;
}
.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: #e6d8d8;
  border-right-width: 1px !important;
}
.ant-pagination-options-quick-jumper input:focus {
  border-color: #ff9173;
  border-right-width: 1px !important;
  outline: 0;
  -webkit-box-shadow: 0 0 0 2px rgba(254, 106, 73, 0.2);
          box-shadow: 0 0 0 2px rgba(254, 106, 73, 0.2);
}
.ant-pagination-options-quick-jumper input-disabled {
  color: rgba(0, 0, 0, 0.25);
  background-color: #f5f5f5;
  cursor: not-allowed;
  opacity: 1;
}
.ant-pagination-options-quick-jumper input-disabled:hover {
  border-color: #e6d8d8;
  border-right-width: 1px !important;
}
.ant-pagination-options-quick-jumper input[disabled] {
  color: rgba(0, 0, 0, 0.25);
  background-color: #f5f5f5;
  cursor: not-allowed;
  opacity: 1;
}
.ant-pagination-options-quick-jumper input[disabled]:hover {
  border-color: #e6d8d8;
  border-right-width: 1px !important;
}
textarea.ant-pagination-options-quick-jumper input {
  max-width: 100%;
  height: auto;
  min-height: 28px;
  vertical-align: bottom;
  -webkit-transition: all 0.3s, height 0s;
  -o-transition: all 0.3s, height 0s;
  transition: all 0.3s, height 0s;
}
.ant-pagination-options-quick-jumper input-lg {
  height: 32px;
  padding: 6px 7px;
  font-size: 14px;
}
.ant-pagination-options-quick-jumper input-sm {
  height: 22px;
  padding: 1px 7px;
}
.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 {
  height: 24px;
  border: 0;
}
.ant-pagination-simple .ant-pagination-prev .ant-pagination-item-link::after,
.ant-pagination-simple .ant-pagination-next .ant-pagination-item-link::after {
  height: 24px;
  line-height: 24px;
}
.ant-pagination-simple .ant-pagination-simple-pager {
  display: inline-block;
  height: 24px;
  margin-right: 8px;
}
.ant-pagination-simple .ant-pagination-simple-pager input {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  height: 100%;
  margin-right: 8px;
  padding: 0 6px;
  text-align: center;
  background-color: #fff;
  border: 1px solid #d9d9d9;
  border-radius: 4px;
  outline: none;
  -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: #FE6A49;
}
.ant-pagination.mini .ant-pagination-total-text,
.ant-pagination.mini .ant-pagination-simple-pager {
  height: 24px;
  line-height: 24px;
}
.ant-pagination.mini .ant-pagination-item {
  min-width: 24px;
  height: 24px;
  margin: 0;
  line-height: 22px;
}
.ant-pagination.mini .ant-pagination-item:not(.ant-pagination-item-active) {
  background: transparent;
  border-color: transparent;
}
.ant-pagination.mini .ant-pagination-prev,
.ant-pagination.mini .ant-pagination-next {
  min-width: 24px;
  height: 24px;
  margin: 0;
  line-height: 24px;
}
.ant-pagination.mini .ant-pagination-prev .ant-pagination-item-link,
.ant-pagination.mini .ant-pagination-next .ant-pagination-item-link {
  background: transparent;
  border-color: transparent;
}
.ant-pagination.mini .ant-pagination-prev .ant-pagination-item-link::after,
.ant-pagination.mini .ant-pagination-next .ant-pagination-item-link::after {
  height: 24px;
  line-height: 24px;
}
.ant-pagination.mini .ant-pagination-jump-prev,
.ant-pagination.mini .ant-pagination-jump-next {
  height: 24px;
  margin-right: 0;
  line-height: 24px;
}
.ant-pagination.mini .ant-pagination-options {
  margin-left: 2px;
}
.ant-pagination.mini .ant-pagination-options-quick-jumper {
  height: 24px;
  line-height: 24px;
}
.ant-pagination.mini .ant-pagination-options-quick-jumper input {
  height: 22px;
  padding: 1px 7px;
  width: 44px;
}
.ant-pagination.ant-pagination-disabled {
  cursor: not-allowed;
}
.ant-pagination.ant-pagination-disabled .ant-pagination-item {
  background: #f5f5f5;
  border-color: #d9d9d9;
  cursor: not-allowed;
}
.ant-pagination.ant-pagination-disabled .ant-pagination-item a {
  color: rgba(0, 0, 0, 0.25);
  background: transparent;
  border: none;
  cursor: not-allowed;
}
.ant-pagination.ant-pagination-disabled .ant-pagination-item-active {
  background: #dbdbdb;
  border-color: transparent;
}
.ant-pagination.ant-pagination-disabled .ant-pagination-item-active a {
  color: #fff;
}
.ant-pagination.ant-pagination-disabled .ant-pagination-item-link,
.ant-pagination.ant-pagination-disabled .ant-pagination-item-link:hover,
.ant-pagination.ant-pagination-disabled .ant-pagination-item-link:focus {
  color: rgba(0, 0, 0, 0.45);
  background: #f5f5f5;
  border-color: #d9d9d9;
  cursor: not-allowed;
}
.ant-pagination.ant-pagination-disabled .ant-pagination-jump-prev:focus .ant-pagination-item-link-icon,
.ant-pagination.ant-pagination-disabled .ant-pagination-jump-next:focus .ant-pagination-item-link-icon,
.ant-pagination.ant-pagination-disabled .ant-pagination-jump-prev:hover .ant-pagination-item-link-icon,
.ant-pagination.ant-pagination-disabled .ant-pagination-jump-next:hover .ant-pagination-item-link-icon {
  opacity: 0;
}
.ant-pagination.ant-pagination-disabled .ant-pagination-jump-prev:focus .ant-pagination-item-ellipsis,
.ant-pagination.ant-pagination-disabled .ant-pagination-jump-next:focus .ant-pagination-item-ellipsis,
.ant-pagination.ant-pagination-disabled .ant-pagination-jump-prev:hover .ant-pagination-item-ellipsis,
.ant-pagination.ant-pagination-disabled .ant-pagination-jump-next:hover .ant-pagination-item-ellipsis {
  opacity: 1;
}
@media only screen and (max-width: 992px) {
  .ant-pagination-item-after-jump-prev,
  .ant-pagination-item-before-jump-next {
    display: none;
  }
}
@media only screen and (max-width: 576px) {
  .ant-pagination-options {
    display: none;
  }
}

.drive-operation-container {
  margin-left: -6px;
  cursor: pointer; }
  .drive-operation-container .operation-item {
    display: block;
    color: #222;
    cursor: pointer; }
    .drive-operation-container .operation-item:hover {
      color: #fe6a49; }
  .drive-operation-container .setting-active {
    color: #fe6a49; }

.drive-operation-sub .ant-menu-sub {
  min-width: auto; }

.drive-operation-sub .ant-menu-submenu-arrow {
  display: none; }

.drive-operation-sub .operation-item {
  color: #222; }

.drive-menu-operation-icon {
  display: inline-block;
  font-size: 12px;
  color: #828992;
  cursor: pointer;
  -webkit-transform: scale(0.6);
      -ms-transform: scale(0.6);
          transform: scale(0.6); }
  .drive-menu-operation-icon.selected {
    display: inline-block !important;
    color: #fe6a49; }

.drive-operation-menu {
  padding-top: 15px;
  padding-bottom: 15px;
  margin-left: -6px; }

.drive-account-name-cell {
  max-width: 80px; }

.share-icon {
  width: 14px;
  height: 14px; }

.drive-file-name-cell {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  height: 24px; }
  .drive-file-name-cell .tool-item-file {
    display: none;
    position: absolute;
    right: 0;
    top: 2px; }
  .drive-file-name-cell .file-name {
    margin-right: 15px;
    display: -webkit-box;
    overflow: hidden;
    color: #222;
    text-overflow: ellipsis;
    text-overflow: -o-ellipsis-lastline;
    word-break: break-all;
    word-wrap: break-word;
    vertical-align: middle;
    -webkit-line-clamp: 1;
    /* autoprefixer: off */
    -webkit-box-orient: vertical !important;
    line-clamp: 1; }
  .drive-file-name-cell .left-icon {
    margin-right: 8px; }
    .drive-file-name-cell .left-icon .file-icon {
      width: 24px;
      height: 24px; }
    .drive-file-name-cell .left-icon .share-tag {
      position: absolute;
      bottom: -2px;
      left: 16px;
      display: inline-block;
      width: 12px;
      height: 12px;
      font-size: 12px; }
      .drive-file-name-cell .left-icon .share-tag img {
        width: 12px;
        height: 12px; }

.drive-origin-text-cell {
  max-width: 120px; }

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */

.drive-filter-container {
  cursor: pointer; }
  .drive-filter-container .ant-popover-inner-content {
    padding: 0 !important; }
  .drive-filter-container .drive-table-filter-content {
    width: 300px;
    max-height: 500px; }
    .drive-filter-container .drive-table-filter-content .filter-scroll-content {
      height: 100%;
      padding: 16px; }
    .drive-filter-container .drive-table-filter-content .filter-header {
      font-size: 14px;
      cursor: default; }
      .drive-filter-container .drive-table-filter-content .filter-header .filter-tips {
        font-weight: 500;
        color: #333; }
      .drive-filter-container .drive-table-filter-content .filter-header .reset-text {
        float: right;
        color: #828992;
        cursor: default; }
        .drive-filter-container .drive-table-filter-content .filter-header .reset-text.heightlight {
          color: #fe6a49;
          cursor: pointer; }
    .drive-filter-container .drive-table-filter-content .filter-item-sub {
      margin-top: 14px;
      font-size: 12px; }
      .drive-filter-container .drive-table-filter-content .filter-item-sub .filter-item-label {
        margin-bottom: 10px;
        font-weight: 500;
        color: #333; }
      .drive-filter-container .drive-table-filter-content .filter-item-sub .radio-item {
        min-width: 78px;
        margin-bottom: 6px;
        color: #828992; }
        .drive-filter-container .drive-table-filter-content .filter-item-sub .radio-item.en {
          min-width: 114px; }
      .drive-filter-container .drive-table-filter-content .filter-item-sub .time-picker {
        width: 100%; }
  .drive-filter-container .ant-popover-arrow {
    display: none; }
  .drive-filter-container.ant-popover-placement-bottomRight {
    padding-top: 0; }

.drive-filter-menu {
  cursor: pointer; }
  .drive-filter-menu .drive-filter-operation-icon {
    display: inline-block;
    font-size: 14px;
    color: #5d6470; }
  .drive-filter-menu .filter-text {
    margin-left: 4px;
    font-size: 14px;
    color: #333; }
  .drive-filter-menu .selected {
    color: #fe6a49; }

.drive-table-wrapper {
  position: relative;
  padding: 0 20px 0 20px; }
  .drive-table-wrapper .ant-table-thead > tr {
    background-color: #f3f4f6; }
  .drive-table-wrapper .ant-table-thead > tr > th,
  .drive-table-wrapper .ant-table-tbody > tr > td {
    padding: 12px 0 12px 10px; }
  .drive-table-wrapper .ant-table-thead > tr > th {
    border-bottom: none; }
  .drive-table-wrapper .ant-table-tbody > tr > td {
    border-bottom: none; }
  .drive-table-wrapper .ant-table colgroup > col.ant-table-selection-col {
    width: 30px; }
  .drive-table-wrapper .ant-table-pagination.hidden {
    visibility: hidden; }
  .drive-table-wrapper .drive-table-row {
    cursor: pointer; }
    .drive-table-wrapper .drive-table-row.highlight {
      background: #eaedf1; }
    .drive-table-wrapper .drive-table-row:hover .tool-item-file {
      display: inline-block; }
      .drive-table-wrapper .drive-table-row:hover .tool-item-file:hover {
        color: #fe6a49; }
  .drive-table-wrapper .header {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center;
    -ms-flex-pack: justify;
        justify-content: space-between;
    height: 56px;
    line-height: 56px; }
  .drive-table-wrapper .failed .list-load-failed-tip {
    margin: 60px 0; }
  .drive-table-wrapper .empty .empty-content-container {
    margin-top: 10%; }
  .drive-table-wrapper .empty .empty-desc-text {
    margin: auto; }
  .drive-table-wrapper .empty img {
    width: 180px;
    margin-bottom: -25px;
    margin-top: -15px; }
  .drive-table-wrapper .table-filter-icon {
    -webkit-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
            transform: rotate(-90deg);
    display: none; }
  .drive-table-wrapper .filter-time-span {
    width: 120px !important;
    color: rgba(0, 0, 0, 0.85) !important;
    padding-left: 10px;
    padding-top: 12px;
    text-align: left !important; }
  .drive-table-wrapper .title-name-wrap:hover {
    color: #fe6a49;
    cursor: pointer; }
  .drive-table-wrapper .title-name-wrap .name-sort-icon {
    display: none; }
  .drive-table-wrapper .title-name-wrap .dec {
    display: inline-block;
    -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
            transform: rotate(180deg); }
  .drive-table-wrapper .title-name-wrap .asc {
    -webkit-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
            transform: rotate(0deg); }
  .drive-table-wrapper .table-item-selected {
    background-color: #eaedf1 !important; }
  .drive-table-wrapper .breadcrumb-selected .nav-item {
    color: #fe6a49 !important; }
  .drive-table-wrapper .ant-table-header {
    margin-bottom: 0px !important;
    margin-right: -6px !important;
    overflow-x: hidden !important; }
  .drive-table-wrapper .ant-table-body {
    overflow-y: auto !important; }

.drive-table-wrapper .multi-actions {
  position: absolute;
  bottom: 7px;
  padding-left: 2px;
  margin-bottom: 6px;
  font-size: 12px; }
  .drive-table-wrapper .multi-actions .action {
    height: 24px;
    padding: 0 12px;
    margin-right: 10px;
    line-height: 22px;
    color: #fe6a49;
    border: 1px solid;
    border-radius: 4px; }
    .drive-table-wrapper .multi-actions .action .icon {
      margin-right: 4px; }
  .drive-table-wrapper .multi-actions .error-tips {
    color: rgba(0, 0, 0, 0.25);
    -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); }
    .drive-table-wrapper .multi-actions .error-tips .icon {
      margin-right: 4px;
      font-size: 13px;
      color: #faad14; }

.drive-path-nav {
  font-size: 14px; }
  .drive-path-nav .anticon-down {
    display: none !important; }
  .drive-path-nav .nav-item {
    font-size: 14px;
    color: #919191;
    cursor: pointer;
    -webkit-transition: color 0.3s;
    -o-transition: color 0.3s;
    transition: color 0.3s; }
    .drive-path-nav .nav-item:hover {
      color: #fe6a49; }
  .drive-path-nav .last-bread-crumb .nav-item {
    color: #222; }

.drive-omit-nav-menu {
  padding: 4px 0; }
  .drive-omit-nav-menu .drive-omit-nav-item {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center;
    font-size: 12px; }
    .drive-omit-nav-menu .drive-omit-nav-item .icon {
      width: 14px;
      margin-right: 4px; }

.question-mark-tip {
  margin-left: 4px;
  cursor: pointer; }
  .question-mark-tip.icon:hover {
    color: #fc7256;
    cursor: pointer; }

.drive-team-space-list {
  height: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  overflow: hidden; }
  .drive-team-space-list .drive-content-header {
    -ms-flex: none;
        flex: none; }
  .drive-team-space-list .drive-table-wrapper {
    -ms-flex: 1 1;
        flex: 1 1; }

.team-space-setting-popover .setting-item {
  height: 24px;
  padding: 0;
  line-height: 24px;
  color: #222;
  cursor: pointer; }
  .team-space-setting-popover .setting-item:hover {
    color: #fe6a49; }

.team-space-setting-popover .ant-dropdown-menu-item:hover,
.team-space-setting-popover .ant-dropdown-menu-submenu-title:hover {
  background: none; }

.team-space-setting-popover .ant-dropdown-menu-submenu-title {
  padding-right: 16px; }

.team-space-setting-popover .ant-dropdown-menu-submenu-arrow {
  visibility: hidden; }

.team-space-setting-popover .ant-dropdown-menu-item {
  padding: 5px 12px !important; }
  .team-space-setting-popover .ant-dropdown-menu-item .setting-item {
    padding: 5px 12px; }
  .team-space-setting-popover .ant-dropdown-menu-item:last-child {
    padding-bottom: 12px !important; }

.drive-manager-operation-sub .setting-item {
  height: 24px;
  padding: 0;
  line-height: 24px;
  color: #222;
  cursor: pointer; }
  .drive-manager-operation-sub .setting-item:hover {
    color: #fe6a49; }

.drive-manager-operation-sub .ant-dropdown-menu {
  padding: 8px 0;
  margin-top: -4px; }

.drive-team-space-empty {
  width: 100%;
  margin-top: 30vh;
  text-align: center; }
  .drive-team-space-empty .empty-desc-text {
    max-width: none;
    font-size: 14px; }
  .drive-team-space-empty .create-space-btn {
    margin-top: 20px;
    font-size: 14px; }

.space-empty img {
  margin-top: -30px;
  width: 180px;
  margin-bottom: 10px; }

.drive-content-header {
  display: inline-block;
  width: 100%;
  padding-top: 22px;
  padding-bottom: 20px;
  padding-left: 22px;
  line-height: 30px;
  border-bottom: 1px solid #e4e7e9; }
  .drive-content-header.win {
    padding-top: 0;
    padding-bottom: 12px; }
  .drive-content-header .header-buttons {
    float: right;
    margin-right: 20px; }
  .drive-content-header .upload-btn {
    font-size: 14px;
    border-radius: 6px; }
  .drive-content-header .upload-btn-default {
    margin-right: 12px;
    font-size: 14px;
    border-radius: 6px;
    background: #f3f4f6;
    color: #222; }
    .drive-content-header .upload-btn-default:hover {
      color: #222; }
  .drive-content-header .upload-btn-default-dis {
    margin-right: 12px;
    font-size: 14px;
    border-radius: 6px;
    background: #f5f5f5;
    color: #828992; }
  .drive-content-header .upload-btn-icon {
    margin-right: 6px; }
  .drive-content-header .add-folder-simple {
    padding: 6px 7px;
    cursor: pointer;
    border-radius: 6px; }
    .drive-content-header .add-folder-simple .add-icon {
      margin-right: 6px; }
  .drive-content-header .add-folder {
    padding: 6px 7px;
    cursor: pointer;
    background: #f3f4f6;
    border-radius: 6px; }
    .drive-content-header .add-folder .add-icon {
      margin-right: 6px; }
  .drive-content-header .team-space-text {
    color: #828992; }
  .drive-content-header .space-arrow {
    display: inline-block;
    color: #828992;
    vertical-align: top;
    -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
            transform: rotate(180deg); }
  .drive-content-header .space-name {
    margin-right: 4px;
    color: #222; }
  .drive-content-header .header-left {
    display: inline-block;
    position: relative; }
    .drive-content-header .header-left.shrink {
      top: -8px; }
    .drive-content-header .header-left .capacity {
      position: absolute;
      font-size: 12px;
      color: #616161;
      left: 0;
      top: 20px;
      display: -ms-inline-flexbox;
      display: inline-flex;
      -ms-flex-align: center;
          align-items: center; }
      .drive-content-header .header-left .capacity .highlight {
        color: #fc7256; }
  .drive-content-header .header-name {
    font-size: 16px;
    font-weight: 500; }
  .drive-content-header .can-drag-container {
    position: absolute;
    left: 200px;
    display: inline-block;
    width: 224px;
    height: 40px;
    -webkit-app-region: drag;
    cursor: pointer; }
  .drive-content-header .setting-icon {
    display: inline-block;
    font-size: 15px;
    color: #828992;
    cursor: pointer; }
    .drive-content-header .setting-icon.selected {
      color: #fe6a49; }

.drive-create-popover .ant-popover-arrow {
  display: none; }

.drive-create-popover .ant-popover-inner-content {
  padding-left: 0px;
  padding-right: 0px; }

.drive-create-popover .add-folder {
  height: 32px;
  line-height: 32px; }
  .drive-create-popover .add-folder .folder-icon {
    margin-left: 12px;
    margin-right: 2px;
    width: 20px; }
  .drive-create-popover .add-folder .word-icon,
  .drive-create-popover .add-folder .excel-icon,
  .drive-create-popover .add-folder .ppt-icon {
    margin-left: 10px; }
  .drive-create-popover .add-folder span {
    margin-right: 16px;
    margin-left: 6px; }
  .drive-create-popover .add-folder .add-icon {
    margin-left: 20px; }

.drive-create-popover .add-folder {
  cursor: pointer; }
  .drive-create-popover .add-folder:hover {
    background-color: #f3f4f6; }

.drive-upload-popover .ant-popover-arrow {
  display: none; }

.drive-upload-popover .upload-file {
  margin-bottom: 8px; }

.drive-upload-popover .upload-item {
  cursor: pointer; }
  .drive-upload-popover .upload-item:hover {
    color: #fe6a49; }
  .drive-upload-popover .upload-item .file-icon-svg {
    margin-right: 6px; }
  .drive-upload-popover .upload-item .folder-icon {
    margin-right: 8px;
    margin-left: 2px;
    width: 20px; }

.folder-loading-wrap {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1000;
  overflow: auto; }
  .folder-loading-wrap .loading-content {
    position: absolute;
    top: calc(50% - 23px);
    right: calc(50% - 208px);
    width: 100px;
    height: 100px;
    background: #fff;
    border-radius: 5px;
    -webkit-box-shadow: 0 2px 4px 0 rgba(206, 206, 206, 0.5);
            box-shadow: 0 2px 4px 0 rgba(206, 206, 206, 0.5); }
  .folder-loading-wrap .center-loading {
    top: calc(50% - 10px); }


.drive-folder-permission {
  height: 36px;
  background: #f9f9f9;
  -ms-flex: none;
      flex: none;
  text-align: center;
  font-weight: 400;
  color: rgba(34, 34, 34, 0.5);
  line-height: 36px; }
  .drive-folder-permission span {
    font-size: 12px;
    display: -ms-inline-flexbox;
    display: inline-flex; }
  .drive-folder-permission .permission-tips-icon {
    font-size: 12px;
    margin: 0 4px;
    display: -ms-inline-flexbox;
    display: inline-flex; }
  .drive-folder-permission .set-folder-permission {
    cursor: pointer;
    color: #fe6949; }


.drive-recent-list {
  height: calc(100% - 80px); }
  .drive-recent-list .drive-recent-tab {
    height: 100%; }
    .drive-recent-list .drive-recent-tab .ant-tabs-top-content {
      height: 100%; }
    .drive-recent-list .drive-recent-tab .recent-table .select-container {
      position: absolute;
      top: -55px;
      right: 20px; }
    .drive-recent-list .drive-recent-tab .select-container {
      width: auto; }
    .drive-recent-list .drive-recent-tab .ant-tabs-bar {
      padding: 0 20px;
      margin-bottom: 0;
      color: #222;
      border-bottom: none; }
      .drive-recent-list .drive-recent-tab .ant-tabs-bar .ant-tabs-nav-wrap {
        font-size: 14px; }
    .drive-recent-list .drive-recent-tab .ant-tabs-tab {
      padding: 12px 0;
      margin-right: 20px; }
    .drive-recent-list .drive-recent-tab .ant-tabs-content-animated {
      -webkit-transition: opacity 0.3s linear;
      -o-transition: opacity 0.3s linear;
      transition: opacity 0.3s linear; }
  .drive-recent-list .ant-tabs-nav-container {
    height: 56px; }

.recent-table {
  position: relative;
  height: 100%; }
  .recent-table .recent-pagination {
    margin-top: 10px;
    margin-right: 20px;
    text-align: right; }
  .recent-table .drive-list-item {
    height: 64px;
    padding: 10px 0 10px 10px; }
    .recent-table .drive-list-item .file-info {
      white-space: nowrap;
      margin-top: 4px;
      font-size: 12px;
      color: #828992; }
    .recent-table .drive-list-item:hover {
      background: #f3f4f6; }
      .recent-table .drive-list-item:hover .drive-menu-operation-icon {
        visibility: visible; }
      .recent-table .drive-list-item:hover .tool-item {
        visibility: visible; }
    .recent-table .drive-list-item .tool-item {
      margin-right: 16px;
      margin-left: 12px;
      font-size: 14px;
      vertical-align: middle;
      cursor: pointer;
      -webkit-transition: color 0.3s ease;
      -o-transition: color 0.3s ease;
      transition: color 0.3s ease;
      visibility: hidden; }
      .recent-table .drive-list-item .tool-item.active, .recent-table .drive-list-item .tool-item:hover {
        color: #fe6a49 !important; }
    .recent-table .drive-list-item .drive-operation-menu {
      float: right;
      margin-right: 0px;
      padding-top: 0px; }
    .recent-table .drive-list-item .label-right-custom {
      display: inline-block;
      vertical-align: top;
      width: 19%;
      margin-right: 10px; }
    .recent-table .drive-list-item .label-right-custom-size {
      vertical-align: top; }
    .recent-table .drive-list-item .operation-info {
      vertical-align: middle;
      margin-left: 8px; }
      .recent-table .drive-list-item .operation-info span {
        vertical-align: middle; }
    .recent-table .drive-list-item .operation-name {
      display: inline-block;
      max-width: 85px;
      margin-right: 4px;
      overflow: hidden;
      -o-text-overflow: ellipsis;
         text-overflow: ellipsis;
      white-space: nowrap;
      vertical-align: middle; }
    .recent-table .drive-list-item .space-name {
      display: inline-block;
      max-width: 130px;
      overflow: hidden;
      -o-text-overflow: ellipsis;
         text-overflow: ellipsis;
      white-space: nowrap;
      vertical-align: bottom; }
    .recent-table .drive-list-item .qt-icon {
      display: inline-block;
      margin-top: -20px; }
    .recent-table .drive-list-item.pointer {
      cursor: pointer; }
    .recent-table .drive-list-item .team-space-label {
      max-width: 100px;
      vertical-align: middle; }
    .recent-table .drive-list-item .name-td {
      display: inline-block;
      width: 59%; }
      .recent-table .drive-list-item .name-td .file-icon {
        width: 40px;
        height: 40px;
        font-size: 40px;
        vertical-align: middle; }
      .recent-table .drive-list-item .name-td .recent-share-icon {
        position: absolute;
        width: 16px;
        height: 16px;
        margin-top: 30px;
        margin-left: -8px; }
      .recent-table .drive-list-item .name-td .item-info {
        display: inline-block;
        width: calc(100% - 100px);
        margin-left: 16px;
        vertical-align: middle; }
        .recent-table .drive-list-item .name-td .item-info .file-name {
          margin-bottom: 4px;
          overflow: hidden;
          -o-text-overflow: ellipsis;
             text-overflow: ellipsis;
          white-space: nowrap; }
  .recent-table .select-container {
    width: 100%;
    height: 54px;
    line-height: 54px;
    text-align: right; }
  .recent-table .file-search-empty {
    margin-top: 10%; }
    .recent-table .file-search-empty img {
      width: 180px;
      margin-bottom: -25px; }
  .recent-table .empty-content-container .empty-desc-text {
    max-width: inherit; }
  .recent-table .table-list {
    padding-left: 20px;
    padding-right: 20px;
    height: calc(100% - 150px); }
  .recent-table .header-title-wrap {
    padding-left: 20px;
    padding-right: 20px; }
    .recent-table .header-title-wrap .header-title {
      background-color: #f3f4f6;
      border-radius: 4px;
      width: 100%;
      text-align: left;
      border-radius: 4px 4px 0 0;
      border-collapse: collapse; }
      .recent-table .header-title-wrap .header-title .name,
      .recent-table .header-title-wrap .header-title .time,
      .recent-table .header-title-wrap .header-title .size,
      .recent-table .header-title-wrap .header-title .operation {
        padding: 12px 0 12px 10px;
        display: inline-block;
        color: rgba(0, 0, 0, 0.85);
        font-weight: 500; }
      .recent-table .header-title-wrap .header-title .name {
        width: 58%; }
      .recent-table .header-title-wrap .header-title .time {
        width: 20%; }
      .recent-table .header-title-wrap .header-title .size {
        width: 10%; }
      .recent-table .header-title-wrap .header-title .operation {
        width: 12%;
        text-align: right;
        padding-right: 26px; }

.space-label {
  padding: 2px 6px;
  font-size: 12px;
  border-radius: 2px;
  display: inline-block; }

.my-space-label {
  color: #fe6a49;
  background: #feeeed; }

.team-space-label {
  display: inline-block;
  max-width: 240px;
  overflow: hidden;
  color: #697dff;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  white-space: nowrap;
  background: #f0f4ff; }

.share-to-me-label {
  color: #ffbf47;
  background: #fef3e0; }

.recycle-table .empty-desc-text {
  max-width: none; }

.recycle-table .recycle-item-cell {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  color: #222; }

.recycle-table .file-name-right {
  display: inline-block;
  width: 50px;
  min-width: 50px;
  word-break: break-all; }

.recycle-table .file-name {
  display: -webkit-box;
  margin-left: 8px;
  overflow: hidden;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  -o-text-overflow: -o-ellipsis-lastline;
     text-overflow: -o-ellipsis-lastline;
  vertical-align: middle;
  -webkit-line-clamp: 2;
  line-clamp: 2; }

.recycle-table .file-icon {
  vertical-align: middle; }

.recycle-table .ant-table-tbody > tr > td {
  padding: 6px 16px; }

.recycle-table .ant-table-pagination.ant-pagination {
  margin-right: 20px; }

.recycle-table .file-search-empty {
  margin-top: 10%; }
  .recycle-table .file-search-empty img {
    width: 180px;
    margin-bottom: -25px; }

.recycle-table .ant-table-header {
  margin-bottom: 0px !important;
  margin-right: -6px !important;
  overflow-x: hidden !important; }

.drive-confirm-file-name {
  font-weight: 700;
  word-break: break-all; }

.drive-operation-container .drive-operation-icon {
  display: inline-block;
  -webkit-transform: scale(0.6);
      -ms-transform: scale(0.6);
          transform: scale(0.6); }

.team-space-icon {
  width: 24px;
  height: 24px; }

.drive-share-list .drive-share-tab .drive-table-wrapper .header {
  position: absolute;
  top: -55px;
  right: 20px; }

.drive-share-list .drive-share-tab .ant-tabs-bar {
  padding: 0 20px;
  margin-bottom: 0;
  color: #222;
  border-bottom: none; }
  .drive-share-list .drive-share-tab .ant-tabs-bar .ant-tabs-nav-wrap {
    font-size: 14px; }

.drive-share-list .drive-share-tab .ant-tabs-tab {
  padding: 12px 0;
  margin-right: 20px; }

.drive-share-list .drive-share-tab .ant-tabs-content-animated {
  -webkit-transition: opacity 0.3s linear;
  -o-transition: opacity 0.3s linear;
  transition: opacity 0.3s linear; }

.drive-share-list .ant-tabs-nav-container {
  height: 56px; }

.drive-permission-guide {
  position: fixed;
  left: 0;
  top: 0;
  z-index: 999;
  width: 100vw;
  height: 100vh;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center; }
  .drive-permission-guide .guide-mark {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.3); }
  .drive-permission-guide .guide-content {
    width: 294px;
    height: 352px;
    -webkit-box-shadow: 0px 2px 7px 2px rgba(0, 0, 0, 0.1);
            box-shadow: 0px 2px 7px 2px rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    background: #fff;
    z-index: 1000; }
    .drive-permission-guide .guide-content img {
      width: 100%;
      height: 239px; }
    .drive-permission-guide .guide-content .guide-footer {
      padding-top: 16px;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-direction: column;
          flex-direction: column;
      -ms-flex-align: center;
          align-items: center; }
      .drive-permission-guide .guide-content .guide-footer .guide-confirm {
        width: 200px;
        margin-top: 20px; }

@charset "UTF-8";
.drive-win-content-top {
  position: absolute;
  left: 253px;
  width: calc(100% - 453px);
  height: 50px;
  background: #fcfcfc; }
  .drive-win-content-top .drag-area {
    height: 100%; }

.pc-can-drag-container {
  position: absolute;
  top: 0;
  left: 0;
  display: inline-block;
  width: calc(100% - 100px);
  height: 20px;
  -webkit-app-region: drag;
  cursor: pointer; }

.drive-content-container {
  position: absolute;
  left: 220px;
  width: calc(100% - 220px);
  height: 100%;
  overflow-y: auto;
  font-size: 14px;
  font-weight: 400;
  color: #222;
  background: #fff;
  /* 覆盖table分页样式 */ }
  .drive-content-container.win {
    top: 50px;
    height: calc(100% - 50px); }
  .drive-content-container .ant-pagination-prev,
  .drive-content-container .ant-pagination-item,
  .drive-content-container .ant-pagination-next {
    width: 24px;
    min-width: 24px;
    height: 24px;
    line-height: 24px; }
    .drive-content-container .ant-pagination-prev a,
    .drive-content-container .ant-pagination-item a,
    .drive-content-container .ant-pagination-next a {
      padding: initial; }

.drive-file-drag-area {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 100;
  width: 100%;
  height: 100%; }
  .drive-file-drag-area .overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    background: #fcfcfd;
    opacity: 0.7; }
  .drive-file-drag-area .drive-content {
    position: absolute;
    top: calc(50% - 100px);
    left: calc(50% - 105px);
    width: 210px;
    height: 100px;
    text-align: center;
    border: 1px solid #697dff;
    border-radius: 4px;
    opacity: 0.99; }
  .drive-file-drag-area .text {
    margin-top: 6px;
    font-size: 12px;
    color: #697dff;
    text-align: center; }
  .drive-file-drag-area .drag-upload-icon {
    display: inline-block;
    margin-top: 20px;
    font-size: 24px;
    color: #697dff; }
  .drive-file-drag-area .content-overlay {
    position: absolute;
    width: 208px;
    height: 98px;
    background: #697dff;
    border: none;
    opacity: 0.5; }

.drive-container {
  height: 100%; }
  .drive-container .ant-table-placeholder {
    background: none;
    border-bottom: none; }

.drive-side-bar {
  position: absolute;
  z-index: 1;
  width: 100%;
  height: calc(100% - 184px);
  font-weight: 400;
  background: #fcfcfd; }
  .drive-side-bar .tab_active {
    background: #eaedf1; }
    .drive-side-bar .tab_active .ant-collapse-header {
      background: #eaedf1 !important; }
    .drive-side-bar .tab_active .common-icon,
    .drive-side-bar .tab_active .add-space-icon,
    .drive-side-bar .tab_active .collapse-icon-normal {
      color: #222 !important; }
    .drive-side-bar .tab_active:hover {
      background-color: #eaedf1 !important; }
    .drive-side-bar .tab_active .ant-collapse {
      border: none; }
      .drive-side-bar .tab_active .ant-collapse > .ant-collapse-item {
        border-radius: 0;
        border-top: 1px solid #eaedf1 !important;
        border-bottom: 1px solid #eaedf1 !important; }
      .drive-side-bar .tab_active .ant-collapse .ant-collapse-content {
        border: none;
        border-radius: 0; }
  .drive-side-bar .common-icon {
    display: inline-block;
    margin-left: 12px;
    margin-right: 12px;
    font-size: 16px;
    line-height: 28px;
    color: #5d6470;
    text-align: center; }
  .drive-side-bar .share-cloud-icon {
    font-size: 16px; }
  .drive-side-bar .sidebar-item {
    position: relative;
    height: 46px;
    padding-left: 16px;
    font-size: 14px;
    font-weight: 400;
    line-height: 46px;
    color: #222;
    cursor: pointer; }
    .drive-side-bar .sidebar-item span {
      line-height: 40px; }
    .drive-side-bar .sidebar-item:hover {
      background: #f3f4f6; }
    .drive-side-bar .sidebar-item.active {
      background: #eaedf1; }
  .drive-side-bar .recycle {
    margin-bottom: 50px; }
  .drive-side-bar .drive-help {
    font-size: 12px;
    color: #828992;
    position: absolute;
    bottom: -5px;
    width: 100%;
    background: #fcfcfd;
    padding-left: 6px; }
    .drive-side-bar .drive-help:hover {
      background-color: #fcfcfd; }
    .drive-side-bar .drive-help.active {
      background: #fcfcfd; }
  .drive-side-bar .what-drive-icon {
    font-size: 16px;
    vertical-align: middle; }
  .drive-side-bar .drive-help-text {
    vertical-align: middle; }
  .drive-side-bar .team-space {
    height: auto;
    font-size: 14px;
    font-weight: 400;
    color: #222; }
    .drive-side-bar .team-space .collapse-status .ant-collapse-item {
      border-radius: 0;
      border-top: 1px solid #eaedf1 !important;
      border-bottom: 1px solid #eaedf1 !important; }
    .drive-side-bar .team-space .collapse-status .ant-collapse-header {
      background: #f9f9fa; }
    .drive-side-bar .team-space .ant-collapse {
      border: none; }
      .drive-side-bar .team-space .ant-collapse > .ant-collapse-item {
        border: none; }
      .drive-side-bar .team-space .ant-collapse .ant-collapse-content {
        border: none;
        border-radius: 0; }
    .drive-side-bar .team-space .ant-collapse-header {
      padding: 7px 16px;
      font-size: 14px;
      background: #fcfcfd; }
      .drive-side-bar .team-space .ant-collapse-header:hover {
        background: #f3f4f6; }
    .drive-side-bar .team-space .ant-collapse-content-box {
      padding: 0;
      background: #f9f9fa; }
    .drive-side-bar .team-space .space-item {
      height: 42px;
      padding-left: 57px;
      overflow: hidden;
      font-size: 14px;
      line-height: 42px;
      -o-text-overflow: ellipsis;
         text-overflow: ellipsis;
      white-space: nowrap;
      cursor: pointer; }
      .drive-side-bar .team-space .space-item:hover {
        background: #eaedf1; }
        .drive-side-bar .team-space .space-item:hover .setting-icon {
          display: inline-block; }
      .drive-side-bar .team-space .space-item.selected {
        color: #fe6a49;
        background: #eaedf1; }
        .drive-side-bar .team-space .space-item.selected .setting-icon {
          display: inline-block; }
      .drive-side-bar .team-space .space-item .setting-icon {
        display: none;
        margin-right: -14px;
        font-size: 12px;
        -webkit-transform: scale(0.7);
            -ms-transform: scale(0.7);
                transform: scale(0.7); }
        .drive-side-bar .team-space .space-item .setting-icon.selected {
          color: #fe6a49; }
    .drive-side-bar .team-space .add-space-icon {
      display: inline-block;
      margin-top: 3px;
      font-size: 14px;
      color: #828992;
      vertical-align: middle; }
      .drive-side-bar .team-space .add-space-icon:hover {
        color: #fe6a49; }
    .drive-side-bar .team-space .teamspace-cloud-icon {
      margin-right: 11px;
      margin-left: 7px;
      font-size: 16px; }
    .drive-side-bar .team-space .setting-icon {
      float: right;
      margin-right: 16px;
      color: #828992; }
    .drive-side-bar .team-space .collapse-icon-normal {
      margin-left: -2px;
      font-size: 12px; }
  .drive-side-bar .ant-collapse-arrow {
    margin-top: 0 !important; }
  .drive-side-bar .drive-sidebar-divider {
    width: calc(100% - 40px);
    min-width: auto;
    margin: 10px 20px;
    background: rgba(204, 204, 204, 0.5); }

.collapse-icon-normal {
  display: inline-block;
  color: #828992;
  -webkit-transform: scale(0.7);
      -ms-transform: scale(0.7);
          transform: scale(0.7); }

.down-folder-space {
  -webkit-animation: rotating-normal 0.2s linear;
          animation: rotating-normal 0.2s linear;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards; }

.collapse-folder-space {
  display: inline-block;
  -webkit-animation: space-rotating-down 0.2s linear;
          animation: space-rotating-down 0.2s linear;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards; }

@-webkit-keyframes rotating-normal {
  from {
    -webkit-transform: scale(0.7) rotate(90deg);
            transform: scale(0.7) rotate(90deg); }
  to {
    -webkit-transform: scale(0.7) rotate(0deg);
            transform: scale(0.7) rotate(0deg); } }

@keyframes rotating-normal {
  from {
    -webkit-transform: scale(0.7) rotate(90deg);
            transform: scale(0.7) rotate(90deg); }
  to {
    -webkit-transform: scale(0.7) rotate(0deg);
            transform: scale(0.7) rotate(0deg); } }

@-webkit-keyframes space-rotating-down {
  from {
    -webkit-transform: scale(0.7) rotate(0deg);
            transform: scale(0.7) rotate(0deg); }
  to {
    -webkit-transform: scale(0.7) rotate(90deg);
            transform: scale(0.7) rotate(90deg); } }

@keyframes space-rotating-down {
  from {
    -webkit-transform: scale(0.7) rotate(0deg);
            transform: scale(0.7) rotate(0deg); }
  to {
    -webkit-transform: scale(0.7) rotate(90deg);
            transform: scale(0.7) rotate(90deg); } }

.header-fix {
  position: absolute !important;
  top: 0;
  z-index: 1;
  width: 252px; }

.capacity-container {
  position: absolute;
  right: 20px;
  bottom: 20px;
  left: 20px;
  font-size: 12px;
  color: #828992; }
  .capacity-container .capacity-add {
    float: right;
    color: #697dff;
    cursor: pointer; }
  .capacity-container .ant-progress-inner {
    background-color: #d8d8d8; }

.call-text-container {
  font-size: 14px;
  text-align: center;
  margin-top: 12px; }
  .call-text-container .telephone {
    margin-right: 6px;
    margin-left: 6px;
    color: #fe6a49; }

.drive-sidebar-container {
  position: absolute;
  left: 0;
  z-index: 10;
  width: 220px;
  height: 100%;
  background-color: #fcfcfd;
  border-right: 1px solid #eaedf1; }

@charset "UTF-8";
.drive-search-list-index {
  height: calc(100% - 44px);
  padding: 0 !important;
  overflow: hidden;
  font-weight: 400;
  border: none;
  outline: none; }
  .drive-search-list-index .search-loading-wrap {
    height: 60px;
    line-height: 60px;
    color: #828992;
    text-align: center;
    vertical-align: middle; }
    .drive-search-list-index .search-loading-wrap .center-loading {
      position: relative !important;
      top: 10px;
      text-align: center;
      -webkit-transform: scale(0.6) !important;
          -ms-transform: scale(0.6) !important;
              transform: scale(0.6) !important; }
  .drive-search-list-index .loading-more-div {
    display: inline-block;
    width: 34px;
    height: 34px; }
  .drive-search-list-index .contact-item {
    display: -ms-flexbox;
    display: flex;
    padding: 0 0 0 11px !important;
    cursor: pointer; }
    .drive-search-list-index .contact-item:hover {
      background-color: #f3f4f6; }
    .drive-search-list-index .contact-item .avatar {
      width: 30px;
      height: 30px;
      margin-top: 8px;
      margin-right: 5px;
      line-height: 24px;
      text-align: center;
      vertical-align: middle;
      background-repeat: no-repeat;
      border-radius: 50%; }
    .drive-search-list-index .contact-item .user-name {
      display: inline-block;
      width: 180px;
      overflow: hidden;
      font-size: 13px;
      color: #222 !important;
      text-align: left;
      -o-text-overflow: ellipsis;
         text-overflow: ellipsis;
      white-space: nowrap; }
    .drive-search-list-index .contact-item .user-name-middle {
      line-height: 34px; }
    .drive-search-list-index .contact-item .user-detail {
      display: inline-block;
      width: 180px;
      overflow: hidden;
      font-size: 12px;
      color: #828992;
      -o-text-overflow: ellipsis;
         text-overflow: ellipsis;
      white-space: nowrap;
      vertical-align: middle; }
    .drive-search-list-index .contact-item .contact-info {
      margin-top: 6px;
      margin-bottom: 6px; }
  .drive-search-list-index .line {
    height: 1px;
    border-bottom: 1px solid #ebebeb; }
  .drive-search-list-index .search-nice-scroll {
    outline: none; }
  .drive-search-list-index .base-info {
    display: inline-block;
    max-width: 170px;
    overflow: hidden;
    -o-text-overflow: ellipsis;
       text-overflow: ellipsis;
    white-space: nowrap; }
  .drive-search-list-index .file-search-empty {
    display: block;
    padding: 0 30px;
    margin-top: 60px;
    color: #828992;
    text-align: center; }
    .drive-search-list-index .file-search-empty img {
      width: 150px;
      margin-bottom: 0px; }
  .drive-search-list-index .search-item-focus {
    background-color: #f3f4f6; }
  .drive-search-list-index .full-search-scroll {
    height: 100% !important; }
    .drive-search-list-index .full-search-scroll .empty-desc-text {
      max-width: none; }
  .drive-search-list-index .content-list-container {
    display: inline-block;
    width: 450px;
    height: 100%;
    border-right: 1px solid #eaedf1; }
  .drive-search-list-index .drive-filter-content {
    display: inline-block;
    width: 230px;
    vertical-align: top; }

/* 搜索同事  begin */
.search-colleague-container {
  height: 194px;
  padding-top: 8px; }
  .search-colleague-container .input-container {
    text-align: center; }
  .search-colleague-container .contact-search {
    width: 240px; }
  .search-colleague-container .file-search-list {
    height: 168px; }
    .search-colleague-container .file-search-list .search-nice-scroll {
      max-height: 168px !important; }
  .search-colleague-container .contact-item {
    display: block;
    padding: 0 0 0 10px !important;
    line-height: 40px; }
    .search-colleague-container .contact-item .avatar {
      margin-top: 0; }
    .search-colleague-container .contact-item .hight-container {
      display: inline-block;
      max-width: 180px;
      overflow: hidden;
      -o-text-overflow: ellipsis;
         text-overflow: ellipsis;
      white-space: nowrap;
      vertical-align: middle; }
  .search-colleague-container .search-loading-wrap .center-loading {
    left: 120px !important; }
  .search-colleague-container .bottom-loading {
    -webkit-transform: scale(0.7) !important;
        -ms-transform: scale(0.7) !important;
            transform: scale(0.7) !important; }

/* 搜索同事  end */

.drive-search-list .drive-list-item {
  cursor: pointer; }
  .drive-search-list .drive-list-item .item-content {
    padding-top: 14px;
    padding-bottom: 14px;
    margin-left: 30px;
    border-bottom: 1px solid #eaedf1; }
  .drive-search-list .drive-list-item:hover {
    background: #eaedf1; }
  .drive-search-list .drive-list-item .file-name {
    overflow: hidden;
    font-size: 14px;
    font-weight: 500;
    color: #222;
    -o-text-overflow: ellipsis;
       text-overflow: ellipsis;
    white-space: nowrap; }
  .drive-search-list .drive-list-item .file-icon {
    width: 40px;
    font-size: 40px;
    vertical-align: middle; }
  .drive-search-list .drive-list-item .item-info {
    display: inline-block;
    width: 350px;
    margin-left: 10px;
    vertical-align: middle; }
    .drive-search-list .drive-list-item .item-info.en {
      width: 300px; }
  .drive-search-list .drive-list-item .label-right {
    margin-right: 16px; }
  .drive-search-list .drive-list-item .file-info {
    margin-top: 4px;
    color: #828992; }
  .drive-search-list .drive-list-item .search-share-icon {
    display: inline-block;
    margin-bottom: 4px;
    margin-left: -8px;
    vertical-align: bottom;
    visibility: hidden; }
    .drive-search-list .drive-list-item .search-share-icon .visible-icon {
      visibility: visible; }

.drive-filter-header {
  border-bottom: 1px solid #eaedf1; }
  .drive-filter-header .ant-tabs-tab {
    margin: 0;
    font-size: 14px;
    color: #333; }
  .drive-filter-header .ant-tabs-tab-active {
    color: #fe6a49; }
  .drive-filter-header .ant-tabs-bar {
    margin-bottom: 0;
    border: none; }
  .drive-filter-header .header-tabs {
    padding-left: 14px; }

.drive-filter-content {
  height: 100% !important; }
  .drive-filter-content .filter-header {
    padding-left: 4px;
    font-size: 14px;
    cursor: default; }
    .drive-filter-content .filter-header .filter-tips {
      font-weight: 500;
      color: #333; }
    .drive-filter-content .filter-header .reset-text {
      float: right;
      color: #828992;
      cursor: default; }
      .drive-filter-content .filter-header .reset-text.heightlight {
        color: #fe6a49;
        cursor: pointer; }
  .drive-filter-content .filter-item-sub {
    margin-top: 14px;
    font-size: 12px; }
    .drive-filter-content .filter-item-sub .filter-item-label {
      margin-bottom: 10px;
      font-weight: 500;
      color: #333;
      cursor: pointer; }
    .drive-filter-content .filter-item-sub .contact-avatar {
      margin-right: 6px; }
    .drive-filter-content .filter-item-sub .check-value {
      margin-top: 6px; }
    .drive-filter-content .filter-item-sub .file-object-self {
      margin-bottom: 10px; }
    .drive-filter-content .filter-item-sub .select-object {
      margin-bottom: 10px; }
    .drive-filter-content .filter-item-sub .can-select-input input {
      color: #222;
      background: #fff; }
    .drive-filter-content .filter-item-sub .filter-triangle {
      display: inline-block;
      vertical-align: middle;
      -webkit-transform: rotate(270deg) scale(0.6);
      -ms-transform: rotate(270deg) scale(0.6);
      transform: rotate(270deg) scale(0.6); }
    .drive-filter-content .filter-item-sub .anticon-close-circle {
      vertical-align: middle; }
    .drive-filter-content .filter-item-sub .radio-item {
      margin-bottom: 6px;
      color: #828992;
      cursor: pointer; }
    .drive-filter-content .filter-item-sub .radio-value {
      float: right;
      margin-right: 0; }
    .drive-filter-content .filter-item-sub .time-picker {
      width: 100%; }
    .drive-filter-content .filter-item-sub .icon-filter-folder {
      display: inline-block;
      font-size: 12px;
      -ms-transform: scale(0.7) rotate(270deg);
      -webkit-transform: scale(0.7) rotate(270deg);
      transform: scale(0.7) rotate(270deg); }
    .drive-filter-content .filter-item-sub .icon-filter-unfolder {
      display: inline-block;
      font-size: 12px;
      -ms-transform: scale(0.7) rotate(90deg);
      -webkit-transform: scale(0.7) rotate(90deg);
      transform: scale(0.7) rotate(90deg); }
  .drive-filter-content .filter-scroll-content {
    height: 100%;
    padding: 16px; }
    .drive-filter-content .filter-scroll-content .filter-item-content {
      padding-left: 4px; }
      .drive-filter-content .filter-scroll-content .filter-item-content .ant-radio-group {
        width: 100%; }

@charset "UTF-8";
.drive-search-list-index {
  height: calc(100% - 44px);
  padding: 0 !important;
  overflow: hidden;
  font-weight: 400;
  border: none;
  outline: none; }
  .drive-search-list-index .search-loading-wrap {
    height: 60px;
    line-height: 60px;
    color: #828992;
    text-align: center;
    vertical-align: middle; }
    .drive-search-list-index .search-loading-wrap .center-loading {
      position: relative !important;
      top: 10px;
      text-align: center;
      -webkit-transform: scale(0.6) !important;
          -ms-transform: scale(0.6) !important;
              transform: scale(0.6) !important; }
  .drive-search-list-index .loading-more-div {
    display: inline-block;
    width: 34px;
    height: 34px; }
  .drive-search-list-index .contact-item {
    display: -ms-flexbox;
    display: flex;
    padding: 0 0 0 11px !important;
    cursor: pointer; }
    .drive-search-list-index .contact-item:hover {
      background-color: #f3f4f6; }
    .drive-search-list-index .contact-item .avatar {
      width: 30px;
      height: 30px;
      margin-top: 8px;
      margin-right: 5px;
      line-height: 24px;
      text-align: center;
      vertical-align: middle;
      background-repeat: no-repeat;
      border-radius: 50%; }
    .drive-search-list-index .contact-item .user-name {
      display: inline-block;
      width: 180px;
      overflow: hidden;
      font-size: 13px;
      color: #222 !important;
      text-align: left;
      -o-text-overflow: ellipsis;
         text-overflow: ellipsis;
      white-space: nowrap; }
    .drive-search-list-index .contact-item .user-name-middle {
      line-height: 34px; }
    .drive-search-list-index .contact-item .user-detail {
      display: inline-block;
      width: 180px;
      overflow: hidden;
      font-size: 12px;
      color: #828992;
      -o-text-overflow: ellipsis;
         text-overflow: ellipsis;
      white-space: nowrap;
      vertical-align: middle; }
    .drive-search-list-index .contact-item .contact-info {
      margin-top: 6px;
      margin-bottom: 6px; }
  .drive-search-list-index .line {
    height: 1px;
    border-bottom: 1px solid #ebebeb; }
  .drive-search-list-index .search-nice-scroll {
    outline: none; }
  .drive-search-list-index .base-info {
    display: inline-block;
    max-width: 170px;
    overflow: hidden;
    -o-text-overflow: ellipsis;
       text-overflow: ellipsis;
    white-space: nowrap; }
  .drive-search-list-index .file-search-empty {
    display: block;
    padding: 0 30px;
    margin-top: 60px;
    color: #828992;
    text-align: center; }
    .drive-search-list-index .file-search-empty img {
      width: 150px;
      margin-bottom: 0px; }
  .drive-search-list-index .search-item-focus {
    background-color: #f3f4f6; }
  .drive-search-list-index .full-search-scroll {
    height: 100% !important; }
    .drive-search-list-index .full-search-scroll .empty-desc-text {
      max-width: none; }
  .drive-search-list-index .content-list-container {
    display: inline-block;
    width: 450px;
    height: 100%;
    border-right: 1px solid #eaedf1; }
  .drive-search-list-index .drive-filter-content {
    display: inline-block;
    width: 230px;
    vertical-align: top; }

/* 搜索同事  begin */
.search-colleague-container {
  height: 194px;
  padding-top: 8px; }
  .search-colleague-container .input-container {
    text-align: center; }
  .search-colleague-container .contact-search {
    width: 240px; }
  .search-colleague-container .file-search-list {
    height: 168px; }
    .search-colleague-container .file-search-list .search-nice-scroll {
      max-height: 168px !important; }
  .search-colleague-container .contact-item {
    display: block;
    padding: 0 0 0 10px !important;
    line-height: 40px; }
    .search-colleague-container .contact-item .avatar {
      margin-top: 0; }
    .search-colleague-container .contact-item .hight-container {
      display: inline-block;
      max-width: 180px;
      overflow: hidden;
      -o-text-overflow: ellipsis;
         text-overflow: ellipsis;
      white-space: nowrap;
      vertical-align: middle; }
  .search-colleague-container .search-loading-wrap .center-loading {
    left: 120px !important; }
  .search-colleague-container .bottom-loading {
    -webkit-transform: scale(0.7) !important;
        -ms-transform: scale(0.7) !important;
            transform: scale(0.7) !important; }

/* 搜索同事  end */
.drive-full-search-modal {
  width: 680px !important; }
  .drive-full-search-modal .ant-modal-body {
    padding: 0 !important; }
  .drive-full-search-modal .ant-modal-close {
    top: 6px; }
  .drive-full-search-modal .ant-modal-close-x {
    height: 48px !important;
    line-height: 48px !important; }
  .drive-full-search-modal .ant-modal-header {
    height: 60px;
    padding: 12px 16px; }
  .drive-full-search-modal .file-search-form {
    margin-top: 2px;
    text-align: center; }
    .drive-full-search-modal .file-search-form .search-input {
      width: 354px;
      height: 32px;
      padding: 6px 6px 6px 10px;
      font-size: 12px;
      vertical-align: top;
      background-color: #fff;
      border: 1px solid #e0e5f0;
      border-top-left-radius: 18px;
      border-bottom-left-radius: 18px; }
    .drive-full-search-modal .file-search-form .btn-search-bg {
      display: inline-block;
      width: 55px;
      height: 32px;
      line-height: 32px;
      vertical-align: bottom;
      cursor: pointer;
      background: #fe6a49 none repeat scroll 0 0;
      border: 1px solid #fe6a49;
      border-top-right-radius: 18px;
      border-bottom-right-radius: 18px; }
    .drive-full-search-modal .file-search-form .full-search-icon {
      font-size: 20px;
      color: #fff; }
    .drive-full-search-modal .file-search-form .search-submit {
      display: none; }
  .drive-full-search-modal .modal-container {
    height: 400px; }

.drive-full-search {
  height: 52px; }
  .drive-full-search .session-contact-search {
    top: 12px;
    left: 14px;
    z-index: 90;
    width: 196px;
    border: 1px solid #e0e5f0;
    border-radius: 13px; }
  .drive-full-search .chat-channel-name {
    width: 110px !important; }
  .drive-full-search .chat-menu-content .dd-items-left {
    position: relative;
    height: 100% !important;
    margin-top: 5px;
    -webkit-transition: none !important;
    -o-transition: none !important;
    transition: none !important; }
  .drive-full-search .chat-target-item {
    padding: 0 0 0 22px !important; }
  .drive-full-search .ant-input-affix-wrapper:hover .ant-input:not(.ant-input-disabled) {
    border-color: #ebebeb; }
  .drive-full-search .search-input .ant-input {
    background: #fff; }
  .drive-full-search .drive-search-layer {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }
  .drive-full-search .chat-full-search {
    position: absolute;
    z-index: 85;
    width: 336px;
    height: calc(100% - 112px);
    margin-top: 14px;
    background: #fff;
    border-top-right-radius: 6px;
    -webkit-box-shadow: 2px 2px 6px 0 rgba(170, 174, 177, 0.5);
            box-shadow: 2px 2px 6px 0 rgba(170, 174, 177, 0.5);
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s; }
    .drive-full-search .chat-full-search .search-header-title {
      padding-left: 12px; }
    .drive-full-search .chat-full-search.en {
      width: 390px; }

.drive-sidebar-header {
  display: inline-block;
  width: 100%;
  height: 72px;
  line-height: 72px; }
  .drive-sidebar-header.win {
    height: 50px;
    line-height: 50px; }
  .drive-sidebar-header .domain-tip {
    display: inline-block;
    margin-left: 20px;
    cursor: pointer; }
    .drive-sidebar-header .domain-tip .domain-name {
      display: inline-block;
      max-width: 180px;
      margin-right: 4px;
      overflow: hidden;
      font-size: 16px;
      font-weight: 500;
      color: #333;
      -o-text-overflow: ellipsis;
         text-overflow: ellipsis;
      white-space: nowrap;
      vertical-align: middle; }
    .drive-sidebar-header .domain-tip .change-domain-icon {
      display: inline-block;
      margin-left: 2px;
      font-size: 12px;
      color: #222 !important;
      -webkit-transform: rotate(-90deg);
          -ms-transform: rotate(-90deg);
              transform: rotate(-90deg); }
    .drive-sidebar-header .domain-tip .down-icon {
      -webkit-animation: rotating-down 0.2s linear;
              animation: rotating-down 0.2s linear;
      -webkit-animation-fill-mode: forwards;
              animation-fill-mode: forwards; }
    .drive-sidebar-header .domain-tip .up-icon {
      -webkit-animation: rotating-up 0.2s linear;
              animation: rotating-up 0.2s linear;
      -webkit-animation-fill-mode: forwards;
              animation-fill-mode: forwards; }

.drive-domains-wrap {
  margin-top: -32px !important; }
  .drive-domains-wrap .ant-popover-content {
    margin-top: -15px; }
    .drive-domains-wrap .ant-popover-content .ant-popover-arrow {
      display: none; }
    .drive-domains-wrap .ant-popover-content .ant-popover-inner {
      margin-top: -30px;
      margin-left: -20px; }
  .drive-domains-wrap .ant-popover-inner {
    overflow: hidden; }
  .drive-domains-wrap .ant-popover-inner-content {
    padding: 0 !important; }
    .drive-domains-wrap .ant-popover-inner-content .domain-item {
      min-width: 150px;
      max-width: 300px;
      padding: 10px 24px;
      font-size: 14px;
      color: #616161 !important;
      text-align: center;
      cursor: pointer; }
      .drive-domains-wrap .ant-popover-inner-content .domain-item:hover {
        background: #ebebeb !important; }

@-webkit-keyframes rotating-up {
  from {
    -webkit-transform: rotate(-90deg);
            transform: rotate(-90deg); }
  to {
    -webkit-transform: rotate(-270deg);
            transform: rotate(-270deg); } }

@keyframes rotating-up {
  from {
    -webkit-transform: rotate(-90deg);
            transform: rotate(-90deg); }
  to {
    -webkit-transform: rotate(-270deg);
            transform: rotate(-270deg); } }

@-webkit-keyframes rotating-down {
  from {
    -webkit-transform: rotate(-270deg);
            transform: rotate(-270deg); }
  to {
    -webkit-transform: rotate(-90deg);
            transform: rotate(-90deg); } }

@keyframes rotating-down {
  from {
    -webkit-transform: rotate(-270deg);
            transform: rotate(-270deg); }
  to {
    -webkit-transform: rotate(-90deg);
            transform: rotate(-90deg); } }

.empty-live {
  margin-top: 26vh;
  text-align: center; }
  .empty-live img {
    width: 180px; }
  .empty-live .empty-desc-text {
    max-width: 100%; }

.live-container {
  background-color: #f3f4f6; }
  .live-container .live-container-header {
    background: #fcfcfd; }
  .live-container .live-container-body {
    width: 100%;
    height: 100%; }
  .live-container .win {
    width: 100%;
    height: calc(100% - 50px); }
  .live-container .drive-win-content-top {
    position: absolute;
    left: 100px;
    width: calc(100% - 453px);
    height: 50px;
    background: transparent; }
    .live-container .drive-win-content-top .drag-area {
      height: 100%; }
  .live-container .pc-can-drag-container {
    position: absolute;
    top: 0;
    left: 0;
    display: inline-block;
    width: calc(100% - 100px);
    height: 20px;
    -webkit-app-region: drag;
    cursor: pointer; }
  .live-container .tab-live-list {
    height: 100%; }
    .live-container .tab-live-list.list {
      padding: 19px 10px 0 10px;
      background-color: #f3f4f6; }
    .live-container .tab-live-list .live-list-content {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
      -ms-flex-direction: row;
          flex-direction: row;
      float: left; }
    .live-container .tab-live-list > .ant-tabs-content {
      height: 100%; }
    .live-container .tab-live-list .empty-item {
      height: 0;
      margin: 10px;
      -ms-flex-positive: 1;
          flex-grow: 1;
      width: 261px;
      min-width: 261px;
      max-width: 346px; }
    .live-container .tab-live-list .empty-item-hide {
      width: 0; }
    .live-container .tab-live-list .live-item {
      -ms-flex-positive: 1;
          flex-grow: 1;
      margin: 10px;
      width: 261px;
      min-width: 261px;
      max-width: 346px;
      height: 292px;
      border-radius: 10px;
      background: #ffffff;
      -webkit-box-shadow: 0px 2px 7px 2px rgba(0, 0, 0, 0.03);
              box-shadow: 0px 2px 7px 2px rgba(0, 0, 0, 0.03);
      position: relative;
      overflow: hidden;
      cursor: pointer; }
      .live-container .tab-live-list .live-item .live-img-wrap {
        width: 100%;
        height: 194px; }
        .live-container .tab-live-list .live-item .live-img-wrap .live-img-hover {
          position: absolute;
          width: 100%;
          height: 194px;
          z-index: 22;
          background: rgba(0, 0, 0, 0.4);
          background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAHgAAAB4CAMAAAAOusbgAAAAkFBMVEX///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////9oY44IAAAAL3RSTlMD6yD1+AgS078OjN+FeF40tm4rGyfgzMasSkcwT0QW+u/In36tOZaVYa9wPhXho8YGlG4AAAOSSURBVGje7NfbdqowEAbgSTgfBbGKUjyfqu7O+7/dvpygCSSRrtWLfretjAz5ZxD+/PlF+Kq8FIsgYa7LkmBRXMoVhx/mtenCQQlnkbYe/BCehS72cMOMw+iia4gawmsEY5ruHdTk7KcwlqZGI3UDY5gUaKyYwLv8C1q5+PCWnKElloM9HuIbQutwfcpvdxPUaX5v+MPzHry552kdbOQ3/Wk3pWKUmMfLSJLyZTxHidhimlU7SdVyDUrrUlJ7V4GhWYJPtvF0cM7EW3ySzAzDy7CLHXyt9B1ePmgU6ZWDHU4WaQ/17PmzK4O6LnYcuVEIj9jhaleeOCj6WIKh5Uf3njW7PWMo+vItBu0XithMK0dJp083sHJzUZBopMrr5JedwNKJdfI8PEnizuOdgbVZ50HHg/MZBUEFb6gCFAzMbc7Euj68xRcrs/5IhmKfK3hTJXY7hB65dgYskpn39IYJOTrBCE5Cqpj6yZ2R3GAUNyRn5agU5xWMRJxhqtFZCAfLh5H4wgErQKpBsoTRLJE0IFMLexBGJGzJGiSmwh7joLRu2zUY4cKWlb097enPGahE+w2i+83BREZX3ksu6VDgoqHV5Rw80Bcx6uXrpa/0tQ4a3/1fDvoOdO1rz5TeqqMUIAkn+pHaqic211qdLor2dMr0lzxXH4ApKGHXNlM9anViMmWn5zBYmCSfoGWu6rVHTSx1CpNiChpK2nrdJrV0pbVZYdzo/Phf0/+3IEq1Og0oxUqTXqcgWui9DqJC0Oqf6wWIHL29hEpHrrujHHmKN5FdYXTT3k9GG2mSV9Q0sClMU1Rj6K2kp702L0x2J1CqpXk905mzKUy+KyCK3Jylb1u5deGBhZnTyJGm6W5aWHeK3ilP0iff2Bfuf1yN9PwmdNZtCw/9MuTUEiD0bvIYo3AIrx40YaUL3huj8BZeeTRqfkPh/+2bMQ6AIBAEiQWtMbHyAWDn/3+npSWSu2XOcE8wAnu7s9pPTfi5tMeJcIFor8xRj0QlPIs2QuBsFAIE6WMg9vZmsceQt0pBz1hhlEsbY00VLuYUK0JmvnDsJpXBxrEURSYqyTZOq8AoZ0UD48KQVH3jn8oLvJwjPmKo6RrjMoNrv6ieCyc44RhkAMUDuaFDRtZYVQSQzBKdiwILWuGRkYBQAwQ2HvT7TC5X15QcFezuQ9mjw/uf6wq/KGgIKiktJZzyLuGU7VjSnDmcuQFgD/eq4T3pNwAAAABJRU5ErkJggg==);
          background-repeat: no-repeat;
          background-position: center center;
          background-size: 20% auto;
          cursor: pointer; }
        .live-container .tab-live-list .live-item .live-img-wrap .hover-hide {
          z-index: 0; }
        .live-container .tab-live-list .live-item .live-img-wrap .live-img {
          height: 194px;
          background: #e1e1e1;
          position: relative;
          width: 100%; }
          .live-container .tab-live-list .live-item .live-img-wrap .live-img img[src=''],
          .live-container .tab-live-list .live-item .live-img-wrap .live-img img:not([src]) {
            opacity: 0; }
          .live-container .tab-live-list .live-item .live-img-wrap .live-img:hover {
            cursor: pointer; }
          .live-container .tab-live-list .live-item .live-img-wrap .live-img .bg-img {
            width: 100%;
            height: 194px;
            -o-object-fit: cover;
               object-fit: cover; }
          .live-container .tab-live-list .live-item .live-img-wrap .live-img .img-bottom {
            position: absolute;
            width: 100%;
            height: 48px;
            bottom: 0; }
          .live-container .tab-live-list .live-item .live-img-wrap .live-img .online-container {
            height: 48px; }
          .live-container .tab-live-list .live-item .live-img-wrap .live-img .cover-layer {
            background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.8)));
            background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.8) 100%);
            background: -o-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.8) 100%);
            background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.8) 100%); }
          .live-container .tab-live-list .live-item .live-img-wrap .live-img .call {
            position: absolute;
            top: 20px;
            right: 20px;
            width: 62px;
            height: 24px;
            padding: 5px 5px;
            background: #1baddf;
            border-radius: 5px;
            line-height: 14px;
            color: #ffffff; }
            .live-container .tab-live-list .live-item .live-img-wrap .live-img .call .call-icon {
              background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAMAAADXqc3KAAAAV1BMVEX////////////////////////////////////////////////////////////////////////////////////////////////////////////////////c7HqBAAAAHHRSTlMDNcwfB+W7j/r08ezc0ryhmoqCeGhNS0lCJhkSwk1XUwAAAIRJREFUKM/VkTkOwyAUBY0x4H3fPfc/Z2IhpJ9QuPY0jN6IBpJnztm5+YzmbMgB8iH72y2049iC/S0T1XafW8Ukd12gvCkKLYKjC9rhRGhYg640IpTooJpSBJD+1qAVqMDt2u87Ebu/YNMvxk/mdisfeKE+jpol/tsUIM2SiKs3pr+SRz6V0AyHF5H0xQAAAABJRU5ErkJggg==);
              width: 12px;
              height: 12px;
              background-size: cover;
              margin-right: 2px;
              display: inline-block;
              position: relative;
              top: 2px; }
            .live-container .tab-live-list .live-item .live-img-wrap .live-img .call span {
              font-size: 12px;
              font-family: PingFangSC-Medium, PingFang SC;
              font-weight: 500; }
          .live-container .tab-live-list .live-item .live-img-wrap .live-img .online-line {
            position: absolute;
            bottom: 12px;
            width: 100%;
            height: 24px; }
            .live-container .tab-live-list .live-item .live-img-wrap .live-img .online-line .online-avatar-wrap {
              position: absolute;
              right: 20px;
              top: 0;
              bottom: 0; }
      .live-container .tab-live-list .live-item .live-info-wrap {
        width: 100%;
        height: 98px;
        padding: 20px 20px; }
        .live-container .tab-live-list .live-item .live-info-wrap .live-title {
          height: 16px;
          line-height: 14px;
          color: #222222;
          font-weight: 600;
          font-family: PingFangSC-Medium, PingFang SC;
          margin-bottom: 20px;
          font-size: 14px;
          white-space: nowrap;
          overflow: hidden;
          text-overflow: ellipsis;
          text-overflow: -o-ellipsis-lastline;
          -webkit-line-clamp: 1;
          line-clamp: 1;
          /* autoprefixer: off */ }
        .live-container .tab-live-list .live-item .live-info-wrap .live-message-wrap {
          width: 100%;
          height: 24px;
          border-radius: 5px;
          background: #f3f4f6;
          padding: 4px 8px;
          display: -ms-flexbox;
          display: flex;
          -ms-flex-direction: row;
              flex-direction: row;
          -ms-flex-wrap: nowrap;
              flex-wrap: nowrap;
          overflow: hidden;
          cursor: pointer; }
          .live-container .tab-live-list .live-item .live-info-wrap .live-message-wrap .message-wrap {
            width: 100%;
            height: 16px;
            overflow: hidden; }
          .live-container .tab-live-list .live-item .live-info-wrap .live-message-wrap .live-message {
            -ms-flex-positive: 1;
                flex-grow: 1;
            width: 100%;
            font-size: 12px;
            font-family: PingFangSC-Regular, PingFang SC;
            font-weight: 400;
            line-height: 16px;
            height: 16px;
            overflow: hidden; }
            .live-container .tab-live-list .live-item .live-info-wrap .live-message-wrap .live-message li {
              height: 16px; }
            .live-container .tab-live-list .live-item .live-info-wrap .live-message-wrap .live-message .text-line {
              white-space: nowrap;
              overflow: hidden;
              text-overflow: ellipsis;
              text-overflow: -o-ellipsis-lastline;
              vertical-align: middle;
              -webkit-line-clamp: 1;
              line-clamp: 1;
              /* autoprefixer: off */
              -webkit-box-orient: vertical; }
            .live-container .tab-live-list .live-item .live-info-wrap .live-message-wrap .live-message .emoji {
              display: -webkit-inline-box;
              margin-top: -3px;
              margin-right: -2px;
              -webkit-transform: scale(0.8);
                  -ms-transform: scale(0.8);
                      transform: scale(0.8);
              vertical-align: middle; }
              .live-container .tab-live-list .live-item .live-info-wrap .live-message-wrap .live-message .emoji:last-child {
                margin-right: inherit; }
          .live-container .tab-live-list .live-item .live-info-wrap .live-message-wrap .notify {
            -webkit-transform: scale(0.6);
                -ms-transform: scale(0.6);
                    transform: scale(0.6); }
          .live-container .tab-live-list .live-item .live-info-wrap .live-message-wrap .badge-wrap {
            position: relative;
            top: -4px;
            right: -10px;
            -ms-flex-positive: 0;
                flex-grow: 0; }
            .live-container .tab-live-list .live-item .live-info-wrap .live-message-wrap .badge-wrap .badge {
              -ms-flex-positive: 0;
                  flex-grow: 0;
              display: inline-block;
              min-width: 28px;
              height: 28px;
              padding: 0 6px;
              font-size: 20px;
              font-weight: 400;
              line-height: 28px;
              color: #fff;
              text-align: center;
              background-color: #ec5233;
              border-radius: 14px; }
            .live-container .tab-live-list .live-item .live-info-wrap .live-message-wrap .badge-wrap .close-type-remind {
              position: relative;
              top: 10px;
              right: 6px;
              width: 6px;
              height: 6px;
              background-color: #ec5233;
              border-radius: 50%;
              margin-left: 6px;
              display: block; }
            .live-container .tab-live-list .live-item .live-info-wrap .live-message-wrap .badge-wrap .mute {
              position: relative;
              top: 3px;
              right: 6px;
              color: #828992;
              -webkit-transform: scale(0.8);
                  -ms-transform: scale(0.8);
                      transform: scale(0.8);
              margin-left: 6px; }

.message-loading {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100px;
  height: 60px;
  margin-top: -50px;
  margin-left: -50px; }
  .message-loading .message-loading-gif {
    width: 100px; }

.animat {
  -webkit-transition: all 1s;
  -o-transition: all 1s;
  transition: all 1s; }

.chat-tag {
  display: inline-block;
  margin-right: 1px;
  font-size: 12px;
  color: #fe6a49; }

.chat-name {
  display: inline-block;
  max-width: 130px;
  padding-right: 8px;
  overflow: hidden;
  font-family: 'Microsoft YaHei', sans-serif;
  font-size: 14px;
  color: #222;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  white-space: nowrap;
  vertical-align: middle;
  font-weight: 500; }

.at + .chat-name,
.bida + .chat-name {
  max-width: 74px; }

.bida-at + .chat-name {
  max-width: 38px; }

.popover-wraper {
  z-index: 20 !important;
  padding-top: 5px !important; }
  .popover-wraper .ant-popover-inner-content {
    padding: 0 !important; }
  .popover-wraper .ant-popover-content .ant-popover-arrow {
    display: none; }

.tooltip-wraper {
  padding-top: 5px !important; }
  .tooltip-wraper .ant-tooltip-arrow {
    top: 0 !important; }
  .tooltip-wraper .ant-tooltip-inner {
    line-height: 20px; }

.lists-wrap {
  width: 322px;
  overflow: hidden;
  background: #fcfcfd;
  border-radius: 10px; }
  .lists-wrap .avatar-item {
    position: relative;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    height: 50px;
    padding: 9px 20px; }
    .lists-wrap .avatar-item .avatar-img {
      width: 32px;
      height: 32px;
      background: #eaedf1;
      border-radius: 50%; }
    .lists-wrap .avatar-item .avatar-name {
      display: inline-block;
      margin-left: 8px;
      overflow: hidden;
      font-family: Helvetica;
      font-family: PingFangSC-Medium, PingFang SC;
      font-size: 14px;
      font-weight: 500;
      color: #222;
      -o-text-overflow: ellipsis;
         text-overflow: ellipsis;
      white-space: nowrap;
      vertical-align: middle; }
    .lists-wrap .avatar-item .guest {
      display: inline-block;
      width: 56px;
      height: 20px;
      padding-left: 4px;
      margin-left: 10px;
      font-size: 11px;
      line-height: 20px;
      color: #828992;
      background-color: #eaedf1;
      border-radius: 2px; }
    .lists-wrap .avatar-item .remove-guest {
      position: absolute;
      right: 20px;
      display: inline-block;
      width: 28px;
      font-family: PingFangSC-Regular, PingFang SC;
      font-size: 14px;
      font-weight: 400;
      font-weight: 400;
      line-height: 32px;
      color: #fe6a49;
      vertical-align: center;
      cursor: pointer; }

.live-online-wrap {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
  -ms-flex-pack: start;
      justify-content: flex-start;
  width: 100%;
  height: 100%; }
  .live-online-wrap .avatar-wrap {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap; }
    .live-online-wrap .avatar-wrap .member-avatar {
      display: inline-block;
      width: 24px;
      height: 24px;
      overflow: hidden;
      background: #e1e1e1;
      border-radius: 50%;
      -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.08);
              box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.08); }
      .live-online-wrap .avatar-wrap .member-avatar img {
        width: 100%;
        height: 100%; }
      .live-online-wrap .avatar-wrap .member-avatar img[src=''],
      .live-online-wrap .avatar-wrap .member-avatar img:not([src]) {
        opacity: 0; }
  .live-online-wrap .online-total {
    z-index: 20 !important;
    overflow: hidden;
    line-height: 16px;
    color: #fff;
    background: rgba(255, 255, 255, 0.2);
    border-radius: 14px; }
    .live-online-wrap .online-total .show-member {
      display: inline-block;
      min-width: 24px;
      height: 24px;
      padding: 4px 6px;
      text-align: center;
      -webkit-backdrop-filter: blur(4px);
              backdrop-filter: blur(4px); }

.ant-tooltip-arrow {
  border-bottom-color: rgba(0, 0, 0, 0.75) !important; }

.ant-tooltip-inner {
  font-weight: 400;
  color: #fff;
  background: rgba(0, 0, 0, 0.75); }

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
.ant-skeleton {
  display: table;
  width: 100%;
}
.ant-skeleton-header {
  display: table-cell;
  padding-right: 16px;
  vertical-align: top;
}
.ant-skeleton-header .ant-skeleton-avatar {
  display: inline-block;
  vertical-align: top;
  background: #f2f2f2;
  width: 32px;
  height: 32px;
  line-height: 32px;
}
.ant-skeleton-header .ant-skeleton-avatar.ant-skeleton-avatar-circle {
  border-radius: 50%;
}
.ant-skeleton-header .ant-skeleton-avatar-lg {
  width: 40px;
  height: 40px;
  line-height: 40px;
}
.ant-skeleton-header .ant-skeleton-avatar-lg.ant-skeleton-avatar-circle {
  border-radius: 50%;
}
.ant-skeleton-header .ant-skeleton-avatar-sm {
  width: 24px;
  height: 24px;
  line-height: 24px;
}
.ant-skeleton-header .ant-skeleton-avatar-sm.ant-skeleton-avatar-circle {
  border-radius: 50%;
}
.ant-skeleton-content {
  display: table-cell;
  width: 100%;
  vertical-align: top;
}
.ant-skeleton-content .ant-skeleton-title {
  width: 100%;
  height: 16px;
  margin-top: 16px;
  background: #f2f2f2;
}
.ant-skeleton-content .ant-skeleton-title + .ant-skeleton-paragraph {
  margin-top: 24px;
}
.ant-skeleton-content .ant-skeleton-paragraph {
  padding: 0;
}
.ant-skeleton-content .ant-skeleton-paragraph > li {
  width: 100%;
  height: 16px;
  list-style: none;
  background: #f2f2f2;
}
.ant-skeleton-content .ant-skeleton-paragraph > li:last-child:not(:first-child):not(:nth-child(2)) {
  width: 61%;
}
.ant-skeleton-content .ant-skeleton-paragraph > li + li {
  margin-top: 16px;
}
.ant-skeleton-with-avatar .ant-skeleton-content .ant-skeleton-title {
  margin-top: 12px;
}
.ant-skeleton-with-avatar .ant-skeleton-content .ant-skeleton-title + .ant-skeleton-paragraph {
  margin-top: 28px;
}
.ant-skeleton.ant-skeleton-active .ant-skeleton-content .ant-skeleton-title,
.ant-skeleton.ant-skeleton-active .ant-skeleton-content .ant-skeleton-paragraph > li {
  background: -webkit-gradient(linear, left top, right top, color-stop(25%, #f2f2f2), color-stop(37%, #e6e6e6), color-stop(63%, #f2f2f2));
  background: -webkit-linear-gradient(left, #f2f2f2 25%, #e6e6e6 37%, #f2f2f2 63%);
  background: -o-linear-gradient(left, #f2f2f2 25%, #e6e6e6 37%, #f2f2f2 63%);
  background: linear-gradient(90deg, #f2f2f2 25%, #e6e6e6 37%, #f2f2f2 63%);
  background-size: 400% 100%;
  -webkit-animation: ant-skeleton-loading 1.4s ease infinite;
          animation: ant-skeleton-loading 1.4s ease infinite;
}
.ant-skeleton.ant-skeleton-active .ant-skeleton-avatar {
  background: -webkit-gradient(linear, left top, right top, color-stop(25%, #f2f2f2), color-stop(37%, #e6e6e6), color-stop(63%, #f2f2f2));
  background: -webkit-linear-gradient(left, #f2f2f2 25%, #e6e6e6 37%, #f2f2f2 63%);
  background: -o-linear-gradient(left, #f2f2f2 25%, #e6e6e6 37%, #f2f2f2 63%);
  background: linear-gradient(90deg, #f2f2f2 25%, #e6e6e6 37%, #f2f2f2 63%);
  background-size: 400% 100%;
  -webkit-animation: ant-skeleton-loading 1.4s ease infinite;
          animation: ant-skeleton-loading 1.4s ease infinite;
}
@-webkit-keyframes ant-skeleton-loading {
  0% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0 50%;
  }
}
@keyframes ant-skeleton-loading {
  0% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0 50%;
  }
}

.executive-no-permission-tip {
  display: inline-block; }
  .executive-no-permission-tip .ope-disable {
    color: #828992 !important;
    cursor: not-allowed !important; }
  .executive-no-permission-tip .ope {
    color: #00acdc;
    cursor: pointer; }
  .executive-no-permission-tip span {
    font-size: 13px;
    color: #828992; }

.executive-protect-list-layer {
  position: absolute;
  top: 50px;
  bottom: 0;
  z-index: 9;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  width: 100%;
  background: #f7f7f7; }
  .executive-protect-list-layer .container .icon {
    display: block;
    width: 86px;
    min-width: 86px;
    margin: 0 auto;
    margin-bottom: 20px; }

.manage-assistant-page {
  position: absolute;
  z-index: 22;
  width: 100%;
  height: 100%;
  background: #f7f7f7; }
  .manage-assistant-page .detail-header {
    height: 50px;
    padding-left: 14px;
    font-size: 12px;
    line-height: 50px;
    color: #222;
    border-bottom: 1px solid #e8e8e8; }
    .manage-assistant-page .detail-header span {
      cursor: pointer; }
    .manage-assistant-page .detail-header i {
      margin-right: 5px;
      color: #222; }
  .manage-assistant-page .export-footer {
    position: absolute;
    bottom: 0;
    z-index: 12;
    width: 100%;
    height: 100px;
    line-height: 100px;
    background: #f7f7f7;
    border-top: 1px solid #ebebeb; }
    .manage-assistant-page .export-footer .export-block {
      width: 260px;
      height: 42px;
      margin: 0 auto; }
    .manage-assistant-page .export-footer .export-botton {
      width: 100%;
      height: 100%; }
  .manage-assistant-page .userList-container {
    position: absolute;
    top: 50px;
    bottom: 100px;
    width: 100%;
    height: auto; }
  .manage-assistant-page .assistant-user-list {
    height: 100%; }
  .manage-assistant-page .user-count {
    padding-top: 14px;
    margin-left: 25px;
    font-size: 12px;
    color: #828992; }
  .manage-assistant-page .empty {
    margin-top: 92px;
    margin-bottom: 20px;
    text-align: center; }
    .manage-assistant-page .empty .empty-desc-text {
      margin: 0 auto; }

.no-login-item {
  height: 62px;
  padding: 12px 16px 12px 20px; }
  .no-login-item:active {
    background-color: #ebebeb; }
  .no-login-item .user-right {
    position: relative;
    display: inline-block;
    width: calc(100% - 32px);
    height: 100%;
    font-size: 13px;
    vertical-align: middle; }
    .no-login-item .user-right .last-log {
      position: absolute;
      right: 0;
      color: #828992;
      text-align: right; }
  .no-login-item .user-name {
    position: absolute;
    top: 10px;
    margin-left: 10px;
    color: #222; }

.message-context {
  position: absolute;
  top: 48px;
  bottom: 50px;
  z-index: 10;
  width: 100%;
  height: auto;
  background-color: #f3f4f6; }
  .message-context .footer {
    background-color: #f3f4f6; }
  .message-context .footer-context {
    width: -webkit-calc(100% - 20px);
    height: 45px;
    margin-left: 10px;
    font-size: 30px;
    background-color: rgba(255, 238, 205, 0.96);
    border-top: 1px solid rgba(255, 238, 205, 0.96);
    border-radius: 5px; }
  .message-context .close-message-context {
    display: inline-block;
    margin-left: 10px;
    font-size: 16px;
    color: #fe6a49;
    vertical-align: middle;
    cursor: pointer; }
  .message-context .close-text {
    display: inline;
    margin-left: 5px;
    font-size: 13px;
    line-height: 40px;
    color: #fe6a49;
    vertical-align: top;
    vertical-align: middle;
    cursor: pointer; }
  .message-context .default-p {
    float: right;
    width: 200px;
    margin-right: 10px;
    text-align: right; }
  .message-context .icon-arrow-right {
    display: inline-block;
    font-size: 12px;
    color: #fe6a49;
    vertical-align: middle;
    cursor: pointer;
    -webkit-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
            transform: rotate(90deg); }
  .message-context .message-loading {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100px;
    height: 60px;
    margin-top: -50px;
    margin-left: -30px; }
  .message-context .refetch-msg-content {
    position: absolute;
    top: 50%;
    width: 100%;
    height: 70px;
    margin-top: -35px;
    font-size: 13px;
    color: #d7d7d7;
    text-align: center; }
    .message-context .refetch-msg-content .sorry {
      font-size: 28px;
      color: #d7d7d7; }
    .message-context .refetch-msg-content .refetch-msg-btn {
      margin-left: 3px;
      color: #037aff;
      cursor: pointer; }
  .message-context .message-selected {
    background-color: #fff4c8; }
  .message-context .load-more-spinner {
    position: absolute;
    right: 50px;
    z-index: 20;
    padding: 0 10px;
    background-color: #f3f4f6; }
    .message-context .load-more-spinner .loading {
      display: inline-block;
      width: 20px;
      height: 20px;
      font-size: 12px;
      -webkit-transform: scale(0.2);
          -ms-transform: scale(0.2);
              transform: scale(0.2); }
    .message-context .load-more-spinner .desc {
      display: inline-block;
      margin-top: 2px;
      margin-left: 2px;
      vertical-align: top; }
    .message-context .load-more-spinner.up {
      top: 20px; }
    .message-context .load-more-spinner.down {
      bottom: 20px; }
  .message-context .no-more-content {
    height: 1px;
    margin: 20px 60px;
    text-align: center;
    background-color: #ccc; }
    .message-context .no-more-content .desc {
      position: relative;
      top: -10px;
      display: inline-block;
      height: 22px;
      font-size: 12px;
      line-height: 22px;
      color: #828992;
      background: #f3f4f6; }
      .message-context .no-more-content .desc span {
        padding: 0 10px;
        background: rgba(255, 255, 255, 0.12); }

.is-multiselect {
  bottom: 134px; }

.message-content-box.text.bida {
  padding-right: 15px; }

.message-content-box.text .parse-styles .styles-list .styles-item .link-msg {
  color: #43a9df;
  cursor: pointer; }

.message-content-box.text .parse-styles .styles-list .styles-item .styles-item-text .more-text {
  cursor: pointer;
  color: #fe6a49; }

.message-content-box.text .parse-styles .styles-list .more-styles-item .styles-item-text span {
  cursor: pointer;
  color: #fe6a49; }

.message-content-box.text .feed-back-line {
  font-size: 12px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: rgba(34, 34, 34, 0.5);
  margin-top: 10px; }
  .message-content-box.text .feed-back-line .like {
    color: rgba(34, 34, 34, 0.4);
    margin-left: 20px;
    font-size: 14px;
    cursor: pointer; }
  .message-content-box.text .feed-back-line .dislike {
    color: rgba(34, 34, 34, 0.4);
    margin-left: 20px;
    font-size: 14px;
    cursor: pointer;
    position: absolute;
    bottom: 8px; }

.audio-call-message {
  cursor: pointer; }
  .audio-call-message .qt-icon {
    padding: 0 5px; }
  .audio-call-message .qt-icon-call_icon_red {
    color: #fe6a49; }
  .audio-call-message .qt-icon-call_icon_gray {
    color: #828992; }

.bida-status-trigger {
  bottom: 0;
  display: inline-block;
  width: auto;
  padding: 3px 6px;
  margin-top: 2px;
  margin-top: auto;
  margin-left: 8px;
  font-size: 12px;
  color: #00acdc;
  white-space: nowrap;
  cursor: pointer;
  background: #fff;
  border: 1px solid #eaedf1;
  border-radius: 3px; }

.bida-detail-panel {
  max-width: 400px;
  max-height: 200px;
  padding-right: 6px;
  padding-left: 6px;
  font-size: 12px;
  color: #222; }

.bida-detail-panel .bida-detail-head {
  width: 90px;
  font-weight: normal;
  word-break: break-all;
  vertical-align: top; }

.bida-detail-panel .bida-detail-names {
  font-weight: normal;
  word-break: break-all; }

.bida-status-popover .ant-popover-inner-content {
  padding: 8px 2px !important; }

.message-item .message-card-content-reload,
.multi-message-item .message-card-content-reload {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
  overflow: hidden; }

.message-item .message-content-box.card,
.multi-message-item .message-content-box.card {
  padding: 0;
  line-height: 0;
  cursor: pointer;
  background-color: #fff !important;
  border: none !important; }
  .message-item .message-content-box.card .default-thumb,
  .multi-message-item .message-content-box.card .default-thumb {
    text-align: center;
    background-color: #fce4b6; }
    .message-item .message-content-box.card .default-thumb .album,
    .multi-message-item .message-content-box.card .default-thumb .album {
      position: relative;
      top: 50%;
      font-size: 100px;
      color: #fce4b6;
      background: -webkit-gradient(linear, left top, right top, from(#ffbf47), to(#ffbf47)) no-repeat;
      background: -webkit-linear-gradient(left, #ffbf47, #ffbf47) no-repeat;
      background: -o-linear-gradient(left, #ffbf47, #ffbf47) no-repeat;
      background: linear-gradient(to right, #ffbf47, #ffbf47) no-repeat;
      background-position: center;
      background-size: 80% 90%; }
  .message-item .message-content-box.card .card-bottom,
  .multi-message-item .message-content-box.card .card-bottom {
    height: 28px;
    font-size: 12px;
    line-height: 28px;
    color: #828992;
    text-align: center; }

.custom-card-msg {
  background-color: #fff !important;
  height: 100%; }
  .custom-card-msg .divider-custom {
    width: 290px;
    margin: 0px;
    margin-bottom: 10px; }
  .custom-card-msg .section {
    white-space: normal;
    margin-bottom: 10px; }
    .custom-card-msg .section .left-text {
      font-size: 13px;
      color: #333333;
      margin-right: 20px;
      display: inline-block;
      vertical-align: top; }
    .custom-card-msg .section .image-box-wrap {
      width: 100px;
      height: 100px;
      float: right;
      background-color: #ececec;
      display: inline-block; }
      .custom-card-msg .section .image-box-wrap .right-img {
        width: 100px;
        height: 100px;
        float: right;
        border-radius: 5px; }
    .custom-card-msg .section #markdown-wrap ul {
      list-style: inside; }
    .custom-card-msg .section #markdown-wrap ol {
      list-style: decimal;
      margin-left: 16px; }
    .custom-card-msg .section #markdown-wrap table {
      width: 100%;
      border: 1px solid #ddd;
      border-collapse: separate;
      border-collapse: collapse;
      border-left: 0;
      border-radius: 4px;
      border-spacing: 0;
      background: transparent; }
    .custom-card-msg .section #markdown-wrap tbody > tr:nth-child(2n + 1) > td,
    .custom-card-msg .section #markdown-wrap .table-striped-white tbody > tr:nth-child(2n + 1) > th {
      background-color: rgba(102, 128, 153, 0.05); }
    .custom-card-msg .section #markdown-wrap table th,
    .custom-card-msg .section #markdown-wrap table td {
      border-left: 1px solid #ddd;
      padding: 8px;
      line-height: 20px;
      text-align: left;
      vertical-align: top;
      border-top: 1px solid #ddd; }
    .custom-card-msg .section #markdown-wrap .has-a-class {
      font-size: 13px; }
    .custom-card-msg .section #markdown-wrap h1,
    .custom-card-msg .section #markdown-wrap h2,
    .custom-card-msg .section #markdown-wrap h3,
    .custom-card-msg .section #markdown-wrap h4,
    .custom-card-msg .section #markdown-wrap h5,
    .custom-card-msg .section #markdown-wrap h6 {
      margin-bottom: 10px; }
    .custom-card-msg .section .img-simple-wrap {
      width: 306px;
      height: auto;
      border-radius: 4px;
      margin-left: -9px;
      margin-right: -9px; }
      .custom-card-msg .section .img-simple-wrap img {
        width: 306px;
        height: auto;
        border-radius: 4px; }
    .custom-card-msg .section .resolve-ornot {
      display: inline-block;
      font-size: 13px;
      opacity: 0.85; }
    .custom-card-msg .section .oprate-block .item {
      font-size: 13px;
      display: inline-block; }
      .custom-card-msg .section .oprate-block .item .op-icon {
        width: 13px;
        height: 13px;
        cursor: pointer;
        vertical-align: text-top; }
      .custom-card-msg .section .oprate-block .item .op-text {
        cursor: pointer;
        margin-left: 4px;
        opacity: 0.85; }
  .custom-card-msg .date-picker-line {
    margin-top: 10px;
    margin-bottom: 10px; }
    .custom-card-msg .date-picker-line .date-picker {
      width: 100%; }
  .custom-card-msg .button-wrap {
    width: 100%;
    margin-top: 0px;
    margin-bottom: 10px;
    display: inline-block;
    margin-right: 5px; }
    .custom-card-msg .button-wrap .button-btn {
      font-size: 14px; }
  .custom-card-msg .input-wrap {
    margin-bottom: 10px; }
    .custom-card-msg .input-wrap textarea {
      resize: none; }
  .custom-card-msg .drop-down-wrap {
    margin-bottom: 10px; }
  .custom-card-msg .select-line {
    width: 100%; }

.message-emoji-reaction {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-top: 5px;
  margin-left: 47px;
  -webkit-user-select: text;
  -moz-user-select: text;
   -ms-user-select: text;
       user-select: text; }
  .message-emoji-reaction .reaction-item {
    position: relative;
    display: inline-block;
    min-width: 45px;
    padding: 2px 4px;
    margin-right: 5px;
    margin-bottom: 3px;
    text-align: center;
    cursor: pointer;
    border: 1px solid #dedede;
    border-radius: 5px; }
    .message-emoji-reaction .reaction-item .center-loading {
      -webkit-transform: scale(0.7) !important;
          -ms-transform: scale(0.7) !important;
              transform: scale(0.7) !important; }
    .message-emoji-reaction .reaction-item.contain-self {
      background: #d1e0f3;
      border: 1px solid #d1e0f3; }
    .message-emoji-reaction .reaction-item .count {
      display: inline-block;
      padding-top: 1px;
      margin-left: 4px;
      font-size: 14px;
      line-height: 1em;
      color: #00acdc;
      vertical-align: middle; }

.emoji-detail-panel {
  max-width: 400px;
  max-height: 200px;
  font-size: 12px;
  color: #222; }

.message-item .image-enterprise-mark {
  position: relative;
  bottom: -1px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
  width: auto;
  margin-top: auto;
  margin-right: 8px;
  font-size: 13px;
  cursor: pointer; }
  .message-item .image-enterprise-mark.other {
    position: relative;
    bottom: 1px;
    display: inline-block;
    margin-right: 0;
    margin-left: 8px;
    font-size: 13px;
    vertical-align: super; }

@charset "UTF-8";
.message-item {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  width: 100%;
  height: auto;
  padding: 6px 0;
  clear: both; }
  .message-item.collab-item {
    padding: 15px 0; }
  .message-item .temp-msg-line {
    width: 157px;
    height: 12px;
    padding-left: 5px;
    margin-top: 4px;
    margin-left: 60px;
    line-height: 12px;
    white-space: nowrap;
    background: rgba(96, 167, 249, 0.1);
    border-radius: 7px; }
    .message-item .temp-msg-line .dot {
      display: inline-block;
      width: 3px;
      height: 3px;
      vertical-align: middle;
      background: #60a7f9;
      border-radius: 50%; }
    .message-item .temp-msg-line .text {
      display: inline-block;
      height: 12px;
      margin-left: -37px;
      font-size: 14px;
      line-height: 11px;
      color: #60a7f9;
      vertical-align: middle;
      -webkit-transform: scale(0.66);
          -ms-transform: scale(0.66);
              transform: scale(0.66); }
  .message-item .message-sender-avatar-assistant,
  .message-item .sender-avatar {
    position: relative;
    width: 32px;
    height: 32px;
    margin-left: 15px;
    vertical-align: top;
    cursor: pointer;
    border-radius: 50%; }
    .message-item .message-sender-avatar-assistant.ai-assistant-msg,
    .message-item .sender-avatar.ai-assistant-msg {
      cursor: unset; }
  .message-item .message-sender-avatar-assistant {
    margin-right: 0;
    font-size: 14px;
    top: 2px;
    cursor: unset; }
  .message-item .message-right-part {
    display: inline-block;
    width: calc(100% - 105px);
    margin-left: 9px; }
    .message-item .message-right-part .sender-name {
      max-width: 80%;
      margin-bottom: 4px;
      font-size: 12px;
      line-height: 12px;
      color: #343d4c; }
      .message-item .message-right-part .sender-name .bot-label {
        display: inline-block;
        width: auto;
        height: 15px;
        padding-left: 4px;
        margin-left: 8px;
        line-height: 16px;
        white-space: nowrap;
        vertical-align: initial;
        background-image: -webkit-linear-gradient(224deg, #7eb7ff 0%, #4880ff 100%);
        background-image: -o-linear-gradient(224deg, #7eb7ff 0%, #4880ff 100%);
        background-image: linear-gradient(226deg, #7eb7ff 0%, #4880ff 100%);
        border-radius: 1.68px; }
        .message-item .message-right-part .sender-name .bot-label .bot-icon {
          display: inline-block;
          font-size: 12px;
          color: #fff;
          -webkit-transform: scale(0.9);
              -ms-transform: scale(0.9);
                  transform: scale(0.9); }
        .message-item .message-right-part .sender-name .bot-label .bot-text {
          display: inline-block;
          margin-left: -3px;
          color: #fff;
          -webkit-transform: scale(0.8);
              -ms-transform: scale(0.8);
                  transform: scale(0.8); }
      .message-item .message-right-part .sender-name .live-guest {
        display: inline-block;
        margin-left: 12px;
        border-radius: 2px;
        background: #60a7f9;
        height: 16px;
        vertical-align: middle;
        padding: 2px 4px;
        text-align: center;
        line-height: 11px;
        color: #ffffff;
        font-size: 12px;
        font-family: PingFangSC-Medium, PingFang SC;
        font-size: 500; }
    .message-item .message-right-part .message-content-menu-box {
      position: relative;
      display: -ms-flexbox;
      display: flex;
      margin-right: 8px; }
    .message-item .message-right-part.other .message-content-menu-box.angle-backend::before, .message-item .message-right-part.other .message-content-menu-box.angle-backend::after {
      display: none; }
    .message-item .message-right-part.self .box-angle.white {
      z-index: 10; }
    .message-item .message-right-part.self .box-angle.blue {
      z-index: 10; }
    .message-item .message-right-part.self .box-angle.template {
      z-index: 10; }
    .message-item .message-right-part.self .message-content-menu-box.text, .message-item .message-right-part.self .message-content-menu-box.voice, .message-item .message-right-part.self .message-content-menu-box.image {
      border: 1px solid #b7d8fe; }
    .message-item .message-right-part.self .message-content-menu-box .text-item {
      border-bottom: 1px solid #adc5e1; }
    .message-item .message-right-part.self .message-content-menu-box.voice .audio {
      color: #94b8e4; }
    .message-item .message-right-part.other {
      top: 2px; }
    .message-item .message-right-part.other .message-content-box {
      background-color: #fff;
      border: 1px solid rgba(224, 229, 240, 0.7);
      border-radius: 2px 8px 8px 8px; }
    .message-item .message-right-part.self .message-content-box {
      background-color: #c5def7;
      border: 1px solid #b7d8fe;
      border-radius: 8px 2px 8px 8px; }
    .message-item .message-right-part .message-menu.show {
      visibility: visible; }
  .message-item.contact .sender-name {
    display: none; }
  .message-item .multi-select-checkbox {
    position: absolute;
    top: 13px;
    left: 16px; }
  .message-item .medal-islusion {
    position: absolute;
    z-index: 10;
    width: 42px !important;
    height: 41px !important;
    margin-top: -5px;
    cursor: pointer;
    border-radius: 50%;
    border-radius: initial !important; }

.check-back {
  background: #eaedf1; }
  .check-back .can-use-select {
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none; }

.message-multi-select .sender-avatar {
  margin-left: 52px; }

.message-multi-select .message-right-part {
  width: calc(100% - 99px); }

.message-multi-select .ant-checkbox .ant-checkbox-inner {
  width: 18px;
  height: 18px;
  background-color: #f7f7f7;
  border-color: #ccc;
  border-radius: 50%; }
  .message-multi-select .ant-checkbox .ant-checkbox-inner::after {
    top: 3px;
    left: 6px;
    border-color: #f7f7f7;
    -webkit-transform: rotate(45deg) scale(1.3);
        -ms-transform: rotate(45deg) scale(1.3);
            transform: rotate(45deg) scale(1.3); }

.message-multi-select .ant-checkbox-checked .ant-checkbox-inner {
  background-color: #fe6a49;
  border-color: #fe6a49; }

.message-multi-select .transparent-mask {
  position: absolute;
  z-index: 100;
  width: 100%;
  height: 100%;
  background-color: transparent; }

/* 长图显示问题，设置长度限制 */
.pc-client .message-content-box {
  max-width: 430px; }

.message-content-box {
  position: relative;
  display: inline-block;
  width: auto;
  max-width: 500px;
  height: auto;
  padding: 10px;
  overflow: hidden;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  color: #222;
  word-break: break-all;
  word-wrap: break-word;
  white-space: pre-wrap; }
  .message-content-box a {
    color: #00acdc; }
    .message-content-box a:hover {
      color: #3dc0e4; }
  .message-content-box.image, .message-content-box.expression {
    font-size: 0;
    line-height: 0; }
  .message-content-box.iq {
    width: 100%;
    max-width: 100%;
    padding: 0 20px;
    text-align: center;
    cursor: default; }
  .message-content-box.link {
    padding: 14px 16px; }
    .message-content-box.link:hover {
      background-color: #fff !important; }

.message-content-box.iq .message-iq {
  display: inline-block;
  width: auto;
  min-height: 20px;
  padding: 0 10px;
  font-size: 12px;
  font-style: normal;
  line-height: 20px;
  color: #828992;
  word-break: break-all;
  border-radius: 2px; }

.message-content-box.iq .reedit-btn {
  font-size: 12px;
  color: #00acdc;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none; }


.message-content-box.template-msg {
  background-color: #fff !important;
  border: 1px solid rgba(224, 229, 240, 0.7) !important;
  padding: 0; }

.message-live-template {
  position: relative;
  min-width: 130px;
  background-color: #fff; }
  .message-live-template .header {
    padding: 10px;
    background: #C5DEF7; }
    .message-live-template .header .name .top-name {
      font-size: 14px;
      font-family: PingFangSC-Semibold, PingFang SC;
      font-weight: 600;
      color: #222222;
      vertical-align: text-top; }
    .message-live-template .header .name .template-icon {
      color: #2d73fe;
      margin-right: 2px;
      width: 16px; }
    .message-live-template .header .time {
      font-size: 12px;
      font-family: PingFangSC-Regular, PingFang SC;
      font-weight: 400;
      color: rgba(52, 61, 76, 0.5); }
  .message-live-template .bottom-info {
    font-size: 14px;
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    color: #222222;
    padding: 13px 10px 10px 10px; }
    .message-live-template .bottom-info .li-list {
      list-style: outside;
      margin-left: 16px; }
      .message-live-template .bottom-info .li-list span {
        margin-left: -3px; }
      .message-live-template .bottom-info .li-list::marker {
        font-size: 12px; }

.input-emoji-panel {
  bottom: 138px;
  left: 3px;
  z-index: 2;
  display: block;
  width: 380px;
  padding-bottom: 8px;
  background-color: #fff;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px; }

.emoji-head {
  line-height: 30px;
  background-color: #f3f4f6;
  border-bottom: 1px solid #eaedf1;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px; }

.table-emoji-title {
  width: 100%;
  border: none; }
  .table-emoji-title tr {
    height: 30px;
    text-align: center;
    cursor: pointer; }
  .table-emoji-title .emoji-catalog-icon {
    font-size: 16px; }

.input-emoji-panel .tabs {
  width: auto; }
  .input-emoji-panel .tabs.active {
    color: #fe6a49;
    border-bottom: 2px solid #fe6a49; }

.emoji-title {
  width: auto;
  margin: 5px 0 5px 15px;
  font-size: 12px;
  line-height: 14px;
  color: #222;
  text-align: left; }

.emoji-common,
.emoji-normal {
  padding-left: 10px;
  text-align: left; }
  .emoji-common .emoji,
  .emoji-normal .emoji {
    margin: 3px 5px;
    cursor: pointer; }

.message-menu {
  position: relative;
  -ms-flex-direction: row;
      flex-direction: row;
  width: auto;
  margin-top: auto;
  bottom: 0;
  font-size: 0;
  display: none; }
  .message-menu .menu-item {
    display: inline-block;
    width: 50px;
    height: 28px;
    overflow: hidden;
    font-size: 13px;
    line-height: 28px;
    text-align: center;
    cursor: pointer;
    border: 1px solid #ddd;
    border-right: none;
    -webkit-transition: all 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
    -o-transition: all 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: all 0.2s cubic-bezier(0.645, 0.045, 0.355, 1); }
    .message-menu .menu-item:first-child {
      border-top-left-radius: 5px;
      border-bottom-left-radius: 5px; }
    .message-menu .menu-item:last-child {
      border-right: 1px solid #ddd;
      border-top-right-radius: 5px;
      border-bottom-right-radius: 5px; }
    .message-menu .menu-item:hover {
      color: #fe6a49;
      background-color: #eee; }
    .message-menu .menu-item.emoji-reaction {
      padding: 0 6px;
      color: #828992;
      background: #fff; }
      .message-menu .menu-item.emoji-reaction .reaction-icon {
        font-size: 17px; }
        .message-menu .menu-item.emoji-reaction .reaction-icon::after {
          position: relative;
          bottom: 2px;
          display: inline-block;
          margin-left: 4px;
          line-height: 1em;
          content: '+'; }
        .message-menu .menu-item.emoji-reaction .reaction-icon:hover {
          color: #fe6a49; }
      .message-menu .menu-item.emoji-reaction:hover, .message-menu .menu-item.emoji-reaction.active, .message-menu .menu-item.emoji-reaction.ant-popover-open {
        color: #fe6a49;
        background-color: #fff; }
    .message-menu .menu-item.more {
      padding: 3px 0;
      color: #828992; }
      .message-menu .menu-item.more .more-icon {
        position: relative;
        display: inline-block;
        width: 45px; }
        .message-menu .menu-item.more .more-icon::before {
          position: absolute;
          top: -26px;
          left: -30px;
          font-size: 30px; }
      .message-menu .menu-item.more:hover, .message-menu .menu-item.more.ant-popover-open {
        color: #fe6a49;
        background-color: #f8f8f8; }

.menu-popover {
  padding-bottom: 5px !important; }
  .menu-popover .ant-popover-arrow {
    display: none !important; }
  .menu-popover .ant-popover-inner-content {
    padding: 0 !important; }
  .menu-popover .tool-bar {
    height: 30px;
    padding-top: 5px;
    text-align: right;
    background-color: #f3f4f6;
    border-top: 1px solid #eaedf1;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px; }
    .menu-popover .tool-bar .anonymous-checkbox {
      margin-right: 6px;
      font-size: 12px;
      color: #222; }

.more-popover .withdraw-btn {
  padding: 5px 15px;
  cursor: pointer; }
  .more-popover .withdraw-btn:hover {
    color: #fe6a49; }

.message-item .other .message-menu {
  margin-right: 0; }

.message-send-status {
  margin-top: auto;
  margin-right: 8px;
  margin-left: 5px;
  font-size: 0;
  margin-bottom: 2px;
  display: none; }
  .message-send-status.message-send-status-overflow {
    position: absolute;
    left: 0;
    bottom: 0;
    margin-left: -28px; }
  .message-send-status .status-btn {
    width: 22px;
    height: 22px;
    color: #fe6a49; }
    .message-send-status .status-btn:hover {
      color: #fd947e; }
    .message-send-status .status-btn.resend {
      display: inline-block;
      font-size: 18px;
      cursor: pointer; }
  .message-send-status .sending {
    display: inline-block;
    margin-right: 3px;
    margin-bottom: -5px;
    font-size: 18px;
    color: #5d6470;
    cursor: pointer;
    -webkit-animation: circle 0.8s infinite linear;
            animation: circle 0.8s infinite linear; }

@-webkit-keyframes circle {
  0% {
    -webkit-transform: rotateZ(0);
            transform: rotateZ(0); }
  50% {
    -webkit-transform: rotateZ(180deg);
            transform: rotateZ(180deg); }
  100% {
    -webkit-transform: rotateZ(360deg);
            transform: rotateZ(360deg); } }

@keyframes circle {
  0% {
    -webkit-transform: rotateZ(0);
            transform: rotateZ(0); }
  50% {
    -webkit-transform: rotateZ(180deg);
            transform: rotateZ(180deg); }
  100% {
    -webkit-transform: rotateZ(360deg);
            transform: rotateZ(360deg); } }

.message-item.float-right {
  -ms-flex-direction: row-reverse;
      flex-direction: row-reverse; }
  .message-item.float-right .sender-avatar {
    margin-right: 15px;
    margin-left: 0; }
  .message-item.float-right .message-right-part .sender-name {
    display: none; }
  .message-item.float-right .message-right-part .message-content-menu-box {
    -ms-flex-direction: row-reverse;
        flex-direction: row-reverse;
    margin-right: 8px; }
  .message-item.float-right .message-right-part .message-image-content-reload {
    -ms-flex-direction: row-reverse;
        flex-direction: row-reverse; }
    .message-item.float-right .message-right-part .message-image-content-reload .reload-img {
      margin-right: 5px;
      margin-left: 5px; }
  .message-item.float-right .message-right-part .message-emoji-reaction {
    -ms-flex-direction: row-reverse;
        flex-direction: row-reverse;
    margin-right: 47px;
    margin-left: 0; }
  .message-item.float-right .message-right-part .message-voice-content-ext {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row-reverse;
        flex-direction: row-reverse; }
  .message-item.float-right .message-right-part .bida-status-trigger {
    margin-right: 8px;
    margin-left: 0; }
  .message-item.float-right .message-right-part .message-card-content-reload {
    -ms-flex-direction: row-reverse;
        flex-direction: row-reverse; }
    .message-item.float-right .message-right-part .message-card-content-reload .reload-img {
      margin-right: 5px;
      margin-left: 0; }

.message-content-box.stream-text {
  width: 54.8%; }
  .message-content-box.stream-text.ai-assistant-message {
    width: 100%;
    background: #f3f4f6 !important;
    max-width: unset;
    border-color: #f3f4f6 !important; }
  .message-content-box.stream-text .stream-content-box {
    min-height: 20px; }
    .message-content-box.stream-text .stream-content-box .stream-box {
      font-size: 14px;
      color: #222222;
      white-space: pre-wrap; }
    .message-content-box.stream-text .stream-content-box .empty-tips,
    .message-content-box.stream-text .stream-content-box .error-tips {
      font-size: 14px;
      color: #828992;
      letter-spacing: 1px; }
      .message-content-box.stream-text .stream-content-box .empty-tips .failed-icon,
      .message-content-box.stream-text .stream-content-box .error-tips .failed-icon {
        color: #aaafb5;
        font-size: 12px;
        margin-right: 10px; }
  .message-content-box.stream-text .stream-ctrl-box {
    margin-top: 12px;
    padding-top: 12px;
    position: relative;
    font-size: 12px;
    line-height: 1; }
    .message-content-box.stream-text .stream-ctrl-box::after {
      content: '';
      position: absolute;
      height: 1px;
      background: #eaedf1;
      top: 0;
      left: 0;
      right: 0;
      margin: auto; }
    .message-content-box.stream-text .stream-ctrl-box.status-stop {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-pack: justify;
          justify-content: space-between; }
      .message-content-box.stream-text .stream-ctrl-box.status-stop .like {
        color: #fff; }
    .message-content-box.stream-text .stream-ctrl-box .stop,
    .message-content-box.stream-text .stream-ctrl-box .rebuild {
      color: #00acdc;
      cursor: pointer; }
    .message-content-box.stream-text .stream-ctrl-box .stop-tips {
      color: #aaafb5;
      margin-right: 5px; }

.message-content-box.todo-message {
  width: 360px;
  padding: 0;
  margin: 0 auto;
  cursor: pointer;
  background: #fff !important;
  border: none !important; }
  .message-content-box.todo-message:active {
    background: #ebebeb; }
  .message-content-box.todo-message .todo-title {
    display: -ms-flexbox;
    display: flex;
    padding-top: 11px;
    padding-right: 16px;
    font-size: 14px;
    font-weight: 500; }
  .message-content-box.todo-message .undone-title {
    font-weight: 500;
    color: #222; }
  .message-content-box.todo-message .done-title {
    font-weight: normal;
    color: #828992; }
  .message-content-box.todo-message .readed-title {
    font-weight: normal; }
  .message-content-box.todo-message .un-do-status {
    width: 20px; }
    .message-content-box.todo-message .un-do-status .red-point {
      display: inline-block;
      width: 8px;
      height: 8px;
      margin: 2px 6px;
      background: #fe6a49;
      border-radius: 50%; }
  .message-content-box.todo-message .todo-content {
    display: block;
    padding: 10px 0;
    margin: 0 16px 0 20px;
    font-size: 12px;
    line-height: 18px;
    color: #5d6470;
    white-space: pre-wrap; }
    .message-content-box.todo-message .todo-content.done-content {
      color: #828992; }
  .message-content-box.todo-message .detail-link {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center;
    height: 30px;
    padding: 0 15px 0 20px;
    font-size: 13px; }
  .message-content-box.todo-message .undo-link {
    display: -ms-flexbox;
    display: flex;
    -ms-flex: 1 1;
        flex: 1 1;
    -ms-flex-align: center;
        align-items: center;
    height: 100%;
    color: #ffb014;
    border-top: 1px solid #e1e1e1; }
    .message-content-box.todo-message .undo-link i {
      margin-right: 8px;
      font-size: 18px; }
  .message-content-box.todo-message .done-link {
    display: -ms-flexbox;
    display: flex;
    -ms-flex: 1 1;
        flex: 1 1;
    -ms-flex-align: center;
        align-items: center;
    height: 100%;
    color: #828992;
    border-top: 1px solid #e1e1e1; }
    .message-content-box.todo-message .done-link i {
      margin-right: 8px;
      font-size: 18px;
      color: #52c41a; }
  .message-content-box.todo-message .link-title {
    padding-top: 2px; }
  .message-content-box.todo-message .right-arrow {
    position: relative; }
    .message-content-box.todo-message .right-arrow::after {
      position: absolute;
      top: -2px;
      top: 50%;
      right: 2px;
      display: inline-block;
      width: 8px;
      height: 8px;
      margin-top: -4px;
      border-color: #ccc;
      border-style: solid;
      border-width: 1px 1px 0 0;
      -webkit-transform: matrix(0.71, 0.71, -0.71, 0.71, 0, 0);
      -ms-transform: matrix(0.71, 0.71, -0.71, 0.71, 0, 0);
          transform: matrix(0.71, 0.71, -0.71, 0.71, 0, 0); }

.assistant-template-avatar {
  width: 20px;
  height: 20px;
  border-radius: 4px;
  -ms-flex: none;
      flex: none;
  margin-right: 10px;
  font-size: 12px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: 500;
  color: #fff;
  overflow: hidden; }

.timeline {
  height: 1px;
  margin: 20px 60px;
  text-align: center; }
  .timeline .time {
    position: relative;
    top: -10px;
    display: inline-block;
    height: 22px;
    padding: 0 10px;
    font-size: 12px;
    line-height: 22px;
    color: #828992;
    background: rgba(255, 255, 255, 0.12); }

.message-header {
  position: absolute;
  top: 0;
  left: 0;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  width: 100%;
  height: 48px;
  text-align: justify;
  border-bottom: 1px solid #e4e7e9; }
  .message-header .audio-tips-wrap {
    display: -ms-flexbox;
    display: flex;
    padding-left: 15px; }
  .message-header .name-box {
    width: 100%; }
  .message-header .name {
    max-width: 92%;
    height: 20px;
    margin-left: 15px;
    overflow: hidden;
    line-height: 20px;
    -o-text-overflow: ellipsis;
       text-overflow: ellipsis;
    white-space: nowrap; }
  .message-header .username {
    cursor: pointer; }
  .message-header .main-name {
    font-size: 14px;
    color: #222;
    font-weight: 500; }
    .message-header .main-name .qt-icon {
      margin-left: 4px; }
    .message-header .main-name .qt-icon.red {
      color: #fe6a49 !important; }
    .message-header .main-name .bot-label {
      background-image: -webkit-linear-gradient(224deg, #7eb7ff 0%, #4880ff 100%);
      background-image: -o-linear-gradient(224deg, #7eb7ff 0%, #4880ff 100%);
      background-image: linear-gradient(226deg, #7eb7ff 0%, #4880ff 100%);
      border-radius: 1.68px;
      display: inline-block;
      width: auto;
      height: 15px;
      line-height: 15px;
      white-space: nowrap;
      vertical-align: initial;
      margin-left: 4px; }
      .message-header .main-name .bot-label .bot-icon {
        color: #fff;
        display: inline-block;
        font-size: 12px;
        -webkit-transform: scale(0.9);
            -ms-transform: scale(0.9);
                transform: scale(0.9); }
      .message-header .main-name .bot-label .bot-text {
        color: #ffffff;
        display: inline-block;
        font-size: 12px;
        -webkit-transform: scale(0.8);
            -ms-transform: scale(0.8);
                transform: scale(0.8);
        margin-left: -3px;
        vertical-align: middle; }
  .message-header .minor-name {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center;
    font-size: 12px;
    font-weight: 400;
    color: #828992; }
    .message-header .minor-name .username {
      margin-right: 5px; }
  .message-header .tag {
    display: inline-block;
    height: 20px;
    padding: 0 5px;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 1.4;
    color: #828992;
    border: 1px solid #828992;
    border-radius: 2px;
    -webkit-transform: scale(0.6);
        -ms-transform: scale(0.6);
            transform: scale(0.6); }
    .message-header .tag.whole {
      color: #fe6a49;
      border-color: #fe6a49; }
  .message-header .notice-wrap,
  .message-header .spk-wrap {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
        flex-direction: row;
    position: relative;
    -ms-flex-align: center;
        align-items: center; }
    .message-header .notice-wrap:hover,
    .message-header .spk-wrap:hover {
      color: #fe6a49; }
      .message-header .notice-wrap:hover .notice,
      .message-header .notice-wrap:hover .audio,
      .message-header .notice-wrap:hover .spk,
      .message-header .spk-wrap:hover .notice,
      .message-header .spk-wrap:hover .audio,
      .message-header .spk-wrap:hover .spk {
        color: #fe6a49; }
    .message-header .notice-wrap .audio-input-preview,
    .message-header .spk-wrap .audio-input-preview {
      -webkit-transform: scaleX(1.2);
          -ms-transform: scaleX(1.2);
              transform: scaleX(1.2);
      display: inline-block;
      height: 11px;
      width: 4px;
      background: transparent;
      border-radius: 5px;
      position: absolute;
      z-index: 1;
      right: 30px;
      top: 4px;
      cursor: pointer;
      overflow-y: hidden; }
      .message-header .notice-wrap .audio-input-preview .audio-input-preview-level,
      .message-header .spk-wrap .audio-input-preview .audio-input-preview-level {
        position: absolute;
        bottom: 0;
        background: #66d84e;
        border-radius: 5px;
        width: 100%;
        max-height: 90%;
        height: 40%;
        -webkit-transition: height 0.1s ease-in-out;
        -o-transition: height 0.1s ease-in-out;
        transition: height 0.1s ease-in-out; }
    .message-header .notice-wrap .live-operate,
    .message-header .spk-wrap .live-operate {
      font-size: 17px;
      color: #525c6c;
      cursor: pointer; }
      .message-header .notice-wrap .live-operate:hover,
      .message-header .spk-wrap .live-operate:hover {
        color: #fe6a49; }
      .message-header .notice-wrap .live-operate.notice,
      .message-header .spk-wrap .live-operate.notice {
        width: 20px;
        margin-right: 14px;
        margin-left: 20px;
        color: #62b2de; }
      .message-header .notice-wrap .live-operate.audio,
      .message-header .spk-wrap .live-operate.audio {
        width: 20px;
        margin-right: 20px;
        margin-left: 24px; }
      .message-header .notice-wrap .live-operate.spk,
      .message-header .spk-wrap .live-operate.spk {
        width: 20px;
        margin-right: 5px;
        margin-left: 15px; }
  .message-header .spking-list {
    height: 26px;
    line-height: 26px;
    background: rgba(255, 255, 255, 0.5);
    border-radius: 4px;
    border: 1px solid #eeeeee;
    color: rgba(34, 34, 34, 0.5);
    padding: 0px 10px 0px 8px;
    max-width: 242px;
    overflow: hidden;
    -o-text-overflow: ellipsis;
       text-overflow: ellipsis;
    white-space: nowrap; }
    .message-header .spking-list .item {
      font-size: 12px;
      font-family: PingFangSC-Regular, PingFang SC;
      font-weight: 400; }
  .message-header .view-detail {
    margin-right: -10px;
    font-size: 12px;
    color: #828992;
    cursor: pointer;
    -webkit-transform: scale(0.7);
        -ms-transform: scale(0.7);
            transform: scale(0.7); }
    .message-header .view-detail.detail {
      margin-left: 10px; }
    .message-header .view-detail.collab {
      display: inline-block;
      font-size: 12px;
      color: #828992;
      cursor: pointer;
      -webkit-transform: scale(0.5);
          -ms-transform: scale(0.5);
              transform: scale(0.5); }
    .message-header .view-detail.channel-announcement {
      font-size: 16px;
      margin-right: 5px; }
    .message-header .view-detail:hover {
      color: #fe6a49; }
  .message-header .archive-alert {
    position: absolute;
    top: 0;
    left: 0;
    width: calc(100% - 20px);
    height: 100%;
    padding: 15px 0;
    margin: 0 10px;
    font-size: 13px;
    color: #fff;
    text-align: center;
    background-color: rgba(90, 70, 170, 0.5);
    border-bottom-right-radius: 6px;
    border-bottom-left-radius: 6px;
    -webkit-box-shadow: 0 0 10px 0 rgba(10, 11, 21, 0.75);
            box-shadow: 0 0 10px 0 rgba(10, 11, 21, 0.75); }
    .message-header .archive-alert .archive-alert-btn {
      position: absolute;
      top: 14px;
      display: inline-block;
      width: 48px;
      height: 22px;
      margin: 0 50px;
      font-size: 12px;
      line-height: 21px;
      color: #fe6a49;
      vertical-align: bottom;
      border: 1px solid;
      border-radius: 4px; }
      .message-header .archive-alert .archive-alert-btn:hover {
        color: #6f72af;
        background: #fff; }
  .message-header .has-read-pt {
    display: inline-block;
    width: 8px;
    height: 8px;
    margin-left: 2px;
    vertical-align: middle;
    background: #ec5233;
    border-radius: 50%;
    margin-top: -15px;
    margin-left: -5px;
    -webkit-transform: scale(0.7);
        -ms-transform: scale(0.7);
            transform: scale(0.7); }

.channel-update-tip {
  margin-left: -1px;
  background-color: #fff;
  width: 200px; }
  .channel-update-tip .header {
    margin-bottom: 10px; }

.announcement-global-modal .ant-modal-body {
  max-height: 300px;
  overflow-y: scroll;
  padding-left: 20px !important;
  padding-top: 10px !important; }

.announcement-global-modal .ant-modal-close {
  display: none; }

.announcement-global-modal .cancel-btn {
  display: none; }

.intro-spk-wrap {
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: 30px;
  height: 30px;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center; }

.audio-tips {
  width: 249px;
  height: 40px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-size: 14px;
  color: #222222;
  font-weight: 400;
  line-height: 20px; }

.qt-intro-audio-tips {
  left: -5px !important; }

.mute-tips {
  width: 182px;
  height: 16px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-size: 14px;
  color: #222222;
  font-weight: 400;
  line-height: 20px; }

.qt-intro-mute-tips {
  right: 40px !important; }
  .qt-intro-mute-tips .introjs-arrow.right {
    top: 20px !important; }

.app-menus {
  width: 100%;
  height: calc(100% - 43px);
  overflow: hidden;
  background-color: #fff;
  outline: none; }

.menus-none {
  position: relative;
  z-index: -2; }

.appmenu-content {
  width: 220px;
  max-width: 440px;
  height: calc(100% - 160px);
  height: -webkit-calc(100% - 160px);
  margin-top: 26px;
  margin-right: auto;
  margin-left: auto;
  text-align: center; }
  .appmenu-content:after {
    clear: both; }
  .appmenu-content .no-border-right {
    border-right: none !important; }
  .appmenu-content .appmenu-item-img {
    width: 30px;
    height: 30px;
    padding-top: 4px;
    margin-top: 16px;
    margin-left: 40px;
    font-size: 14px;
    border: 1px solid #828992;
    border-radius: 50%; }
  .appmenu-content .appmenu-item:hover .appmenu-item-img {
    border-color: #fe6a49; }
  .appmenu-content .appmenu-item-name {
    margin-top: 8px;
    font-size: 12px; }
  .appmenu-content .appmenu-item {
    float: left;
    width: 110px;
    height: 88px;
    text-align: center;
    cursor: pointer;
    border-right: 1px solid #f6f6f6;
    border-bottom: 1px solid #f6f6f6; }
    .appmenu-content .appmenu-item:hover {
      color: #fe6a49;
      -webkit-box-shadow: 0 0 10px rgba(225, 225, 225, 0.7);
              box-shadow: 0 0 10px rgba(225, 225, 225, 0.7); }
  .appmenu-content .menu-content-topborder {
    position: relative;
    width: 220px;
    height: 1px;
    background: white; }

.input-menu.menu-context {
  top: 42px; }

.input-menu {
  position: absolute;
  bottom: 0;
  width: 100%;
  height: auto; }
  .input-menu .app-bottom-content {
    width: 100%;
    height: 43px;
    font-size: 14px;
    background-color: #fbfbfb;
    border-top: 1px solid #dedede; }
  .input-menu .app-bottom-item {
    display: inline-block;
    width: calc(50% - 3px);
    width: -webkit-calc(50% - 3px);
    height: 43px;
    line-height: 43px;
    color: #222;
    text-align: center;
    cursor: pointer;
    border-left: 1px solid #dedede; }
    .input-menu .app-bottom-item:hover {
      color: #fe6a49; }
  .input-menu .app-bottom-back-input {
    border-left: none; }
  .input-menu .icon-bell-web {
    display: inline-block;
    font-size: 15px; }
    .input-menu .icon-bell-web:hover {
      color: #fe6a49; }
  .input-menu .icon-keyboard-web {
    display: inline-block;
    font-size: 18px;
    color: #666; }
    .input-menu .icon-keyboard-web:hover {
      color: #fe6a49; }
  .input-menu .service-no-menu-content {
    position: relative;
    display: inline-block;
    width: calc(100% - 44px);
    width: -webkit-calc(100% - 44px);
    height: 43px;
    font-size: 13px;
    color: #5d6470;
    text-align: center;
    vertical-align: top;
    cursor: pointer;
    background-color: #fbfbfb;
    border-top: 1px solid #dedede; }
  .input-menu .service-keyboard-container {
    display: inline-block;
    width: 44px;
    height: 43px;
    line-height: 43px;
    text-align: center;
    vertical-align: top;
    cursor: pointer;
    background-color: #fbfbfb;
    border-top: 1px solid #dedede; }

.input-menu-second-item {
  width: 152px;
  height: 36px;
  padding-top: 9px;
  color: #5d6470;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  border-top: 1px solid #e5e5e5; }

.input-menu-second-item:first-child {
  border: none; }

.input-menu-second {
  margin: -8px -16px;
  font-size: 12px;
  color: #e5e5e5;
  text-align: center; }

.input-menu-breadcrumb {
  display: inline-block;
  margin-right: 3px;
  font-size: 12px;
  color: #828992; }

.input-main-menu {
  display: inline-block;
  width: 100%;
  height: 43px;
  font-size: 13px;
  line-height: 43px;
  color: #222;
  text-align: center;
  cursor: pointer;
  background-color: #fbfbfb;
  border-right: 1px solid #dedede; }
  .input-main-menu:hover {
    color: #fe6a49; }

.multi-forward {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  margin-top: 20px;
  font-size: 13px;
  color: #222;
  text-align: center; }
  .multi-forward > div {
    margin-left: 30px; }
    .multi-forward > div:first-child {
      margin-left: 0; }
  .multi-forward i {
    font-size: 18px;
    line-height: 54px; }
  .multi-forward .icon-circle {
    width: 54px;
    height: 54px;
    margin: 0 auto 12px;
    color: #222;
    cursor: pointer;
    background: #fff;
    border-radius: 50%; }
    .multi-forward .icon-circle .qt-icon-ref_msg_close {
      font-size: 16px; }
    .multi-forward .icon-circle:active {
      background: #e9e9e9; }
  .multi-forward .unable-forward {
    color: #c1c1c1;
    cursor: not-allowed;
    background: #eee; }
    .multi-forward .unable-forward:active {
      background: #eee; }

.forbid-input {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 40px;
  text-align: center;
  background-color: #eaedf1;
  border-top: 1px solid #e5e5e5; }
  .forbid-input .description {
    font-size: 13px;
    line-height: 40px;
    color: #828992;
    text-align: center; }

.qt-icon-call.disable {
  color: #828992 !important; }

.message-input-container {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 134px;
  background: #f3f4f6;
  border-top: 1px solid #e4e7e9; }
  .message-input-container .QTEditor > div:first-child {
    height: 100% !important;
    max-height: 100% !important; }
  .message-input-container .executive-no-permission-tip {
    display: inline-block;
    width: 100%;
    height: 100%;
    line-height: 134px;
    text-align: center; }
  .message-input-container .drag-line {
    width: 100%;
    height: 6px; }
  .message-input-container .input-tool {
    position: absolute;
    top: 4px;
    width: 100%;
    padding: 0 0 2px 16px; }
    .message-input-container .input-tool i[class*='icon'] {
      color: #525c6c !important; }
    .message-input-container .input-tool .tool-item {
      margin-right: 16px;
      font-size: 18px;
      cursor: pointer;
      -webkit-transition: color 0.3s ease;
      -o-transition: color 0.3s ease;
      transition: color 0.3s ease; }
      .message-input-container .input-tool .tool-item.active, .message-input-container .input-tool .tool-item:hover {
        color: #fe6a49 !important; }
      .message-input-container .input-tool .tool-item.emoji-btn {
        position: relative; }
      .message-input-container .input-tool .tool-item.bida-btn {
        position: relative;
        top: 1px; }
      .message-input-container .input-tool .tool-item.template-btn {
        position: relative; }
      .message-input-container .input-tool .tool-item.screenshot {
        position: relative; }
        .message-input-container .input-tool .tool-item.screenshot .screenshot-btn {
          font-size: 17px; }
          .message-input-container .input-tool .tool-item.screenshot .screenshot-btn:hover {
            color: #fe6a49; }
        .message-input-container .input-tool .tool-item.screenshot .screenshot-triangle {
          position: relative;
          top: 14px;
          width: 0;
          height: 0;
          border-color: #666 transparent transparent transparent;
          border-style: solid;
          border-width: 5px 5px 0 5px; }
          .message-input-container .input-tool .tool-item.screenshot .screenshot-triangle:hover {
            border-top-color: #fe6a49; }
    .message-input-container .input-tool .tool-item-file {
      margin-right: 0 !important; }
    .message-input-container .input-tool .emoji-trigger-box.active {
      color: #fe6a49; }
    .message-input-container .input-tool .menu-transfer-btn {
      float: right;
      margin-right: 22px;
      font-size: 18px; }
      .message-input-container .input-tool .menu-transfer-btn::after {
        display: block;
        width: 0;
        height: 0;
        clear: both;
        visibility: hidden;
        content: '\200B'; }
    .message-input-container .input-tool .pull-hight {
      float: right; }
    .message-input-container .input-tool .down-hight {
      float: right;
      -webkit-transform: rotate(180deg);
          -ms-transform: rotate(180deg);
              transform: rotate(180deg); }
  .message-input-container .message-input {
    bottom: 0;
    left: 0;
    width: 100%;
    height: calc(100% - 74px);
    margin-top: 38px;
    font-size: 14px;
    font-weight: 400;
    line-height: 21px;
    color: #222;
    word-break: break-all; }
  .message-input-container .send-btn-wrap {
    position: absolute;
    right: 20px;
    height: 34px;
    background: #f5f5f5; }
    .message-input-container .send-btn-wrap .send-msg-btn {
      bottom: 7px;
      display: inline-block;
      width: 55px;
      margin-left: 20px;
      font-size: 14px;
      line-height: 24px;
      color: #828992;
      text-align: center;
      cursor: pointer;
      background: #eee;
      border-radius: 3px; }
      .message-input-container .send-btn-wrap .send-msg-btn:hover {
        color: #fff;
        cursor: pointer;
        background-color: #fe6a49; }
      .message-input-container .send-btn-wrap .send-msg-btn.send-msg-btn-focus {
        color: #fff;
        cursor: pointer;
        background-color: #fe6a49; }
    .message-input-container .send-btn-wrap .input-keyboard-text {
      bottom: 7px;
      font-size: 12px;
      font-weight: 400;
      color: #828992; }
  .message-input-container .upload-file-btn {
    margin-right: 16px; }

.forward-container {
  z-index: 12; }
  .forward-container .ant-modal-footer {
    position: absolute;
    right: 58px;
    bottom: 0; }
  .forward-container .forward {
    color: #222; }

.emoji-input-popover .ant-popover-inner-content {
  padding: 0 !important; }

.img-preview-popover {
  z-index: 100; }

.clipboard-img-preview {
  position: relative;
  width: 260px;
  height: 230px; }
  .clipboard-img-preview .preview-img-wrapper {
    position: relative;
    display: table-cell;
    width: 260px;
    height: 180px;
    padding: 10px;
    text-align: center;
    vertical-align: middle; }
    .clipboard-img-preview .preview-img-wrapper .clipboard-img {
      width: auto;
      max-width: 240px;
      height: auto;
      max-height: 180px;
      vertical-align: middle;
      cursor: pointer;
      border: 1px solid #d8d8d8;
      border-radius: 5px; }
  .clipboard-img-preview .preview-img-footer {
    text-align: center; }
    .clipboard-img-preview .preview-img-footer .ope {
      margin-right: 40px;
      font-size: 14px;
      color: #118ae2;
      cursor: pointer; }
      .clipboard-img-preview .preview-img-footer .ope:hover {
        color: #037aff; }
    .clipboard-img-preview .preview-img-footer .cancel {
      margin-right: 0 !important;
      color: #5d6470 !important; }
    .clipboard-img-preview .preview-img-footer button {
      float: right;
      width: 78px;
      height: 30px;
      padding: 0 12px;
      font-size: 12px;
      line-height: 24px;
      cursor: pointer;
      border: 1px solid;
      border-radius: 4px;
      outline: 0; }
    .clipboard-img-preview .preview-img-footer .no-btn {
      float: left;
      margin-left: 40px;
      color: #222;
      background: #d4d5d6;
      border-color: #d4d5d6; }
    .clipboard-img-preview .preview-img-footer .yes-btn {
      margin-right: 40px;
      color: #fff;
      background-color: #fe6a49;
      border-color: #fe6a49; }

.screenshot-popover {
  padding-top: 10px;
  padding-left: 0;
  cursor: pointer; }
  .screenshot-popover:hover .ant-popover-inner-content {
    color: #fe6a49; }
  .screenshot-popover .ant-popover-inner-content {
    padding: 0; }
  .screenshot-popover .ant-popover-arrow {
    display: none !important; }
  .screenshot-popover .screenshot-text {
    display: block;
    padding: 8px 12px; }

.qt-icon-yuanchengxiezhu {
  display: inline-block;
  font-size: 17px !important;
  -webkit-transform: translateY(-1px);
      -ms-transform: translateY(-1px);
          transform: translateY(-1px); }

.message-input-pop-overlay .ant-popover-arrow {
  display: none; }

.message-input-pop-overlay .ant-popover-inner-content {
  padding: 0 !important; }
  .message-input-pop-overlay .ant-popover-inner-content li {
    padding: 1em 1.5em;
    cursor: pointer; }
    .message-input-pop-overlay .ant-popover-inner-content li:hover {
      color: #fe6a49; }

.lan-popover .ant-popover-inner-content {
  padding: 0;
  color: #222; }

.lan-popover .ant-popover-arrow {
  display: none; }

.lan-popover .lan-file {
  padding: 5px 12px;
  cursor: pointer; }
  .lan-popover .lan-file span:hover {
    color: #fe6a49; }
  .lan-popover .lan-file i {
    margin-left: 4px;
    color: #828992; }
    .lan-popover .lan-file i:hover {
      color: #fe6a49; }

.lan-popover-hidden .ant-popover-inner-content {
  padding: 0; }

.file-notify-popover .ant-popover-inner-content {
  width: 279px;
  padding: 10px 12px;
  color: #828992; }

.file-notify-popover .ant-popover-content,
.file-notify-popover .ant-popover-arrow {
  margin-left: 14px; }

.file-notify-popover.en .ant-popover-inner-content {
  width: 420px; }

.message-input-editor .public-DraftEditor-content {
  min-height: 40px; }

.send-image-popover .ant-popover-inner-content {
  padding: 0;
  color: #222; }

.send-image-popover .ant-popover-inner-content .file-select-wrap,
.lan-popover .ant-popover-inner-content .file-select-wrap {
  padding: 11px 4px !important; }

.send-image-popover .ant-popover-arrow,
.lan-popover .ant-popover-arrow {
  display: none; }

.send-image-popover .send-drive-file,
.lan-popover .send-drive-file {
  padding: 5px 12px;
  cursor: pointer; }
  .send-image-popover .send-drive-file:hover,
  .lan-popover .send-drive-file:hover {
    color: #fe6a49; }

.send-image-popover .send-file,
.lan-popover .send-file {
  padding: 5px 12px;
  cursor: pointer; }
  .send-image-popover .send-file .what-wps,
  .lan-popover .send-file .what-wps {
    margin-left: 2px;
    color: #828992; }
  .send-image-popover .send-file:hover,
  .lan-popover .send-file:hover {
    color: #fe6a49; }
    .send-image-popover .send-file:hover .what-wps,
    .lan-popover .send-file:hover .what-wps {
      margin-left: 2px;
      color: #fe6a49; }

.send-image-popover .send-image,
.lan-popover .send-image {
  padding: 5px 12px;
  cursor: pointer; }
  .send-image-popover .send-image:hover,
  .lan-popover .send-image:hover {
    color: #fe6a49; }

.ref-msg-tip {
  position: absolute;
  top: -31px;
  z-index: 90;
  width: 100%;
  height: 30px;
  padding-right: 12px;
  padding-left: 12px;
  line-height: 30px;
  background-color: #fff; }

.ref-msg-close {
  float: right;
  font-size: 13px;
  cursor: pointer; }
  .ref-msg-close:hover {
    opacity: 0.7; }

.ref-msg-text {
  display: inline-block;
  width: calc(100% - 20px);
  overflow: hidden;
  font-size: 12px;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  white-space: nowrap;
  vertical-align: middle; }
  .ref-msg-text .emoji {
    vertical-align: middle; }

.live-room-tool {
  position: absolute;
  top: -51px;
  width: 100%;
  height: 50px;
  padding-right: 12px;
  padding-left: 12px;
  background-color: #f3f4f6;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between; }
  .live-room-tool .left-wrap {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center; }
  .live-room-tool .notice-wrap {
    cursor: pointer;
    height: 24px;
    background: #fff;
    border-radius: 4px;
    border: 1px solid #eeeeee;
    color: rgba(34, 34, 34, 0.5);
    padding: 0px 6px 0px 6px;
    max-width: 76px;
    overflow: hidden;
    -o-text-overflow: ellipsis;
       text-overflow: ellipsis;
    white-space: nowrap; }
    .live-room-tool .notice-wrap:hover {
      background: rgba(255, 255, 255, 0.4); }
  .live-room-tool .template-msg-wrap {
    cursor: pointer;
    margin-left: 8px;
    height: 24px;
    background: #fff;
    border-radius: 4px;
    border: 1px solid #eeeeee;
    color: rgba(34, 34, 34, 0.5);
    padding: 0px 6px 0px 6px;
    max-width: 76px;
    overflow: hidden;
    -o-text-overflow: ellipsis;
       text-overflow: ellipsis;
    white-space: nowrap; }
    .live-room-tool .template-msg-wrap:hover {
      background: rgba(255, 255, 255, 0.4); }
    .live-room-tool .template-msg-wrap span {
      vertical-align: text-top; }
  .live-room-tool .live-operate {
    font-size: 14px;
    color: #525c6c;
    cursor: pointer; }
    .live-room-tool .live-operate.notice {
      width: 20px;
      color: #62b2de; }
    .live-room-tool .live-operate.audio {
      width: 20px;
      font-size: 20px;
      line-height: 40px; }
  .live-room-tool .template-icon {
    margin-right: 2px;
    width: 12px;
    color: #2d73fe;
    vertical-align: text-bottom; }
  .live-room-tool .audio-wrap {
    width: 40px;
    height: 40px;
    background: #ffffff;
    -webkit-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.1);
            box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.1);
    border-radius: 50%;
    text-align: center; }
    .live-room-tool .audio-wrap .audio-input-preview {
      -webkit-transform: scaleX(1.2);
          -ms-transform: scaleX(1.2);
              transform: scaleX(1.2);
      display: inline-block;
      height: 11px;
      width: 6px;
      background: transparent;
      border-radius: 5px;
      position: absolute;
      z-index: 1;
      right: 29px;
      top: 12px;
      cursor: pointer;
      overflow-y: hidden; }
      .live-room-tool .audio-wrap .audio-input-preview .audio-input-preview-level {
        position: absolute;
        bottom: 0;
        background: #66d84e;
        border-radius: 5px;
        width: 100%;
        max-height: 100%;
        height: 40%;
        -webkit-transition: height 0.1s ease-in-out;
        -o-transition: height 0.1s ease-in-out;
        transition: height 0.1s ease-in-out; }

.center-logo {
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -126px 0 0 -90px;
  font-size: 14px;
  color: #828992; }
  .center-logo .center-img {
    width: 174px; }
  .center-logo .center-welcome-tips {
    margin-left: 15px;
    margin-top: -5px;
    text-align: center; }

.hidden-message-list {
  display: none; }

.message-list-container {
  position: absolute;
  top: 48px;
  bottom: 134px;
  width: 100%;
  height: auto; }
  .message-list-container .message-mask {
    position: absolute;
    z-index: 100;
    width: 100%;
    height: 100%;
    background: #f3f4f6; }
  .message-list-container .message-loading {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100px;
    height: 60px;
    margin-top: -50px;
    margin-left: -50px; }
    .message-list-container .message-loading .message-loading-gif {
      width: 100px; }
  .message-list-container .refetch-msg-content {
    position: absolute;
    top: 50%;
    width: 100%;
    height: 70px;
    margin-top: -35px;
    font-size: 13px;
    color: #d7d7d7;
    text-align: center; }
    .message-list-container .refetch-msg-content .sorry {
      font-size: 28px;
      color: #d7d7d7; }
    .message-list-container .refetch-msg-content .refetch-msg-btn {
      margin-left: 3px;
      color: #037aff;
      cursor: pointer; }
  .message-list-container .load-more-spinner {
    position: absolute;
    top: 20px;
    right: 50px;
    z-index: 20;
    padding: 0 10px;
    background-color: #f3f4f6; }
    .message-list-container .load-more-spinner .loading {
      display: inline-block;
      width: 20px;
      height: 20px;
      font-size: 12px;
      -webkit-transform: scale(0.2);
          -ms-transform: scale(0.2);
              transform: scale(0.2); }
    .message-list-container .load-more-spinner .desc {
      display: inline-block;
      margin-top: 2px;
      margin-left: 2px;
      vertical-align: top; }
  .message-list-container .new-message-toast {
    position: absolute;
    right: 43px;
    z-index: 20;
    padding: 4px 12px;
    font-size: 12px;
    color: #959595;
    cursor: pointer;
    background-color: #fff;
    border: 1px solid #eaedf1;
    border-radius: 20px; }
    .message-list-container .new-message-toast.up {
      top: 18px; }
      .message-list-container .new-message-toast.up .new-message-icon {
        display: inline-block;
        margin-left: 10px;
        -webkit-transform: scale(0.8);
            -ms-transform: scale(0.8);
                transform: scale(0.8); }
    .message-list-container .new-message-toast.down {
      bottom: 18px; }
      .message-list-container .new-message-toast.down .new-message-icon {
        display: inline-block;
        margin-left: 10px;
        -webkit-transform: scale(0.8) rotate(180deg);
            -ms-transform: scale(0.8) rotate(180deg);
                transform: scale(0.8) rotate(180deg); }
    .message-list-container .new-message-toast.new-message, .message-list-container .new-message-toast.bida-message, .message-list-container .new-message-toast.at-message {
      color: #00acdc; }
  .message-list-container .no-more-content {
    height: 1px;
    margin: 20px 60px;
    text-align: center;
    background-color: #ccc; }
    .message-list-container .no-more-content .desc {
      position: relative;
      top: -10px;
      display: inline-block;
      height: 22px;
      font-size: 12px;
      line-height: 22px;
      color: #828992;
      background: #f3f4f6; }
      .message-list-container .no-more-content .desc span {
        padding: 0 10px;
        background: rgba(255, 255, 255, 0.12); }
  .message-list-container .list-load-failed-tip {
    margin-top: 100px; }

.message-anchor {
  text-align: center; }
  .message-anchor .anchor-text {
    display: inline-block;
    height: 20px;
    padding: 0 6px;
    font-weight: 300;
    line-height: 20px;
    color: #828992;
    border-radius: 2px; }

.smart-summary {
  font-size: 12px;
  padding: 24px 0 32px 0;
  color: #828992;
  text-align: center;
  line-height: 1; }
  .smart-summary .smart-summary-btn {
    cursor: pointer;
    margin-left: 4px;
    color: #00acdc; }

.smart-summary-modal .ant-modal-content {
  overflow: hidden; }

.smart-summary-modal .ant-modal-title {
  font-size: 14px;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: 500;
  color: #222222; }

.smart-summary-modal .ant-modal-body {
  min-height: 108px;
  padding: 0; }
  .smart-summary-modal .ant-modal-body .smart-summary-box {
    height: 100%;
    padding: 0;
    font-size: 14px;
    white-space: pre-wrap; }
    .smart-summary-modal .ant-modal-body .smart-summary-box .smart-summary-title {
      color: #5d6470;
      padding: 16px 20px 8px; }
      .smart-summary-modal .ant-modal-body .smart-summary-box .smart-summary-title:empty {
        padding: 16px 0 0; }
    .smart-summary-modal .ant-modal-body .smart-summary-box .smart-summary-content {
      padding: 0 20px 16px; }

.smart-summary-modal .smart-summary-error-tips {
  font-size: 14px;
  color: #828992;
  letter-spacing: 1px; }
  .smart-summary-modal .smart-summary-error-tips.connect-disconnect {
    margin-top: 8px; }
  .smart-summary-modal .smart-summary-error-tips .failed-icon {
    color: #aaafb5;
    font-size: 12px;
    margin-right: 10px; }
  .smart-summary-modal .smart-summary-error-tips .rebuild {
    color: #00acdc;
    cursor: pointer; }
  .smart-summary-modal .smart-summary-error-tips .error-text {
    margin-right: 8px; }

.msg-center-container {
  position: relative;
  height: 100%;
  margin-left: 253px;
  background-color: #f3f4f6; }

.chat-message-bottom-no-chat .message-list-container {
  bottom: 40px !important; }

.chat-with-no-bottom .message-list-container {
  bottom: 0 !important; }

.chat-message-bottom-with-chat .message-list-container {
  bottom: 134px !important; }

.chat-message-bottom-with-chat .live-room-message-list {
  bottom: 184px !important; }

.called-container {
  z-index: 100;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  width: 412px;
  height: 34px;
  font-size: 14px;
  color: white;
  background-color: rgba(27, 173, 223, 0.8);
  border-radius: 45px; }
  .called-container .title {
    display: inline-block; }
  .called-container .detail {
    margin-left: 20px;
    text-decoration: underline; }

.live-share-modal-wrap .window-item {
  border-radius: 5px;
  display: grid;
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  grid-template-rows: 1fr 1fr 1fr;
  grid-template-columns: 1fr 1fr 1fr;
  padding-left: 5px; }
  .live-share-modal-wrap .window-item .video-wrap {
    display: inline-block;
    position: relative; }
    .live-share-modal-wrap .window-item .video-wrap:hover .video-hover {
      display: inline-block; }
    .live-share-modal-wrap .window-item .video-wrap:active .video-hover {
      display: inline-block; }
    .live-share-modal-wrap .window-item .video-wrap video {
      width: 208px;
      height: 116px;
      border-radius: 10px;
      cursor: pointer;
      display: inline-block;
      border: 1px solid #eaedf1; }
      .live-share-modal-wrap .window-item .video-wrap video:hover {
        background: rgba(0, 0, 0, 0.1); }
    .live-share-modal-wrap .window-item .video-wrap .video-name {
      display: inline-block;
      position: absolute;
      height: 24px;
      line-height: 14px;
      background: rgba(29, 29, 29, 0.8);
      border-radius: 5px;
      left: 10px;
      bottom: 10px;
      color: #fff;
      font-size: 12px;
      max-width: 120px;
      overflow: hidden;
      -o-text-overflow: ellipsis;
         text-overflow: ellipsis;
      white-space: nowrap;
      padding: 6px; }
    .live-share-modal-wrap .window-item .video-wrap .video-hover {
      display: none;
      left: 0;
      top: 0;
      width: 208px;
      height: 116px;
      border-radius: 10px;
      cursor: pointer;
      position: absolute;
      background: rgba(0, 0, 0, 0.1); }
      .live-share-modal-wrap .window-item .video-wrap .video-hover .choose-icon {
        display: none;
        position: absolute;
        width: 24px;
        bottom: 10px;
        right: 10px; }
      .live-share-modal-wrap .window-item .video-wrap .video-hover .tochoose-icon {
        position: absolute;
        width: 24px;
        bottom: 10px;
        right: 10px; }
    .live-share-modal-wrap .window-item .video-wrap .video-hover-selected {
      display: inline-block;
      left: 0;
      top: 0;
      width: 208px;
      height: 116px;
      border-radius: 10px;
      cursor: pointer;
      position: absolute;
      background: rgba(0, 0, 0, 0.1); }
      .live-share-modal-wrap .window-item .video-wrap .video-hover-selected .choose-icon {
        display: inline-block;
        position: absolute;
        width: 24px;
        bottom: 10px;
        right: 10px; }
      .live-share-modal-wrap .window-item .video-wrap .video-hover-selected .tochoose-icon {
        display: none;
        position: absolute;
        width: 24px;
        bottom: 10px;
        right: 10px; }

.record-modal-box {
  padding: 4px; }
  .record-modal-box .save-tips {
    height: 20px;
    font-size: 14px;
    color: #222222;
    line-height: 20px;
    margin-bottom: 8px; }

.live-content-container {
  position: absolute;
  width: 100%;
  height: 100%;
  font-size: 14px;
  font-weight: 400;
  color: #222;
  background: #f3f4f6; }
  .live-content-container.win {
    top: 50px;
    height: calc(100% - 50px); }
  .live-content-container .list-load-failed-tip {
    margin-top: 150px; }

.live-container {
  height: 100%; }

.empty-pending-list {
  text-align: center;
  padding-top: 150px; }

.pending-chat-wrap,
.atme-chat-wrap,
.bida-chat-wrap {
  position: relative;
  height: 70px;
  padding-right: 8px;
  overflow: hidden;
  cursor: pointer;
  background: #fcfcfd;
  -webkit-transition: background-color 0.1s ease;
  -o-transition: background-color 0.1s ease;
  transition: background-color 0.1s ease; }
  .pending-chat-wrap .right-container,
  .atme-chat-wrap .right-container,
  .bida-chat-wrap .right-container {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center;
    width: 100%;
    height: 100%;
    margin-left: 14px;
    border-bottom: 1px solid #eaedf1; }
  .pending-chat-wrap .avatar,
  .atme-chat-wrap .avatar,
  .bida-chat-wrap .avatar {
    position: relative;
    width: 38px;
    height: 38px;
    margin-right: 8px;
    margin-left: 0;
    vertical-align: top;
    border-radius: 50%; }
    .pending-chat-wrap .avatar.media-avatar,
    .atme-chat-wrap .avatar.media-avatar,
    .bida-chat-wrap .avatar.media-avatar {
      border-radius: 5px; }
  .pending-chat-wrap .chat-right,
  .atme-chat-wrap .chat-right,
  .bida-chat-wrap .chat-right {
    position: relative;
    display: inline-block;
    width: calc(100% - 60px);
    height: 100%;
    padding: 18px 0; }
    .pending-chat-wrap .chat-right .top,
    .atme-chat-wrap .chat-right .top,
    .bida-chat-wrap .chat-right .top {
      position: relative;
      width: 100%;
      height: 14px;
      margin-bottom: 8px; }
      .pending-chat-wrap .chat-right .top .bot-label,
      .atme-chat-wrap .chat-right .top .bot-label,
      .bida-chat-wrap .chat-right .top .bot-label {
        background-image: -webkit-linear-gradient(224deg, #7eb7ff 0%, #4880ff 100%);
        background-image: -o-linear-gradient(224deg, #7eb7ff 0%, #4880ff 100%);
        background-image: linear-gradient(226deg, #7eb7ff 0%, #4880ff 100%);
        border-radius: 50%;
        display: inline-block;
        width: 17px;
        height: 17px;
        line-height: 16px;
        white-space: nowrap;
        vertical-align: initial;
        margin-left: 4px;
        padding-left: 1px;
        border: 1px solid #ffffff; }
        .pending-chat-wrap .chat-right .top .bot-label .bot-icon,
        .atme-chat-wrap .chat-right .top .bot-label .bot-icon,
        .bida-chat-wrap .chat-right .top .bot-label .bot-icon {
          color: #fff;
          display: inline-block;
          font-size: 12px;
          -webkit-transform: scale(0.8);
              -ms-transform: scale(0.8);
                  transform: scale(0.8);
          vertical-align: bottom; }
      .pending-chat-wrap .chat-right .top .time,
      .atme-chat-wrap .chat-right .top .time,
      .bida-chat-wrap .chat-right .top .time {
        opacity: 0.6; }
    .pending-chat-wrap .chat-right .bottom,
    .atme-chat-wrap .chat-right .bottom,
    .bida-chat-wrap .chat-right .bottom {
      position: relative;
      width: 100%; }
  .pending-chat-wrap .chat-tag,
  .atme-chat-wrap .chat-tag,
  .bida-chat-wrap .chat-tag {
    display: inline-block;
    margin-right: 1px;
    margin-bottom: 2px;
    font-size: 12px;
    color: #fe6a49;
    vertical-align: middle; }
  .pending-chat-wrap .chat-name,
  .atme-chat-wrap .chat-name,
  .bida-chat-wrap .chat-name {
    display: inline-block;
    max-width: 130px;
    padding-right: 8px;
    overflow: hidden;
    font-family: 'Microsoft YaHei', sans-serif;
    font-size: 14px;
    color: #222;
    -o-text-overflow: ellipsis;
       text-overflow: ellipsis;
    white-space: nowrap;
    vertical-align: middle;
    font-weight: 500; }
  .pending-chat-wrap .at + .chat-name,
  .pending-chat-wrap .bida + .chat-name,
  .atme-chat-wrap .at + .chat-name,
  .atme-chat-wrap .bida + .chat-name,
  .bida-chat-wrap .at + .chat-name,
  .bida-chat-wrap .bida + .chat-name {
    max-width: 74px; }
  .pending-chat-wrap .bida-at + .chat-name,
  .atme-chat-wrap .bida-at + .chat-name,
  .bida-chat-wrap .bida-at + .chat-name {
    max-width: 38px; }
  .pending-chat-wrap .time,
  .atme-chat-wrap .time,
  .bida-chat-wrap .time {
    position: absolute;
    right: 0;
    font-size: 12px;
    font-weight: 400;
    color: #828992; }
  .pending-chat-wrap .msg-content,
  .atme-chat-wrap .msg-content,
  .bida-chat-wrap .msg-content {
    display: inline-block;
    max-width: 160px;
    padding-right: 4px;
    font-family: 'Microsoft YaHei', sans-serif;
    font-size: 12px;
    font-weight: 400;
    color: #828992; }
    .pending-chat-wrap .msg-content .status-icon,
    .atme-chat-wrap .msg-content .status-icon,
    .bida-chat-wrap .msg-content .status-icon {
      margin: 1px;
      color: #fe6a49; }
      .pending-chat-wrap .msg-content .status-icon.sending,
      .atme-chat-wrap .msg-content .status-icon.sending,
      .bida-chat-wrap .msg-content .status-icon.sending {
        display: inline-block;
        margin-right: 4px;
        font-size: 12px;
        color: #828992;
        vertical-align: middle; }
      .pending-chat-wrap .msg-content .status-icon .badge,
      .atme-chat-wrap .msg-content .status-icon .badge,
      .bida-chat-wrap .msg-content .status-icon .badge {
        position: absolute;
        right: 0;
        bottom: 1px;
        display: inline-block;
        min-width: 28px;
        height: 28px;
        padding: 0 6px;
        font-size: 20px;
        font-weight: 400;
        color: #fff;
        text-align: center;
        background-color: #ec5233;
        border-radius: 14px;
        -webkit-transform: scale(0.5);
            -ms-transform: scale(0.5);
                transform: scale(0.5); }
      .pending-chat-wrap .msg-content .status-icon .close-type-remind,
      .atme-chat-wrap .msg-content .status-icon .close-type-remind,
      .bida-chat-wrap .msg-content .status-icon .close-type-remind {
        position: absolute;
        top: 5px;
        right: 5px;
        width: 6px;
        height: 6px;
        background-color: #ec5233;
        border-radius: 50%; }
    .pending-chat-wrap .msg-content .emoji,
    .atme-chat-wrap .msg-content .emoji,
    .bida-chat-wrap .msg-content .emoji {
      display: -webkit-inline-box;
      margin-top: -2px;
      margin-right: -2px;
      -webkit-transform: scale(0.8);
          -ms-transform: scale(0.8);
              transform: scale(0.8); }
      .pending-chat-wrap .msg-content .emoji:last-child,
      .atme-chat-wrap .msg-content .emoji:last-child,
      .bida-chat-wrap .msg-content .emoji:last-child {
        margin-right: inherit; }
  .pending-chat-wrap .team-name,
  .atme-chat-wrap .team-name,
  .bida-chat-wrap .team-name {
    display: inline-block;
    max-width: 140px;
    height: 16px;
    padding: 0 4px;
    font-size: 12px;
    font-weight: 400;
    line-height: 14px;
    color: #828992;
    border: 1px solid #ccc;
    border-radius: 3px; }
  .pending-chat-wrap .badge,
  .atme-chat-wrap .badge,
  .bida-chat-wrap .badge {
    position: absolute;
    top: -2px;
    right: -5px;
    display: inline-block;
    min-width: 28px;
    height: 28px;
    padding: 0 6px;
    font-size: 20px;
    font-weight: 400;
    line-height: 28px;
    color: #fff;
    text-align: center;
    background-color: #ec5233;
    border-radius: 14px;
    -webkit-transform: scale(0.5);
        -ms-transform: scale(0.5);
            transform: scale(0.5); }
  .pending-chat-wrap .close-type-remind,
  .atme-chat-wrap .close-type-remind,
  .bida-chat-wrap .close-type-remind {
    position: absolute;
    top: 10px;
    right: 5px;
    width: 6px;
    height: 6px;
    background-color: #ec5233;
    border-radius: 50%; }
  .pending-chat-wrap .bottom-right,
  .atme-chat-wrap .bottom-right,
  .bida-chat-wrap .bottom-right {
    position: absolute;
    top: -5px;
    right: 0;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center;
    -ms-flex-pack: end;
        justify-content: flex-end;
    width: 36px;
    text-align: center; }
    .pending-chat-wrap .bottom-right .qt-icon-icon_chatalert_exchange,
    .atme-chat-wrap .bottom-right .qt-icon-icon_chatalert_exchange,
    .bida-chat-wrap .bottom-right .qt-icon-icon_chatalert_exchange {
      color: rgba(0, 0, 0, 0.65) !important;
      -webkit-transform: scale(1) !important;
          -ms-transform: scale(1) !important;
              transform: scale(1) !important; }
    .pending-chat-wrap .bottom-right.red .qt-icon,
    .atme-chat-wrap .bottom-right.red .qt-icon,
    .bida-chat-wrap .bottom-right.red .qt-icon {
      color: #fe6a49 !important; }
    .pending-chat-wrap .bottom-right .qt-icon,
    .atme-chat-wrap .bottom-right .qt-icon,
    .bida-chat-wrap .bottom-right .qt-icon {
      font-size: 16px; }
  .pending-chat-wrap .mute,
  .atme-chat-wrap .mute,
  .bida-chat-wrap .mute {
    position: absolute;
    top: 5px;
    right: 0;
    color: #828992;
    -webkit-transform: scale(0.8);
        -ms-transform: scale(0.8);
            transform: scale(0.8); }
  .pending-chat-wrap:hover,
  .atme-chat-wrap:hover,
  .bida-chat-wrap:hover {
    background: #f3f4f6; }
    .pending-chat-wrap:hover .close,
    .atme-chat-wrap:hover .close,
    .bida-chat-wrap:hover .close {
      display: inline-block; }
  .pending-chat-wrap.stick,
  .atme-chat-wrap.stick,
  .bida-chat-wrap.stick {
    background-color: #f1f3f8; }
  .pending-chat-wrap.active,
  .atme-chat-wrap.active,
  .bida-chat-wrap.active {
    background: #eaedf1; }

@charset "UTF-8";
.notify-item,
.chat-item {
  position: relative;
  height: 70px;
  padding-right: 8px;
  overflow: hidden;
  cursor: pointer;
  background: #fcfcfd;
  -webkit-transition: background-color 0.1s ease;
  -o-transition: background-color 0.1s ease;
  transition: background-color 0.1s ease; }
  .notify-item .close,
  .chat-item .close {
    position: absolute;
    top: 18px;
    left: -8px;
    display: none;
    padding: 4px 7px;
    font-size: 17px;
    color: #828992;
    cursor: pointer;
    -webkit-transform: scale(0.5);
        -ms-transform: scale(0.5);
            transform: scale(0.5); }
    .notify-item .close:hover,
    .chat-item .close:hover {
      color: #fe6a49;
      border-radius: 50%; }
  .notify-item .right-container,
  .chat-item .right-container {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center;
    width: 100%;
    height: 100%;
    margin-left: 14px;
    border-bottom: 1px solid #eaedf1; }
  .notify-item .avatar,
  .chat-item .avatar {
    position: relative;
    width: 38px;
    height: 38px;
    margin-right: 8px;
    margin-left: 0;
    vertical-align: top;
    border-radius: 50%; }
    .notify-item .avatar.media-avatar,
    .chat-item .avatar.media-avatar {
      border-radius: 5px; }
  .notify-item .notify-box-avatar,
  .notify-item .media-box-avatar,
  .chat-item .notify-box-avatar,
  .chat-item .media-box-avatar {
    display: inline-block;
    font-size: 18px;
    line-height: 38px;
    color: #fff;
    text-align: center; }
  .notify-item .media-box-avatar,
  .chat-item .media-box-avatar {
    background-color: #99d6d1; }
  .notify-item .notify-box-avatar,
  .chat-item .notify-box-avatar {
    background-color: #737bf2; }
  .notify-item .sys-notify-icon,
  .chat-item .sys-notify-icon {
    font-size: 22px; }
  .notify-item .chat-right,
  .chat-item .chat-right {
    position: relative;
    display: inline-block;
    width: calc(100% - 60px);
    height: 100%;
    padding: 18px 0; }
    .notify-item .chat-right .top,
    .chat-item .chat-right .top {
      position: relative;
      width: 100%;
      height: 14px;
      margin-bottom: 8px; }
      .notify-item .chat-right .top .bot-label,
      .chat-item .chat-right .top .bot-label {
        background-image: -webkit-linear-gradient(224deg, #7eb7ff 0%, #4880ff 100%);
        background-image: -o-linear-gradient(224deg, #7eb7ff 0%, #4880ff 100%);
        background-image: linear-gradient(226deg, #7eb7ff 0%, #4880ff 100%);
        border-radius: 50%;
        display: inline-block;
        width: 17px;
        height: 17px;
        line-height: 16px;
        white-space: nowrap;
        vertical-align: initial;
        margin-left: 4px;
        padding-left: 1px;
        border: 1px solid #ffffff; }
        .notify-item .chat-right .top .bot-label .bot-icon,
        .chat-item .chat-right .top .bot-label .bot-icon {
          color: #fff;
          display: inline-block;
          font-size: 12px;
          -webkit-transform: scale(0.8);
              -ms-transform: scale(0.8);
                  transform: scale(0.8);
          vertical-align: bottom; }
      .notify-item .chat-right .top .time,
      .chat-item .chat-right .top .time {
        opacity: .6; }
    .notify-item .chat-right .bottom,
    .chat-item .chat-right .bottom {
      position: relative;
      width: 100%; }
  .notify-item .chat-tag,
  .chat-item .chat-tag {
    display: inline-block;
    margin-right: 1px;
    margin-bottom: 2px;
    font-size: 12px;
    color: #fe6a49;
    vertical-align: middle; }
  .notify-item .chat-name,
  .chat-item .chat-name {
    display: inline-block;
    max-width: 130px;
    padding-right: 8px;
    overflow: hidden;
    font-family: 'Microsoft YaHei', sans-serif;
    font-size: 14px;
    color: #222;
    -o-text-overflow: ellipsis;
       text-overflow: ellipsis;
    white-space: nowrap;
    vertical-align: middle;
    font-weight: 500; }
  .notify-item .at + .chat-name,
  .notify-item .bida + .chat-name,
  .chat-item .at + .chat-name,
  .chat-item .bida + .chat-name {
    max-width: 74px; }
  .notify-item .bida-at + .chat-name,
  .chat-item .bida-at + .chat-name {
    max-width: 38px; }
  .notify-item .time,
  .chat-item .time {
    position: absolute;
    right: 0;
    font-size: 12px;
    font-weight: 400;
    color: #828992; }
  .notify-item .msg-content,
  .chat-item .msg-content {
    display: inline-block;
    max-width: 160px;
    padding-right: 4px;
    font-family: 'Microsoft YaHei', sans-serif;
    font-size: 12px;
    font-weight: 400;
    color: #828992; }
    .notify-item .msg-content .status-icon,
    .chat-item .msg-content .status-icon {
      margin: 1px;
      color: #fe6a49; }
      .notify-item .msg-content .status-icon.sending,
      .chat-item .msg-content .status-icon.sending {
        display: inline-block;
        margin-right: 4px;
        font-size: 12px;
        color: #828992;
        vertical-align: middle; }
      .notify-item .msg-content .status-icon .badge,
      .chat-item .msg-content .status-icon .badge {
        position: absolute;
        right: 0;
        bottom: 1px;
        display: inline-block;
        min-width: 28px;
        height: 28px;
        padding: 0 6px;
        font-size: 20px;
        font-weight: 400;
        color: #fff;
        text-align: center;
        background-color: #ec5233;
        border-radius: 14px;
        -webkit-transform: scale(0.5);
            -ms-transform: scale(0.5);
                transform: scale(0.5); }
      .notify-item .msg-content .status-icon .close-type-remind,
      .chat-item .msg-content .status-icon .close-type-remind {
        position: absolute;
        top: 5px;
        right: 5px;
        width: 6px;
        height: 6px;
        background-color: #ec5233;
        border-radius: 50%; }
    .notify-item .msg-content .emoji,
    .chat-item .msg-content .emoji {
      display: -webkit-inline-box;
      margin-top: -2px;
      margin-right: -2px;
      -webkit-transform: scale(0.8);
          -ms-transform: scale(0.8);
              transform: scale(0.8); }
      .notify-item .msg-content .emoji:last-child,
      .chat-item .msg-content .emoji:last-child {
        margin-right: inherit; }
  .notify-item .team-name,
  .chat-item .team-name {
    display: inline-block;
    max-width: 140px;
    height: 16px;
    padding: 0 4px;
    font-size: 12px;
    font-weight: 400;
    line-height: 14px;
    color: #828992;
    border: 1px solid #ccc;
    border-radius: 3px; }
  .notify-item .badge,
  .chat-item .badge {
    position: absolute;
    top: -2px;
    right: -5px;
    display: inline-block;
    min-width: 28px;
    height: 28px;
    padding: 0 6px;
    font-size: 20px;
    font-weight: 400;
    line-height: 28px;
    color: #fff;
    text-align: center;
    background-color: #ec5233;
    border-radius: 14px;
    -webkit-transform: scale(0.5);
        -ms-transform: scale(0.5);
            transform: scale(0.5); }
  .notify-item .close-type-remind,
  .chat-item .close-type-remind {
    position: absolute;
    top: 10px;
    right: 5px;
    width: 6px;
    height: 6px;
    background-color: #ec5233;
    border-radius: 50%; }
  .notify-item .bottom-right,
  .chat-item .bottom-right {
    position: absolute;
    top: -5px;
    right: 0;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center;
    -ms-flex-pack: end;
        justify-content: flex-end;
    width: 36px;
    text-align: center; }
    .notify-item .bottom-right .qt-icon-icon_chatalert_exchange,
    .chat-item .bottom-right .qt-icon-icon_chatalert_exchange {
      color: rgba(0, 0, 0, 0.65) !important;
      -webkit-transform: scale(1) !important;
          -ms-transform: scale(1) !important;
              transform: scale(1) !important; }
    .notify-item .bottom-right.red .qt-icon,
    .chat-item .bottom-right.red .qt-icon {
      color: #fe6a49 !important; }
    .notify-item .bottom-right .qt-icon,
    .chat-item .bottom-right .qt-icon {
      font-size: 16px; }
  .notify-item .mute,
  .chat-item .mute {
    position: absolute;
    top: 5px;
    right: 0;
    color: #828992;
    -webkit-transform: scale(0.8);
        -ms-transform: scale(0.8);
            transform: scale(0.8); }
  .notify-item:hover,
  .chat-item:hover {
    background: #f3f4f6; }
    .notify-item:hover .close,
    .chat-item:hover .close {
      display: inline-block; }
  .notify-item.stick,
  .chat-item.stick {
    background-color: #f1f3f8; }
  .notify-item.active,
  .chat-item.active {
    background: #eaedf1; }

/* 会话移除时动画 start */
.chat-item-enter {
  height: 0; }

.chat-item-enter.chat-item-enter-active {
  height: 70px;
  -webkit-transition: height 200ms ease-in;
  -o-transition: height 200ms ease-in;
  transition: height 200ms ease-in; }

.chat-item-leave {
  height: 70px;
  background-color: transparent !important; }

.chat-item-leave.chat-item-leave-active {
  height: 0;
  -webkit-transition: height 200ms ease-in;
  -o-transition: height 200ms ease-in;
  transition: height 200ms ease-in; }

/* 会话移除时动画 start */

.channel-apply-invite-page {
  height: 100%; }
  .channel-apply-invite-page .channel-apply-invite-body {
    height: 100%;
    padding: 14px 16px 14px 0;
    margin-top: 12px;
    margin-right: 20px;
    margin-left: 20px;
    background: #fff;
    border-radius: 10px; }
    .channel-apply-invite-page .channel-apply-invite-body .channel-apply-invite-header {
      margin-bottom: 14px;
      margin-left: 14px;
      font-size: 14px;
      color: #222; }
      .channel-apply-invite-page .channel-apply-invite-body .channel-apply-invite-header .history-text {
        font-size: 12px; }
    .channel-apply-invite-page .channel-apply-invite-body .members {
      display: block; }
      .channel-apply-invite-page .channel-apply-invite-body .members img {
        width: 34px;
        height: 34px;
        vertical-align: middle;
        cursor: pointer;
        border-radius: 50%; }
      .channel-apply-invite-page .channel-apply-invite-body .members .qt-avatar {
        width: 34px !important;
        height: 34px !important; }
      .channel-apply-invite-page .channel-apply-invite-body .members .member {
        display: inline-block;
        margin-left: 18px;
        text-align: center; }
      .channel-apply-invite-page .channel-apply-invite-body .members .member-name {
        max-width: 40px;
        overflow: hidden;
        -o-text-overflow: ellipsis;
           text-overflow: ellipsis;
        white-space: nowrap; }
      .channel-apply-invite-page .channel-apply-invite-body .members .list-load-failed-tip {
        margin-top: 0 !important; }
    .channel-apply-invite-page .channel-apply-invite-body .bottom-status {
      text-align: right; }
      .channel-apply-invite-page .channel-apply-invite-body .bottom-status .btn-agree {
        display: inline-block; }
      .channel-apply-invite-page .channel-apply-invite-body .bottom-status .btn-ignore {
        display: inline-block;
        margin-right: 20px; }
    .channel-apply-invite-page .channel-apply-invite-body .nicescroll-container {
      height: 100%; }

.app-apply-body {
  height: 100%; }
  .app-apply-body .list-wrap .item {
    background: #fff;
    margin-left: 20px;
    margin-right: 20px;
    margin-bottom: 12px;
    height: 70px;
    border-radius: 10px;
    position: relative; }
    .app-apply-body .list-wrap .item .img-wrap {
      width: 38px;
      height: 38px;
      border-radius: 50%;
      position: absolute;
      top: 18px;
      left: 20px; }
      .app-apply-body .list-wrap .item .img-wrap img {
        width: 38px;
        height: 38px;
        border-radius: 50%; }
    .app-apply-body .list-wrap .item .middle-content {
      display: inline-block;
      margin-left: 66px;
      margin-top: 16px; }
      .app-apply-body .list-wrap .item .middle-content .apply-content {
        font-size: 14px;
        color: #222222;
        max-width: 350px;
        white-space: nowrap;
        overflow: hidden;
        -o-text-overflow: ellipsis;
           text-overflow: ellipsis; }
      .app-apply-body .list-wrap .item .middle-content .time {
        font-size: 12px;
        color: #828992; }
    .app-apply-body .list-wrap .item .right-btn {
      float: right;
      margin-right: 16px;
      margin-top: 22px; }
      .app-apply-body .list-wrap .item .right-btn .handle-status {
        font-size: 14px;
        color: #aaafb5; }
  .app-apply-body .nicescroll-container {
    height: 100%; }

.new-friend-page {
  height: 100%; }
  .new-friend-page .new-friend-header {
    height: 50px;
    padding-left: 16px;
    font-size: 14px;
    line-height: 50px;
    color: #222;
    border-bottom: 1px solid #ebebeb; }
  .new-friend-page .new-friend-body {
    height: 100%; }
    .new-friend-page .new-friend-body .new-friend-apply-item {
      position: relative; }
      .new-friend-page .new-friend-body .new-friend-apply-item .new-friend-content {
        padding: 16px 16px 6px 16px;
        margin-top: 12px;
        margin-right: 20px;
        margin-left: 20px;
        background: #fff;
        border: 1px solid #f3f4f6;
        border-radius: 10px; }
      .new-friend-page .new-friend-body .new-friend-apply-item .item-left {
        display: inline-block; }
        .new-friend-page .new-friend-body .new-friend-apply-item .item-left img {
          width: 38px;
          margin-right: 8px;
          vertical-align: middle;
          border-radius: 50%; }
        .new-friend-page .new-friend-body .new-friend-apply-item .item-left .item-left-name {
          display: block;
          margin-top: -36px;
          margin-left: 46px;
          font-size: 14px;
          color: #222;
          font-weight: 500;
          max-width: 314px; }
        .new-friend-page .new-friend-body .new-friend-apply-item .item-left .item-left-apply-way {
          display: block;
          margin-left: 46px;
          font-size: 12px;
          color: #828992; }
        .new-friend-page .new-friend-body .new-friend-apply-item .item-left .item-left-remark {
          display: inline-block;
          width: 300px;
          margin-left: 46px;
          overflow: hidden;
          font-size: 12px;
          color: #222;
          -o-text-overflow: ellipsis;
             text-overflow: ellipsis;
          white-space: nowrap; }
      .new-friend-page .new-friend-body .new-friend-apply-item .item-right {
        float: right;
        margin-top: 4px;
        line-height: 76px;
        color: #828992; }
        .new-friend-page .new-friend-body .new-friend-apply-item .item-right .btn-agree {
          display: inline-block; }
        .new-friend-page .new-friend-body .new-friend-apply-item .item-right .btn-ignore {
          display: inline-block;
          margin-right: 20px; }
    .new-friend-page .new-friend-body .nicescroll-container {
      height: 100%; }

.new-team-invite-page {
  height: 100%; }
  .new-team-invite-page .new-team-invite-header {
    height: 50px;
    padding-left: 16px;
    font-size: 14px;
    line-height: 50px;
    color: #222;
    border-bottom: 1px solid #ebebeb; }
  .new-team-invite-page .new-team-invite-body {
    height: 100%; }
    .new-team-invite-page .new-team-invite-body .new-team-invite-apply-item {
      position: relative; }
      .new-team-invite-page .new-team-invite-body .new-team-invite-apply-item .invite-apply-content {
        padding: 16px;
        margin-top: 12px;
        margin-right: 20px;
        margin-left: 20px;
        background: #fff;
        border: 1px solid #f3f4f6;
        border-radius: 10px; }
      .new-team-invite-page .new-team-invite-body .new-team-invite-apply-item .item-left {
        display: inline-block; }
        .new-team-invite-page .new-team-invite-body .new-team-invite-apply-item .item-left img {
          width: 38px;
          height: 38px;
          margin-right: 8px;
          vertical-align: middle;
          border-radius: 50%; }
        .new-team-invite-page .new-team-invite-body .new-team-invite-apply-item .item-left .item-left-name {
          display: block;
          max-width: 314px;
          margin-top: -36px;
          margin-left: 46px;
          font-size: 14px;
          font-weight: 500;
          color: #222; }
        .new-team-invite-page .new-team-invite-body .new-team-invite-apply-item .item-left .item-left-apply-way {
          display: block;
          margin-left: 46px;
          font-size: 12px;
          color: #828992; }
        .new-team-invite-page .new-team-invite-body .new-team-invite-apply-item .item-left .user-mobile {
          margin-left: 46px;
          color: #828992; }
        .new-team-invite-page .new-team-invite-body .new-team-invite-apply-item .item-left .item-left-remark {
          margin-left: 46px;
          font-size: 12px;
          color: #222; }
      .new-team-invite-page .new-team-invite-body .new-team-invite-apply-item .item-right {
        float: right;
        margin-top: 4px;
        line-height: 76px;
        color: #828992; }
        .new-team-invite-page .new-team-invite-body .new-team-invite-apply-item .item-right .btn-agree-user {
          display: inline-block; }
        .new-team-invite-page .new-team-invite-body .new-team-invite-apply-item .item-right .btn-ignore-user {
          display: inline-block;
          margin-right: 20px; }
    .new-team-invite-page .new-team-invite-body .nicescroll-container {
      height: 100%; }

.apply-modal .ant-modal-footer {
  right: auto;
  float: none; }

.system-notice-page {
  height: 100%; }
  .system-notice-page .system-notice-page-body {
    height: 100%; }
    .system-notice-page .system-notice-page-body .system-notice-page-item {
      padding: 16px;
      margin-top: 12px;
      margin-right: 20px;
      margin-left: 20px;
      background: #fff;
      border: 1px solid #f3f4f6;
      border-radius: 10px; }
      .system-notice-page .system-notice-page-body .system-notice-page-item .reason {
        margin-bottom: 2px;
        font-size: 13px;
        color: #222;
        font-weight: 500; }
      .system-notice-page .system-notice-page-body .system-notice-page-item .time {
        font-size: 12px;
        color: #828992; }
    .system-notice-page .system-notice-page-body .nicescroll-container {
      height: 100%; }

.new-team-invite-page {
  height: 100%; }
  .new-team-invite-page .new-team-invite-header {
    height: 50px;
    padding-left: 16px;
    font-size: 14px;
    line-height: 50px;
    color: #222;
    border-bottom: 1px solid #ebebeb; }
  .new-team-invite-page .new-team-invite-body {
    height: 100%; }
    .new-team-invite-page .new-team-invite-body .new-team-invite-apply-item {
      position: relative; }
      .new-team-invite-page .new-team-invite-body .new-team-invite-apply-item .item-left {
        display: inline-block; }
        .new-team-invite-page .new-team-invite-body .new-team-invite-apply-item .item-left img {
          width: 38px;
          margin-right: 8px;
          vertical-align: middle;
          border-radius: 50%; }
        .new-team-invite-page .new-team-invite-body .new-team-invite-apply-item .item-left .item-left-name {
          display: block;
          margin-top: -36px;
          margin-left: 46px;
          font-size: 14px;
          color: #222;
          font-weight: 500;
          max-width: 314px; }
        .new-team-invite-page .new-team-invite-body .new-team-invite-apply-item .item-left .item-left-apply-way {
          display: block;
          margin-left: 46px;
          font-size: 12px;
          color: #828992; }
        .new-team-invite-page .new-team-invite-body .new-team-invite-apply-item .item-left .item-left-remark {
          margin-left: 46px;
          font-size: 12px;
          color: #222; }
      .new-team-invite-page .new-team-invite-body .new-team-invite-apply-item .team-apply .item-right {
        line-height: 44px; }
      .new-team-invite-page .new-team-invite-body .new-team-invite-apply-item .item-right {
        float: right;
        margin-top: 4px;
        color: #828992; }
        .new-team-invite-page .new-team-invite-body .new-team-invite-apply-item .item-right .btn-agree {
          display: inline-block;
          font-size: 14px; }
        .new-team-invite-page .new-team-invite-body .new-team-invite-apply-item .item-right .btn-ignore {
          display: inline-block;
          margin-right: 20px;
          font-size: 14px; }
    .new-team-invite-page .new-team-invite-body .nicescroll-container {
      height: 100%; }

.chat-apply-body {
  width: 100%;
  height: 100%; }
  .chat-apply-body .chat-apply-loading-more {
    position: relative;
    width: 100%;
    height: 40px; }
  .chat-apply-body .chat-apply-item:last-child .container {
    border: none !important; }
  .chat-apply-body .no-data-tip {
    display: inline-block;
    width: 100%;
    margin-top: 200px;
    text-align: center; }
  .chat-apply-body .chat-apply-item {
    padding: 16px;
    margin-top: 12px;
    margin-right: 20px;
    margin-left: 20px;
    background: #fff;
    border: 1px solid #f3f4f6;
    border-radius: 10px; }
    .chat-apply-body .chat-apply-item .container {
      position: relative;
      border-bottom: solid 1px #ebebeb; }
      .chat-apply-body .chat-apply-item .container .apply-info {
        width: calc(100% - 86px); }
        .chat-apply-body .chat-apply-item .container .apply-info .avatar {
          display: inline-block;
          width: 38px;
          height: 38px;
          margin-right: 8px;
          vertical-align: top; }
        .chat-apply-body .chat-apply-item .container .apply-info .text-info {
          display: inline-block;
          width: calc(100% - 50px);
          vertical-align: middle;
          line-height: unset;
          font-size: unset; }
          .chat-apply-body .chat-apply-item .container .apply-info .text-info p {
            max-width: 90%;
            overflow: hidden;
            -o-text-overflow: ellipsis;
               text-overflow: ellipsis;
            white-space: nowrap; }
          .chat-apply-body .chat-apply-item .container .apply-info .text-info .name {
            font-size: 13px;
            color: #222; }
          .chat-apply-body .chat-apply-item .container .apply-info .text-info .apply-time {
            font-size: 12px;
            color: #828992; }
          .chat-apply-body .chat-apply-item .container .apply-info .text-info .validate-msg {
            font-size: 12px;
            color: #222; }
      .chat-apply-body .chat-apply-item .container .operate {
        position: absolute;
        right: 16px;
        bottom: 0; }
        .chat-apply-body .chat-apply-item .container .operate .ope-btn {
          display: inline-block;
          height: 30px;
          line-height: 30px;
          text-align: center; }

.system-notify {
  position: absolute;
  top: 0;
  width: calc(100% - 253px);
  height: 100%;
  margin-left: 253px;
  background-color: #f3f4f6; }
  .system-notify .header {
    position: absolute;
    top: 0;
    left: 0;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center;
    width: 100%;
    height: 48px;
    padding-left: 15px;
    font-size: 14px;
    color: #222;
    text-align: justify;
    font-weight: 500; }
  .system-notify .content {
    position: absolute;
    top: 48px;
    bottom: 0;
    width: 100%;
    height: auto; }

.app-content-area {
  position: relative;
  height: 100%;
  margin: 0 0 0 66px;
  background-color: #fcfcfd; }
  .app-content-area .app-content-body {
    position: relative;
    height: calc(100% - 50px); }
  .app-content-area .area-hidden {
    display: none; }
  .app-content-area .area-visible {
    display: block;
    height: 100%; }

.delete-chat-box {
  padding: 4px; }

.assistant-recent {
  -ms-flex: 1 1;
      flex: 1 1; }
  .assistant-recent .chat-list-empty {
    padding: 20px;
    text-align: center;
    font-size: 14px;
    color: #828992; }

.assistant-chat-menu {
  width: 64px;
  overflow: hidden;
  border-radius: 10px;
  -webkit-box-shadow: 0 1px 8px 0 rgba(52, 61, 76, 0.08);
          box-shadow: 0 1px 8px 0 rgba(52, 61, 76, 0.08); }
  .assistant-chat-menu .ant-dropdown-menu-item:hover {
    color: #fe6a49; }

.assistant-chat-item {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  height: 36px;
  padding: 0 10px 0 15px;
  cursor: pointer;
  overflow: hidden; }
  .assistant-chat-item:first-child {
    margin-top: 12px; }
  .assistant-chat-item:hover {
    background: #f3f4f6; }
  .assistant-chat-item.active {
    background: #eaedf1; }
  .assistant-chat-item .session-name {
    height: 100%;
    line-height: 36px;
    -ms-flex: 1 1;
        flex: 1 1; }
  .assistant-chat-item .assistant-op-menu {
    font-size: 12px;
    -webkit-transform: scale(0.5);
        -ms-transform: scale(0.5);
            transform: scale(0.5);
    position: relative;
    left: 28px;
    margin-left: -32px; }
    .assistant-chat-item .assistant-op-menu:hover {
      color: #fe6a49; }

.rename-chat-box {
  padding: 4px; }

.assistant-aside {
  width: 168px;
  background: #fff;
  -ms-flex: none;
      flex: none;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  border-right: 1px solid #eaedf1; }
  .assistant-aside .assistant-aside-top {
    -ms-flex: none;
        flex: none;
    border-bottom: 1px solid #eaedf1;
    padding: 16px 15px 20px; }
    .assistant-aside .assistant-aside-top .assistant-app-info {
      height: 30px;
      line-height: 30px;
      font-size: 16px;
      font-family: PingFangSC-Regular, PingFang SC;
      color: #222222;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-pack: justify;
          justify-content: space-between;
      margin-bottom: 15px;
      padding-left: 9px; }
      .assistant-aside .assistant-aside-top .assistant-app-info .assistant-reply {
        display: inline-block;
        width: 30px;
        height: 30px;
        text-align: center;
        line-height: 30px;
        border-radius: 100%;
        background: #f3f4f6;
        cursor: pointer; }
        .assistant-aside .assistant-aside-top .assistant-app-info .assistant-reply .assistant-reply-icon {
          font-size: 28px; }
  .assistant-aside .assistant-menu {
    -ms-flex: none;
        flex: none;
    font-size: 14px; }
    .assistant-aside .assistant-menu .assistant-menu-item {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-pack: center;
          justify-content: center;
      -ms-flex-align: center;
          align-items: center;
      height: 48px;
      position: relative;
      cursor: pointer;
      font-family: PingFangSC-Medium, PingFang SC;
      font-weight: 500;
      color: #222222; }
      .assistant-aside .assistant-menu .assistant-menu-item::before {
        content: '';
        position: absolute;
        top: 0;
        right: 0;
        left: 0;
        height: 1px;
        background: #eaedf1; }
      .assistant-aside .assistant-menu .assistant-menu-item:hover {
        color: #fe6a49; }
      .assistant-aside .assistant-menu .assistant-menu-item img {
        width: 16px; }
      .assistant-aside .assistant-menu .assistant-menu-item .assistant-menu-icon {
        margin-right: 10px;
        color: #fe6a49;
        font-size: 13px; }
        .assistant-aside .assistant-menu .assistant-menu-item .assistant-menu-icon.assistant-create-chat {
          font-size: 17px; }

.assistant-template {
  padding: 20px 15px 0;
  font-size: 14px;
  overflow-x: hidden; }
  .assistant-template .assistant-intro {
    position: relative;
    margin-bottom: 20px; }
    .assistant-template .assistant-intro .intro-image {
      width: 100%; }
    .assistant-template .assistant-intro .intro-content {
      position: absolute;
      top: 0;
      left: 0;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-direction: column;
          flex-direction: column;
      -ms-flex-pack: center;
          justify-content: center;
      width: 100%;
      height: 100%;
      padding: 0 48px 0 24px; }
      .assistant-template .assistant-intro .intro-content .intro-title {
        height: 28px;
        margin-bottom: 10px;
        font-family: PingFangSC-Medium, PingFang SC;
        font-size: 18px;
        font-weight: 500;
        line-height: 28px;
        color: #222; }
        .assistant-template .assistant-intro .intro-content .intro-title .intro-high {
          display: inline-block;
          width: 14px;
          height: 14px;
          margin-right: 10px;
          background: -webkit-gradient(linear, right top, left top, from(#fdab3e), to(#fe3546));
          background: -webkit-linear-gradient(right, #fdab3e 0%, #fe3546 100%);
          background: -o-linear-gradient(right, #fdab3e 0%, #fe3546 100%);
          background: linear-gradient(270deg, #fdab3e 0%, #fe3546 100%);
          border-radius: 100%; }
      .assistant-template .assistant-intro .intro-content .intro-desc {
        line-height: 22px;
        color: #5d6470; }
  .assistant-template .assistant-template-list {
    width: calc(100% + 20px); }
    .assistant-template .assistant-template-list .template-title {
      margin-bottom: 10px;
      line-height: 20px;
      color: #5d6470; }
    .assistant-template .assistant-template-list .template-list {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap; }

.assistant-template-item {
  width: 202px;
  height: 98px;
  background: #f3f4f6;
  border-radius: 10px;
  margin-right: 20px;
  margin-bottom: 20px;
  padding: 16px 16px 0;
  display: -ms-flexbox;
  display: flex;
  cursor: pointer; }
  .assistant-template-item:hover .follow {
    display: unset !important; }
  .assistant-template-item .template-info {
    -ms-flex: 1 1;
        flex: 1 1;
    overflow: hidden; }
    .assistant-template-item .template-info .template-info-name {
      height: 20px;
      font-size: 14px;
      font-family: PingFangSC-Medium, PingFang SC;
      font-weight: 500;
      color: #222222;
      line-height: 20px;
      margin-bottom: 10px;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-pack: justify;
          justify-content: space-between; }
      .assistant-template-item .template-info .template-info-name span {
        -ms-flex: 1 1;
            flex: 1 1; }
      .assistant-template-item .template-info .template-info-name .follow {
        -ms-flex: none;
            flex: none;
        cursor: pointer;
        display: none; }
        .assistant-template-item .template-info .template-info-name .follow .qt-icon {
          font-size: 12px; }
        .assistant-template-item .template-info .template-info-name .follow.active {
          color: #fe3546; }
        .assistant-template-item .template-info .template-info-name .follow img {
          width: 14px;
          position: relative;
          top: -1px; }
    .assistant-template-item .template-info .template-info-desc {
      font-size: 14px;
      color: #828992;
      line-height: 20px; }

.message-input-box {
  -ms-flex: none;
      flex: none;
  padding: 20px; }
  .message-input-box .assistant-waring {
    display: -ms-inline-flexbox;
    display: inline-flex;
    padding: 0 6px;
    height: 24px;
    line-height: 24px;
    background: rgba(245, 166, 35, 0.1);
    border-radius: 4px;
    border: 1px solid rgba(224, 229, 240, 0.7);
    font-size: 12px;
    color: rgba(34, 34, 34, 0.5);
    margin-bottom: 10px; }
    .message-input-box .assistant-waring .assistant-waring-icon {
      color: #f5a623;
      margin-right: 4px; }
  .message-input-box .assistant-editor .assistant-input-editor {
    background: #f3f4f6 !important;
    border-radius: 8px;
    padding: 10px 0 10px 10px;
    overflow: hidden; }
  .message-input-box .assistant-editor .DraftEditor-editorContainer {
    padding-bottom: 0 !important; }
  .message-input-box .assistant-editor .DraftEditor-root {
    min-height: 18px; }

.assistant-message-list-container {
  position: relative;
  height: 100%; }
  .assistant-message-list-container .message-item:first-child {
    margin-top: 16px; }
  .assistant-message-list-container .message-mask {
    position: absolute;
    z-index: 100;
    width: 100%;
    height: 100%; }
  .assistant-message-list-container .message-loading {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100px;
    height: 60px;
    margin-top: -50px;
    margin-left: -50px; }
    .assistant-message-list-container .message-loading .message-loading-gif {
      width: 100px; }
  .assistant-message-list-container .load-more-spinner {
    position: absolute;
    top: 20px;
    right: 50px;
    z-index: 20;
    padding: 0 10px;
    background-color: #f3f4f6; }
    .assistant-message-list-container .load-more-spinner .loading {
      display: inline-block;
      width: 20px;
      height: 20px;
      font-size: 12px;
      -webkit-transform: scale(0.2);
          -ms-transform: scale(0.2);
              transform: scale(0.2); }
    .assistant-message-list-container .load-more-spinner .desc {
      display: inline-block;
      margin-top: 2px;
      margin-left: 2px;
      vertical-align: top; }
  .assistant-message-list-container .no-more-content {
    height: 1px;
    margin: 20px 60px;
    text-align: center;
    background-color: #ccc; }
    .assistant-message-list-container .no-more-content .desc {
      position: relative;
      top: -10px;
      display: inline-block;
      height: 22px;
      font-size: 12px;
      line-height: 22px;
      color: #828992;
      background: #f3f4f6; }
      .assistant-message-list-container .no-more-content .desc span {
        padding: 0 10px;
        background: rgba(255, 255, 255, 0.12); }
  .assistant-message-list-container .list-load-failed-tip {
    margin-top: 100px; }

.assistant-message-container {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  height: 100%; }
  .assistant-message-container .assistant-info {
    -ms-flex: none;
        flex: none;
    height: 50px;
    line-height: 50px;
    padding: 0 24px;
    position: relative;
    font-size: 14px;
    font-weight: 400;
    color: #222222;
    text-align: center;
    position: relative; }
    .assistant-message-container .assistant-info::after {
      content: '';
      position: absolute;
      bottom: 0;
      left: 0;
      width: 100%;
      height: 1px;
      background: #e4e7e9; }
    .assistant-message-container .assistant-info .assistant-back-btn {
      position: absolute;
      left: 20px;
      color: #5d6470;
      cursor: pointer; }
      .assistant-message-container .assistant-info .assistant-back-btn .qt-icon {
        font-size: 12px;
        margin-right: 2px; }
  .assistant-message-container .messsage-list {
    -ms-flex: 1 1;
        flex: 1 1; }

.assistant-cxt-container {
  -ms-flex: 1 1;
      flex: 1 1;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column; }
  .assistant-cxt-container .assistant-top-win {
    height: 50px;
    background: #fff;
    -ms-flex: none;
        flex: none; }
  .assistant-cxt-container .assistant-content-box {
    -ms-flex: 1 1;
        flex: 1 1;
    padding: 10px;
    background: #f3f4f6;
    position: relative; }
    .assistant-cxt-container .assistant-content-box .assistant-content {
      height: 100%;
      border-radius: 8px;
      background: #fff; }

.assistant-container {
  display: -ms-flexbox;
  display: flex;
  background: #f3f4f6;
  height: 100%; }
  .assistant-container .assistant-drag-header {
    right: 250px; }

.header-drag-bar {
  position: absolute;
  top: 0;
  right: 330px;
  left: 240px;
  display: inline-block;
  height: 50px;
  z-index: 1; }
  .header-drag-bar .header-drag {
    position: absolute;
    top: 0;
    display: inline-block;
    width: 100%;
    height: 100%; }
    .header-drag-bar .header-drag .drag-box {
      position: absolute;
      top: 0;
      width: 100%;
      height: 100%; }

.rdp-modal.hide-ok .ant-btn-primary {
  display: none; }

.rdp-modal.hide-cancel .qt-cancel {
  display: none; }

.titlebar {
  height: 20px; }

.app-content {
  position: absolute;
  top: 0;
  bottom: 0;
  width: 100%;
  background-color: #f5f5f5; }
  .app-content .moji-viewer-index .center {
    position: fixed;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%;
    padding: 0;
    margin: 0;
    background-color: rgba(3, 3, 3, 0.6);
    border: none; }

.right-menu {
  position: absolute;
  right: 0;
  z-index: 100;
  width: 46px;
  height: 100%;
  border-left: 1px solid #d7d7d7; }

.right-dynamic-content {
  float: right;
  width: 302px;
  height: 100%;
  border-right: 1px solid #d7d7d7;
  border-left: 1px solid #d7d7d7; }

#win-client .show-disconnect-bar {
  top: 63px !important;
  height: calc(100% - 63px) !important;
  height: -moz-calc(100% - 63px) !important; }

.drive-intro-target {
  margin-right: 20px;
  font-size: 14px;
  color: #5d6470;
  background: white;
  -webkit-box-shadow: none;
          box-shadow: none; }

.drive-update-tip {
  margin-left: -1px !important;
  background-color: #fff !important;
  width: 252px !important;
  color: #222222;
  font-size: 14px;
  padding-left: 12px; }
  .drive-update-tip .drive-text {
    color: #fe6a49; }

.guide-page {
  width: 100%;
  height: 100%;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(1%, #f8ede4), to(rgba(245, 244, 243, 0.15)));
  background: -webkit-linear-gradient(top, #f8ede4 1%, rgba(245, 244, 243, 0.15) 100%);
  background: -o-linear-gradient(top, #f8ede4 1%, rgba(245, 244, 243, 0.15) 100%);
  background: linear-gradient(180deg, #f8ede4 1%, rgba(245, 244, 243, 0.15) 100%); }
  .guide-page .guide-wrap {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 560px;
    height: 480px;
    margin-top: -240px;
    margin-left: -280px;
    font-size: 14px;
    text-align: center;
    -webkit-app-region: no-drag; }
  .guide-page .guide-carousel-wrap {
    position: relative;
    width: 280px;
    margin: 0 auto; }
    .guide-page .guide-carousel-wrap .slick-dots li button {
      width: 4px;
      height: 4px;
      background: rgba(34, 34, 34, 0.2);
      border-radius: 3px; }
    .guide-page .guide-carousel-wrap .slick-dots li.slick-active button {
      width: 20px;
      background: #222; }
    .guide-page .guide-carousel-wrap .carousel-item {
      width: 300px !important;
      height: 300px; }
      .guide-page .guide-carousel-wrap .carousel-item img {
        width: 280px;
        height: 280px; }
    .guide-page .guide-carousel-wrap .btn {
      position: absolute;
      top: 131px;
      width: 42px;
      height: 32px;
      cursor: pointer;
      background: rgba(34, 34, 34, 0.5);
      border-radius: 16px; }
      .guide-page .guide-carousel-wrap .btn .left-arrow {
        font-size: 15px;
        line-height: 32px;
        color: white; }
      .guide-page .guide-carousel-wrap .btn .right-arrow {
        font-size: 15px;
        line-height: 32px;
        color: white; }
      .guide-page .guide-carousel-wrap .btn .hide {
        display: none; }
    .guide-page .guide-carousel-wrap .btn-left {
      left: -78px; }
    .guide-page .guide-carousel-wrap .btn-right {
      right: -78px;
      -webkit-transform: rotate(180deg);
          -ms-transform: rotate(180deg);
              transform: rotate(180deg); }
  .guide-page .btn-wrap {
    position: absolute; }
  .guide-page .guide-word {
    margin: 38px 0; }
    .guide-page .guide-word img {
      width: 114px;
      height: 38px; }
    .guide-page .guide-word .guide-desc {
      margin-top: 10px;
      line-height: 20px;
      color: rgba(34, 34, 34, 0.7); }
  .guide-page .skip-btn {
    width: 156px;
    font-weight: 600; }
  .guide-page .guide-page-step {
    font-family: PingFangSC-Semibold, PingFang SC;
    font-weight: 600;
    line-height: 20px;
    color: #222; }

.login-projection-btn {
  float: right;
  margin-top: 40px;
  margin-right: 30px;
  color: #fff;
  background: -webkit-linear-gradient(right, #5682df, #5e48e0, #622be0);
  background: -o-linear-gradient(right, #5682df, #5e48e0, #622be0);
  background: -webkit-gradient(linear, left top, right top, from(#5682df), color-stop(#5e48e0), to(#622be0));
  background: -webkit-linear-gradient(left, #5682df, #5e48e0, #622be0);
  background: -o-linear-gradient(left, #5682df, #5e48e0, #622be0);
  background: linear-gradient(to right, #5682df, #5e48e0, #622be0);
  border: 1px solid #5682df !important;
  border-radius: 30px;
  -webkit-app-region: no-drag; }
  .login-projection-btn:hover, .login-projection-btn:focus {
    color: #fff;
    background: -webkit-gradient(linear, left top, right top, from(#622be0), to(#622be0)) !important;
    background: -webkit-linear-gradient(left, #622be0, #622be0) !important;
    background: -o-linear-gradient(left, #622be0, #622be0) !important;
    background: linear-gradient(to right, #622be0, #622be0) !important;
    border: 1px solid #622be0 !important;
    border-color: #622be0; }
  .login-projection-btn .projection-icon {
    font-size: 13px; }
  .login-projection-btn .project-text {
    margin-left: 6px;
    font-size: 14px;
    font-weight: 100; }

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
.ant-form {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.65);
  font-size: 12px;
  font-variant: tabular-nums;
  line-height: 1.5;
  list-style: none;
  -webkit-font-feature-settings: 'tnum';
          font-feature-settings: 'tnum';
}
.ant-form legend {
  display: block;
  width: 100%;
  margin-bottom: 20px;
  padding: 0;
  color: rgba(0, 0, 0, 0.45);
  font-size: 14px;
  line-height: inherit;
  border: 0;
  border-bottom: 1px solid #d9d9d9;
}
.ant-form label {
  font-size: 12px;
}
.ant-form input[type='search'] {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.ant-form input[type='radio'],
.ant-form input[type='checkbox'] {
  line-height: normal;
}
.ant-form input[type='file'] {
  display: block;
}
.ant-form input[type='range'] {
  display: block;
  width: 100%;
}
.ant-form select[multiple],
.ant-form select[size] {
  height: auto;
}
.ant-form input[type='file']:focus,
.ant-form input[type='radio']:focus,
.ant-form input[type='checkbox']:focus {
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
.ant-form output {
  display: block;
  padding-top: 15px;
  color: rgba(0, 0, 0, 0.65);
  font-size: 12px;
  line-height: 1.5;
}
.ant-form-item-required::before {
  display: inline-block;
  margin-right: 4px;
  color: #f5222d;
  font-size: 12px;
  font-family: SimSun, sans-serif;
  line-height: 1;
  content: '*';
}
.ant-form-hide-required-mark .ant-form-item-required::before {
  display: none;
}
.ant-form-item-label > label {
  color: rgba(0, 0, 0, 0.85);
}
.ant-form-item-label > label::after {
  content: ':';
  position: relative;
  top: -0.5px;
  margin: 0 8px 0 2px;
}
.ant-form-item-label > label.ant-form-item-no-colon::after {
  content: ' ';
}
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 {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.65);
  font-size: 12px;
  font-variant: tabular-nums;
  line-height: 1.5;
  list-style: none;
  -webkit-font-feature-settings: 'tnum';
          font-feature-settings: 'tnum';
  margin-bottom: 24px;
  vertical-align: top;
}
.ant-form-item label {
  position: relative;
}
.ant-form-item label > .anticon {
  font-size: 12px;
  vertical-align: top;
}
.ant-form-item-control {
  position: relative;
  line-height: 32px;
  zoom: 1;
}
.ant-form-item-control::before,
.ant-form-item-control::after {
  display: table;
  content: '';
}
.ant-form-item-control::after {
  clear: both;
}
.ant-form-item-children {
  position: relative;
}
.ant-form-item-with-help {
  margin-bottom: 6px;
}
.ant-form-item-label {
  display: inline-block;
  overflow: hidden;
  line-height: 31.9999px;
  white-space: nowrap;
  text-align: right;
  vertical-align: middle;
}
.ant-form-item-label-left {
  text-align: left;
}
.ant-form-item .ant-switch {
  margin: 2px 0 4px;
}
.ant-form-explain,
.ant-form-extra {
  clear: both;
  min-height: 19px;
  margin-top: 0px;
  color: rgba(0, 0, 0, 0.45);
  font-size: 12px;
  line-height: 1.5;
  -webkit-transition: color 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
  -o-transition: color 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: color 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.ant-form-explain {
  margin-bottom: -1px;
}
.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-input-password-icon {
  margin-right: 18px;
}
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: 17px;
}
form .has-feedback .ant-cascader-picker-clear {
  right: 28px;
}
form .has-feedback .ant-input-search:not(.ant-input-search-enter-button) .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 .ant-mentions,
form textarea.ant-input {
  height: auto;
  margin-bottom: 4px;
}
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;
  margin-left: 8px;
  font-weight: normal;
  vertical-align: middle;
  cursor: pointer;
}
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 + .ant-form-text {
  margin-left: 8px;
}
form .ant-input-number-handler-wrap {
  z-index: 2;
}
form .ant-select,
form .ant-cascader-picker {
  width: 100%;
}
form .ant-input-group .ant-select,
form .ant-input-group .ant-cascader-picker {
  width: auto;
}
form :not(.ant-input-group-wrapper) > .ant-input-group,
form .ant-input-group-wrapper {
  position: relative;
  top: -1px;
  display: inline-block;
  vertical-align: middle;
}
.ant-input-group-wrap .ant-select-selection {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.ant-input-group-wrap .ant-select-selection:hover {
  border-color: #d9d9d9;
}
.ant-input-group-wrap .ant-select-selection--single {
  height: 32px;
  margin-left: -1px;
  background-color: rgba(0, 0, 0, 0.07);
}
.ant-input-group-wrap .ant-select-selection--single .ant-select-selection__rendered {
  padding-right: 25px;
  padding-left: 8px;
  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 {
  display: block;
  margin: 0;
  padding: 0 0 8px;
  line-height: 1.5;
  white-space: initial;
  text-align: left;
}
.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;
}
.ant-form-vertical .ant-form-item {
  padding-bottom: 8px;
}
.ant-form-vertical .ant-form-item-control {
  line-height: 1.5;
}
.ant-form-vertical .ant-form-explain {
  margin-top: 2px;
  margin-bottom: -5px;
}
.ant-form-vertical .ant-form-extra {
  margin-top: 2px;
  margin-bottom: -4px;
}
@media (max-width: 575px) {
  .ant-form-item-label,
  .ant-form-item-control-wrapper {
    display: block;
    width: 100%;
  }
  .ant-form-item-label {
    display: block;
    margin: 0;
    padding: 0 0 8px;
    line-height: 1.5;
    white-space: initial;
    text-align: left;
  }
  .ant-form-item-label label::after {
    display: none;
  }
  .ant-col-xs-24.ant-form-item-label {
    display: block;
    margin: 0;
    padding: 0 0 8px;
    line-height: 1.5;
    white-space: initial;
    text-align: left;
  }
  .ant-col-xs-24.ant-form-item-label label::after {
    display: none;
  }
}
@media (max-width: 767px) {
  .ant-col-sm-24.ant-form-item-label {
    display: block;
    margin: 0;
    padding: 0 0 8px;
    line-height: 1.5;
    white-space: initial;
    text-align: left;
  }
  .ant-col-sm-24.ant-form-item-label label::after {
    display: none;
  }
}
@media (max-width: 991px) {
  .ant-col-md-24.ant-form-item-label {
    display: block;
    margin: 0;
    padding: 0 0 8px;
    line-height: 1.5;
    white-space: initial;
    text-align: left;
  }
  .ant-col-md-24.ant-form-item-label label::after {
    display: none;
  }
}
@media (max-width: 1199px) {
  .ant-col-lg-24.ant-form-item-label {
    display: block;
    margin: 0;
    padding: 0 0 8px;
    line-height: 1.5;
    white-space: initial;
    text-align: left;
  }
  .ant-col-lg-24.ant-form-item-label label::after {
    display: none;
  }
}
@media (max-width: 1599px) {
  .ant-col-xl-24.ant-form-item-label {
    display: block;
    margin: 0;
    padding: 0 0 8px;
    line-height: 1.5;
    white-space: initial;
    text-align: left;
  }
  .ant-col-xl-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 > .ant-form-item-control-wrapper,
.ant-form-inline .ant-form-item > .ant-form-item-label {
  display: inline-block;
  vertical-align: top;
}
.ant-form-inline .ant-form-text {
  display: inline-block;
}
.ant-form-inline .has-feedback {
  display: inline-block;
}
.has-success.has-feedback .ant-form-item-children-icon,
.has-warning.has-feedback .ant-form-item-children-icon,
.has-error.has-feedback .ant-form-item-children-icon,
.is-validating.has-feedback .ant-form-item-children-icon {
  position: absolute;
  top: 50%;
  right: 0;
  z-index: 1;
  width: 28px;
  height: 20px;
  margin-top: -10px;
  font-size: 12px;
  line-height: 20px;
  text-align: center;
  visibility: visible;
  -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);
  pointer-events: none;
}
.has-success.has-feedback .ant-form-item-children-icon svg,
.has-warning.has-feedback .ant-form-item-children-icon svg,
.has-error.has-feedback .ant-form-item-children-icon svg,
.is-validating.has-feedback .ant-form-item-children-icon svg {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
}
.has-success.has-feedback .ant-form-item-children-icon {
  color: #52c41a;
  -webkit-animation-name: diffZoomIn1 !important;
          animation-name: diffZoomIn1 !important;
}
.has-warning .ant-form-explain,
.has-warning .ant-form-split {
  color: #69b0e7;
}
.has-warning .ant-input,
.has-warning .ant-input:hover {
  border-color: #69b0e7;
}
.has-warning .ant-input:focus {
  border-color: #95cff5;
  border-right-width: 1px !important;
  outline: 0;
  -webkit-box-shadow: 0 0 0 2px rgba(105, 176, 231, 0.2);
          box-shadow: 0 0 0 2px rgba(105, 176, 231, 0.2);
}
.has-warning .ant-input:not([disabled]):hover {
  border-color: #69b0e7;
}
.has-warning .ant-calendar-picker-open .ant-calendar-picker-input {
  border-color: #95cff5;
  border-right-width: 1px !important;
  outline: 0;
  -webkit-box-shadow: 0 0 0 2px rgba(105, 176, 231, 0.2);
          box-shadow: 0 0 0 2px rgba(105, 176, 231, 0.2);
}
.has-warning .ant-input-affix-wrapper .ant-input,
.has-warning .ant-input-affix-wrapper .ant-input:hover {
  background-color: #fff;
  border-color: #69b0e7;
}
.has-warning .ant-input-affix-wrapper .ant-input:focus {
  border-color: #95cff5;
  border-right-width: 1px !important;
  outline: 0;
  -webkit-box-shadow: 0 0 0 2px rgba(105, 176, 231, 0.2);
          box-shadow: 0 0 0 2px rgba(105, 176, 231, 0.2);
}
.has-warning .ant-input-affix-wrapper:hover .ant-input:not(.ant-input-disabled) {
  border-color: #69b0e7;
}
.has-warning .ant-input-prefix {
  color: #69b0e7;
}
.has-warning .ant-input-group-addon {
  color: #69b0e7;
  background-color: #fff;
  border-color: #69b0e7;
}
.has-warning .has-feedback {
  color: #69b0e7;
}
.has-warning.has-feedback .ant-form-item-children-icon {
  color: #69b0e7;
  -webkit-animation-name: diffZoomIn3 !important;
          animation-name: diffZoomIn3 !important;
}
.has-warning .ant-select-selection {
  border-color: #69b0e7;
}
.has-warning .ant-select-selection:hover {
  border-color: #69b0e7;
}
.has-warning .ant-select-open .ant-select-selection,
.has-warning .ant-select-focused .ant-select-selection {
  border-color: #95cff5;
  border-right-width: 1px !important;
  outline: 0;
  -webkit-box-shadow: 0 0 0 2px rgba(105, 176, 231, 0.2);
          box-shadow: 0 0 0 2px rgba(105, 176, 231, 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: #69b0e7;
}
.has-warning .ant-input-number,
.has-warning .ant-time-picker-input {
  border-color: #69b0e7;
}
.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: #95cff5;
  border-right-width: 1px !important;
  outline: 0;
  -webkit-box-shadow: 0 0 0 2px rgba(105, 176, 231, 0.2);
          box-shadow: 0 0 0 2px rgba(105, 176, 231, 0.2);
}
.has-warning .ant-input-number:not([disabled]):hover,
.has-warning .ant-time-picker-input:not([disabled]):hover {
  border-color: #69b0e7;
}
.has-warning .ant-cascader-picker:focus .ant-cascader-input {
  border-color: #95cff5;
  border-right-width: 1px !important;
  outline: 0;
  -webkit-box-shadow: 0 0 0 2px rgba(105, 176, 231, 0.2);
          box-shadow: 0 0 0 2px rgba(105, 176, 231, 0.2);
}
.has-error .ant-form-explain,
.has-error .ant-form-split {
  color: #69b0e7;
}
.has-error .ant-input,
.has-error .ant-input:hover {
  border-color: #69b0e7;
}
.has-error .ant-input:focus {
  border-color: #95cff5;
  border-right-width: 1px !important;
  outline: 0;
  -webkit-box-shadow: 0 0 0 2px rgba(105, 176, 231, 0.2);
          box-shadow: 0 0 0 2px rgba(105, 176, 231, 0.2);
}
.has-error .ant-input:not([disabled]):hover {
  border-color: #69b0e7;
}
.has-error .ant-calendar-picker-open .ant-calendar-picker-input {
  border-color: #95cff5;
  border-right-width: 1px !important;
  outline: 0;
  -webkit-box-shadow: 0 0 0 2px rgba(105, 176, 231, 0.2);
          box-shadow: 0 0 0 2px rgba(105, 176, 231, 0.2);
}
.has-error .ant-input-affix-wrapper .ant-input,
.has-error .ant-input-affix-wrapper .ant-input:hover {
  background-color: #fff;
  border-color: #69b0e7;
}
.has-error .ant-input-affix-wrapper .ant-input:focus {
  border-color: #95cff5;
  border-right-width: 1px !important;
  outline: 0;
  -webkit-box-shadow: 0 0 0 2px rgba(105, 176, 231, 0.2);
          box-shadow: 0 0 0 2px rgba(105, 176, 231, 0.2);
}
.has-error .ant-input-affix-wrapper:hover .ant-input:not(.ant-input-disabled) {
  border-color: #69b0e7;
}
.has-error .ant-input-prefix {
  color: #69b0e7;
}
.has-error .ant-input-group-addon {
  color: #69b0e7;
  background-color: #fff;
  border-color: #69b0e7;
}
.has-error .has-feedback {
  color: #69b0e7;
}
.has-error.has-feedback .ant-form-item-children-icon {
  color: #69b0e7;
  -webkit-animation-name: diffZoomIn2 !important;
          animation-name: diffZoomIn2 !important;
}
.has-error .ant-select-selection {
  border-color: #69b0e7;
}
.has-error .ant-select-selection:hover {
  border-color: #69b0e7;
}
.has-error .ant-select-open .ant-select-selection,
.has-error .ant-select-focused .ant-select-selection {
  border-color: #95cff5;
  border-right-width: 1px !important;
  outline: 0;
  -webkit-box-shadow: 0 0 0 2px rgba(105, 176, 231, 0.2);
          box-shadow: 0 0 0 2px rgba(105, 176, 231, 0.2);
}
.has-error .ant-select.ant-select-auto-complete .ant-input:focus {
  border-color: #69b0e7;
}
.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: #69b0e7;
}
.has-error .ant-input-number,
.has-error .ant-time-picker-input {
  border-color: #69b0e7;
}
.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: #95cff5;
  border-right-width: 1px !important;
  outline: 0;
  -webkit-box-shadow: 0 0 0 2px rgba(105, 176, 231, 0.2);
          box-shadow: 0 0 0 2px rgba(105, 176, 231, 0.2);
}
.has-error .ant-input-number:not([disabled]):hover,
.has-error .ant-time-picker-input:not([disabled]):hover {
  border-color: #69b0e7;
}
.has-error .ant-mention-wrapper .ant-mention-editor,
.has-error .ant-mention-wrapper .ant-mention-editor:not([disabled]):hover {
  border-color: #69b0e7;
}
.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: #95cff5;
  border-right-width: 1px !important;
  outline: 0;
  -webkit-box-shadow: 0 0 0 2px rgba(105, 176, 231, 0.2);
          box-shadow: 0 0 0 2px rgba(105, 176, 231, 0.2);
}
.has-error .ant-cascader-picker:focus .ant-cascader-input {
  border-color: #95cff5;
  border-right-width: 1px !important;
  outline: 0;
  -webkit-box-shadow: 0 0 0 2px rgba(105, 176, 231, 0.2);
          box-shadow: 0 0 0 2px rgba(105, 176, 231, 0.2);
}
.has-error .ant-transfer-list {
  border-color: #69b0e7;
}
.has-error .ant-transfer-list-search:not([disabled]) {
  border-color: #d9d9d9;
}
.has-error .ant-transfer-list-search:not([disabled]):hover {
  border-color: #e6d8d8;
  border-right-width: 1px !important;
}
.has-error .ant-transfer-list-search:not([disabled]):focus {
  border-color: #ff9173;
  border-right-width: 1px !important;
  outline: 0;
  -webkit-box-shadow: 0 0 0 2px rgba(254, 106, 73, 0.2);
          box-shadow: 0 0 0 2px rgba(254, 106, 73, 0.2);
}
.is-validating.has-feedback .ant-form-item-children-icon {
  display: inline-block;
  color: #FE6A49;
}
.ant-advanced-search-form .ant-form-item {
  margin-bottom: 24px;
}
.ant-advanced-search-form .ant-form-item-with-help {
  margin-bottom: 6px;
}
.show-help-enter,
.show-help-appear {
  -webkit-animation-duration: 0.3s;
          animation-duration: 0.3s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation-play-state: paused;
          animation-play-state: paused;
}
.show-help-leave {
  -webkit-animation-duration: 0.3s;
          animation-duration: 0.3s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation-play-state: paused;
          animation-play-state: paused;
}
.show-help-enter.show-help-enter-active,
.show-help-appear.show-help-appear-active {
  -webkit-animation-name: antShowHelpIn;
          animation-name: antShowHelpIn;
  -webkit-animation-play-state: running;
          animation-play-state: running;
}
.show-help-leave.show-help-leave-active {
  -webkit-animation-name: antShowHelpOut;
          animation-name: antShowHelpOut;
  -webkit-animation-play-state: running;
          animation-play-state: running;
  pointer-events: none;
}
.show-help-enter,
.show-help-appear {
  opacity: 0;
  -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);
}
.show-help-leave {
  -webkit-animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
          animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
}
@-webkit-keyframes antShowHelpIn {
  0% {
    -webkit-transform: translateY(-5px);
            transform: translateY(-5px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 1;
  }
}
@keyframes antShowHelpIn {
  0% {
    -webkit-transform: translateY(-5px);
            transform: translateY(-5px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 1;
  }
}
@-webkit-keyframes antShowHelpOut {
  to {
    -webkit-transform: translateY(-5px);
            transform: translateY(-5px);
    opacity: 0;
  }
}
@keyframes antShowHelpOut {
  to {
    -webkit-transform: translateY(-5px);
            transform: translateY(-5px);
    opacity: 0;
  }
}
@-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);
  }
}

@charset "UTF-8";
.country-code-select-dropdown {
  width: 325px;
  color: #828992;
  border-radius: 10px;
  -webkit-box-shadow: 0 0 6px 0 rgba(176, 176, 176, 0.5);
          box-shadow: 0 0 6px 0 rgba(176, 176, 176, 0.5); }
  .country-code-select-dropdown span {
    float: right; }
    .country-code-select-dropdown span::after {
      display: block;
      width: 0;
      height: 0;
      clear: both;
      visibility: hidden;
      content: '\200B'; }

.login-wrap {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -220px;
  margin-left: -280px; }
  .login-wrap .ant-input {
    height: 32px; }
  .login-wrap .login-panel {
    position: relative;
    width: 560px;
    height: 440px;
    color: #5d6470;
    background-color: #fff;
    border-radius: 10px;
    -webkit-box-shadow: 0 1px 10px 0.5px rgba(51, 51, 51, 0.2);
            box-shadow: 0 1px 10px 0.5px rgba(51, 51, 51, 0.2);
    -webkit-app-region: no-drag; }
    .login-wrap .login-panel .qr-login-index {
      position: absolute;
      top: -2px;
      right: 0;
      z-index: 10; }
      .login-wrap .login-panel .qr-login-index .qr {
        position: absolute;
        right: 0;
        height: 80px;
        cursor: pointer;
        border-top-right-radius: 12px; }
      .login-wrap .login-panel .qr-login-index .tip {
        position: absolute;
        top: 5px;
        left: 15px;
        display: none;
        padding: 2px 5px;
        color: #fc7a60;
        white-space: nowrap;
        background: #ffefef;
        border: 1px solid #fc7a60;
        border-radius: 4px; }
        .login-wrap .login-panel .qr-login-index .tip::before {
          position: absolute;
          top: 6px;
          left: -5px;
          display: inline-block;
          content: '';
          border-top: solid 4px #f000;
          border-right: solid 4px #fc7a60;
          border-bottom: solid 4px #f000; }
        .login-wrap .login-panel .qr-login-index .tip::after {
          position: absolute;
          top: 6px;
          left: -4px;
          display: inline-block;
          content: '';
          border-top: solid 4px #f000;
          border-right: solid 4px #ffefef;
          border-bottom: solid 4px #f000; }
      .login-wrap .login-panel .qr-login-index:hover .tip {
        display: block; }
    .login-wrap .login-panel .qr-login-form {
      width: 100%;
      height: 100%; }
      .login-wrap .login-panel .qr-login-form .qr-code-display-index {
        height: calc(100% - 87px); }
        .login-wrap .login-panel .qr-login-form .qr-code-display-index .back {
          position: absolute;
          padding-left: 22px;
          margin-top: 4px;
          font-size: 13px;
          color: #5d6470;
          vertical-align: middle;
          cursor: pointer; }
          .login-wrap .login-panel .qr-login-form .qr-code-display-index .back:hover {
            color: #fe6a49; }
        .login-wrap .login-panel .qr-login-form .qr-code-display-index .tip {
          width: 100%;
          padding-top: 60px;
          padding-bottom: 17px;
          font-size: 16px;
          color: #222;
          text-align: center; }
        .login-wrap .login-panel .qr-login-form .qr-code-display-index .qr-code {
          position: relative;
          display: -ms-flexbox;
          display: flex;
          -ms-flex-align: center;
              align-items: center;
          -ms-flex-pack: center;
              justify-content: center;
          width: 214px;
          height: 214px;
          margin: 0 auto; }
          .login-wrap .login-panel .qr-login-form .qr-code-display-index .qr-code .load-failed {
            position: relative;
            -ms-flex-align: center;
                align-items: center;
            -ms-flex-pack: center;
                justify-content: center;
            width: 100%;
            height: 100%; }
            .login-wrap .login-panel .qr-login-form .qr-code-display-index .qr-code .load-failed .layer {
              position: absolute;
              width: 100%;
              height: 100%;
              background: rgba(245, 245, 245, 0.25); }
            .login-wrap .login-panel .qr-login-form .qr-code-display-index .qr-code .load-failed .img-timeout {
              width: 100%;
              height: 100%;
              opacity: 0.2; }
            .login-wrap .login-panel .qr-login-form .qr-code-display-index .qr-code .load-failed .img {
              position: absolute;
              width: 100%;
              height: 100%; }
            .login-wrap .login-panel .qr-login-form .qr-code-display-index .qr-code .load-failed .load-failed-ope {
              position: absolute;
              display: inline-block;
              width: 214px;
              height: 214px;
              font-size: 20px;
              line-height: 214px;
              color: #037aff;
              text-align: center;
              cursor: pointer; }
            .login-wrap .login-panel .qr-login-form .qr-code-display-index .qr-code .load-failed .time-out-ope {
              position: absolute;
              display: inline-block;
              width: 214px;
              height: 214px;
              font-size: 20px;
              line-height: 214px;
              color: #037aff;
              text-align: center;
              white-space: nowrap;
              cursor: pointer; }
              .login-wrap .login-panel .qr-login-form .qr-code-display-index .qr-code .load-failed .time-out-ope .ope-tip {
                margin-left: 5px; }
          .login-wrap .login-panel .qr-login-form .qr-code-display-index .qr-code .qrcode-img {
            width: 214px; }
      .login-wrap .login-panel .qr-login-form .scan-success-index {
        height: calc(100% - 87px);
        padding-top: 90px;
        text-align: center; }
        .login-wrap .login-panel .qr-login-form .scan-success-index .tip {
          margin-top: 32px; }
          .login-wrap .login-panel .qr-login-form .scan-success-index .tip span {
            margin-top: 32px;
            font-size: 16px;
            color: #222; }
        .login-wrap .login-panel .qr-login-form .scan-success-index .tip-iphone {
          margin-top: 15px; }
      .login-wrap .login-panel .qr-login-form .scan-error .tip span {
        color: #d64f35 !important; }
      .login-wrap .login-panel .qr-login-form .scan-success-icon {
        position: relative; }
        .login-wrap .login-panel .qr-login-form .scan-success-icon .iphone-icon {
          font-size: 131px;
          color: #828992; }
        .login-wrap .login-panel .qr-login-form .scan-success-icon .success-circle {
          position: absolute;
          top: calc(50% - 30px);
          left: calc(50% - 18px);
          font-size: 36px;
          color: #52c41a; }
      .login-wrap .login-panel .qr-login-form .nav {
        width: 400px;
        height: 53px;
        margin: 0 auto;
        font-size: 14px;
        text-align: center;
        cursor: pointer; }
        .login-wrap .login-panel .qr-login-form .nav a {
          color: #5d6470 !important; }
          .login-wrap .login-panel .qr-login-form .nav a:hover {
            color: #fe6a49 !important; }
      .login-wrap .login-panel .qr-login-form .back {
        position: absolute;
        top: 66px;
        left: 22px;
        font-size: 13px;
        color: #5d6470;
        cursor: pointer; }
        .login-wrap .login-panel .qr-login-form .back:hover {
          color: #fe6a49; }
    .login-wrap .login-panel .login-logo {
      position: absolute;
      z-index: 5;
      width: 100%;
      margin-top: -58px;
      text-align: center; }
      .login-wrap .login-panel .login-logo img {
        height: 43px; }
    .login-wrap .login-panel .step-text {
      margin: 10px auto 0;
      font-size: 14px;
      color: #222;
      text-align: center; }
    .login-wrap .login-panel .err-msg-wrap {
      height: 24px;
      margin-top: 12px;
      margin-bottom: 12px;
      text-align: center;
      visibility: hidden; }
      .login-wrap .login-panel .err-msg-wrap.show {
        visibility: visible; }
      .login-wrap .login-panel .err-msg-wrap .err-msg {
        display: inline-block;
        height: 24px;
        padding: 2px 10px;
        font-size: 13px;
        color: #fe6a49;
        text-align: center;
        vertical-align: middle;
        border-radius: 4px; }
    .login-wrap .login-panel .login-form-register {
      position: absolute;
      bottom: 0;
      width: 100%;
      height: 40px;
      text-align: center;
      background-color: #f8f8f8;
      border-radius: 10px; }
      .login-wrap .login-panel .login-form-register a {
        display: inline-block;
        margin-top: 10px;
        font-size: 14px;
        color: #5d6470;
        cursor: pointer; }
    .login-wrap .login-panel .sso-set-password .hint-text {
      margin-top: -32px; }
      .login-wrap .login-panel .sso-set-password .hint-text .avatar-img {
        width: 80px;
        height: 80px;
        border-radius: 50%; }
      .login-wrap .login-panel .sso-set-password .hint-text .avatar-list .upload-avatar .upload-avatar-btn {
        font-size: 13px;
        color: #fe6a49;
        cursor: pointer; }
      .login-wrap .login-panel .sso-set-password .hint-text .avatar-list .upload-avatar .upload-avatar-tips {
        font-size: 12px;
        color: #828992; }
    .login-wrap .login-panel .sso-set-password .agreement-div {
      margin-top: 50px;
      font-size: 12px;
      color: #828992;
      text-align: center; }
      .login-wrap .login-panel .sso-set-password .agreement-div a {
        color: #037aff;
        text-decoration: none; }
    .login-wrap .login-panel .sso-set-password .ant-form-explain {
      text-align: left; }
    .login-wrap .login-panel .login-form {
      width: 325px;
      margin: 0 auto;
      font-size: 14px; }
      .login-wrap .login-panel .login-form .ant-select-selection:focus {
        border-color: rgba(0, 0, 0, 0) !important;
        -webkit-box-shadow: none !important;
                box-shadow: none !important; }
      .login-wrap .login-panel .login-form .ant-input-group-addon {
        background-color: #fff; }
      .login-wrap .login-panel .login-form .login-tool {
        margin-top: -6px !important;
        margin-bottom: 20px !important;
        margin-left: 1px; }
      .login-wrap .login-panel .login-form .login-form-forgot {
        position: absolute;
        z-index: 100;
        height: 32px;
        font-size: 13px;
        line-height: 30px;
        color: #5d6470;
        cursor: pointer; }
        .login-wrap .login-panel .login-form .login-form-forgot:hover {
          color: #fe6a49; }
      .login-wrap .login-panel .login-form .login-form-forgot.zh {
        width: 80px;
        margin-left: -60px;
        line-height: 34px; }
      .login-wrap .login-panel .login-form .login-form-forgot.en {
        width: 107px;
        margin-left: -107px;
        line-height: 34px; }
      .login-wrap .login-panel .login-form .login-form-button {
        width: 325px;
        margin-left: 1px; }
      .login-wrap .login-panel .login-form [ant-click-animating-without-extra-node='true']::after,
      .login-wrap .login-panel .login-form .ant-click-animating-node {
        -webkit-animation: none;
                animation: none; }
      .login-wrap .login-panel .login-form .input-validate-code {
        text-align: center; }
      .login-wrap .login-panel .login-form .login-form-sms {
        display: inline-block;
        font-size: 14px;
        color: #5d6470; }
        .login-wrap .login-panel .login-form .login-form-sms.en {
          margin-top: 6px;
          font-size: 12px !important; }
      .login-wrap .login-panel .login-form .remember-me {
        font-size: 13px; }
        .login-wrap .login-panel .login-form .remember-me:hover {
          color: #fe6a49; }
      .login-wrap .login-panel .login-form .login-phone-input:hover {
        border-color: #69b0e7; }
      .login-wrap .login-panel .login-form .login-password-input input {
        height: 32px !important;
        padding-right: 60px; }
      .login-wrap .login-panel .login-form .login-password-input.en input {
        padding-right: 107px; }
      .login-wrap .login-panel .login-form .ant-select-selection-selected-value {
        padding-right: 7px !important; }
      .login-wrap .login-panel .login-form .ant-select-selection--single {
        width: 55px !important; }
    .login-wrap .login-panel .safe-login-form {
      width: 330px;
      margin: 0 auto;
      font-size: 12px;
      text-align: center; }
      .login-wrap .login-panel .safe-login-form .hint-text {
        margin-bottom: 20px;
        font-size: 14px;
        color: #222; }
      .login-wrap .login-panel .safe-login-form .retry-send {
        margin: 10px 0;
        font-size: 12px;
        color: #222; }
      .login-wrap .login-panel .safe-login-form .resend-sms {
        color: #00acdc;
        cursor: pointer; }
      .login-wrap .login-panel .safe-login-form .safe-login-form-button {
        width: 325px;
        margin: 20px 0; }
      .login-wrap .login-panel .safe-login-form .cancel-verify {
        color: #828992 !important;
        cursor: pointer; }
      .login-wrap .login-panel .safe-login-form .sms-code-empty-text {
        margin-left: 44px;
        font-size: 13px;
        color: #fe6a49;
        text-align: left; }
    .login-wrap .login-panel .safe-login-back {
      margin-top: -40px !important; }
    .login-wrap .login-panel .hint-text {
      margin-bottom: 20px;
      font-size: 14px;
      color: #222;
      text-align: center; }
      .login-wrap .login-panel .hint-text .mobilephone {
        display: inline-block;
        margin: 0 2px;
        color: #00acdc; }
    .login-wrap .login-panel .safe-login-form.sso .input-validate-code {
      margin-bottom: 0 !important; }
    .login-wrap .login-panel .safe-login-form.sso .retry-send {
      width: 280px !important;
      margin: 20px 0;
      font-size: 12px;
      color: #222; }
    .login-wrap .login-panel .safe-login-form.sso .login-form-button {
      width: 325px; }
    .login-wrap .login-panel .safe-login-form.sso .nc-container {
      display: inline-block;
      margin-bottom: 20px; }
    .login-wrap .login-panel .enterprise-submit-btn {
      margin-top: 10px; }
    .login-wrap .login-panel .slider-verify-error {
      height: 18px;
      font-size: 12px;
      line-height: 18px;
      color: #fe6a49; }
    .login-wrap .login-panel .login-form-container-without-footer {
      height: 365px !important;
      border-bottom-right-radius: 6px;
      border-bottom-left-radius: 6px; }
    .login-wrap .login-panel .login-form-container {
      position: absolute;
      width: 560px;
      height: 322px;
      -webkit-box-shadow: 0 1px 10px 0.5px rgba(51, 51, 51, 0.2);
              box-shadow: 0 1px 10px 0.5px rgba(51, 51, 51, 0.2); }
  .login-wrap .copyright {
    margin-top: 20px;
    color: #828992;
    text-align: center; }

@-webkit-keyframes marquee {
  0% {
    left: -100%; }
  100% {
    left: 0; } }

@keyframes marquee {
  0% {
    left: -100%; }
  100% {
    left: 0; } }

.marquee {
  position: relative;
  z-index: 2;
  width: 560px;
  overflow: hidden;
  font-size: 0;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px; }
  .marquee .login-upper {
    position: relative;
    z-index: 1;
    display: inline-block;
    width: 100%;
    height: 76px; }

.country-code-select {
  width: 50px !important; }

.login-select {
  position: absolute;
  bottom: 10px;
  width: 560px;
  text-align: center;
  vertical-align: middle; }
  .login-select .select-type {
    font-size: 13px;
    color: #222;
    cursor: pointer; }
    .login-select .select-type:hover {
      color: #fe6a49; }
    .login-select .select-type::after {
      display: inline-block;
      margin: 0 8px;
      color: #828992;
      content: '|';
      -webkit-transform: scaleY(1.3);
          -ms-transform: scaleY(1.3);
              transform: scaleY(1.3); }
    .login-select .select-type:last-child::after {
      display: none; }

.ant-modal-wrap {
  text-align: center; }

.ant-modal-wrap::before {
  display: inline-block;
  width: 0;
  height: 100%;
  vertical-align: middle;
  content: ''; }

.ant-modal-wrap .ant-modal {
  top: 0;
  display: inline-block;
  text-align: left;
  vertical-align: middle; }

.login-back {
  position: absolute;
  z-index: 10;
  margin-top: 10px;
  margin-left: 22px; }
  .login-back .login-back-btn {
    font-size: 14px;
    color: #5d6470;
    cursor: pointer; }
    .login-back .login-back-btn:hover {
      color: #fe6a49; }

.enterprise-back {
  margin-top: 0 !important; }

/* 手机号输入框 */
.login-phone-input .ant-input-group:hover > .ant-input-group-addon,
.login-phone-input .ant-input-group:hover > .input-select .ant-select-selection {
  border-top: 1px solid #69b0e7 !important;
  border-right: 0;
  border-bottom: 1px solid #69b0e7 !important;
  border-left: 1px solid #69b0e7 !important; }

.login-phone-input .ant-input-group:hover input[type='text'] {
  border-top: 1px solid #69b0e7 !important;
  border-right: 1px solid #69b0e7 !important;
  border-bottom: 1px solid #69b0e7 !important; }

.login-phone-input .ant-input-group input[type='text']:focus {
  border-top: 1px solid #69b0e7 !important;
  border-right: 1px solid #69b0e7 !important;
  border-bottom: 1px solid #69b0e7 !important; }

.vpn-status-modal {
  width: 295px !important; }
  .vpn-status-modal .vpn-status-tip {
    text-align: center;
    padding: 16px; }
  .vpn-status-modal .ant-modal-footer {
    text-align: center; }
    .vpn-status-modal .ant-modal-footer .ant-btn-primary {
      padding: 0 46px !important; }

#qt-title-stars {
  position: absolute;
  top: -164px;
  left: 40px;
  z-index: 10;
  width: 480px;
  height: 443px;
  -webkit-transform: rotate(-45deg) translate3d(1px, 3px, 0);
          transform: rotate(-45deg) translate3d(1px, 3px, 0); }

.star {
  position: absolute;
  display: block;
  width: 70px;
  height: 3px;
  background: -webkit-linear-gradient(left, #fad961, #ec626b);
  background: -o-linear-gradient(left, #fad961, #ec626b);
  background: -ms-linear-gradient(left, #fad961, #ec626b);
  border-radius: 6px;
  opacity: 1; }

.star:after {
  content: '';
  -webkit-transform-origin: 0% 100%;
  -ms-transform-origin: 0% 100%;
      transform-origin: 0% 100%; }

.login-title-background {
  position: relative;
  z-index: 1;
  width: 100%;
  height: 76px;
  background: -webkit-linear-gradient(left, #cb4a61, #f56944);
  background: -o-linear-gradient(left, #cb4a61, #f56944);
  background: -ms-linear-gradient(left, #cb4a61, #f56944);
  border-top-left-radius: 10px;
  border-top-right-radius: 10px; }

.login-title-background2 {
  position: absolute;
  top: 0;
  z-index: 10;
  width: 100%;
  height: 76px;
  background: -webkit-linear-gradient(left, #ca4c61, rgba(241, 102, 71, 0));
  background: -o-linear-gradient(left, #ca4c61, rgba(241, 102, 71, 0));
  background: -ms-linear-gradient(left, #ca4c61, rgba(241, 102, 71, 0));
  opacity: 0.8; }

@-webkit-keyframes star-fall {
  0% {
    left: 100%;
    opacity: 1; }
  50% {
    left: 50%;
    opacity: 1; }
  70% {
    left: 30%;
    opacity: 0.7; }
  100% {
    left: 0%;
    opacity: 0.4; } }

@keyframes star-fall {
  0% {
    left: 100%;
    opacity: 1; }
  50% {
    left: 50%;
    opacity: 1; }
  70% {
    left: 30%;
    opacity: 0.7; }
  100% {
    left: 0%;
    opacity: 0.4; } }

.account-update-container {
  margin-top: 5px;
  text-align: center; }
  .account-update-container .update-title {
    margin-top: 10px;
    font-size: 14px;
    color: #222; }
  .account-update-container .toast-err-msg-wrap {
    height: 32px;
    visibility: visible; }
    .account-update-container .toast-err-msg-wrap .toast-err-msg {
      display: inline-block;
      height: 24px;
      padding: 2px 10px;
      margin-top: 3px;
      font-size: 12px;
      color: #fe6a49;
      text-align: center;
      vertical-align: middle;
      background-color: #fef2f2;
      border: 1px solid #fe6a49;
      border-radius: 4px; }
  .account-update-container .avatar-img {
    width: 80px;
    height: 80px;
    border-radius: 50%; }
  .account-update-container .merge-account-form {
    width: 320px;
    margin-left: 120px; }
    .account-update-container .merge-account-form .account-input {
      margin-bottom: 20px; }
  .account-update-container .account-name {
    height: 32px;
    padding-left: 14px;
    font-size: 14px;
    line-height: 32px;
    color: #222;
    text-align: left;
    cursor: auto; }
  .account-update-container .account-password {
    height: 32px;
    font-size: 14px;
    line-height: 32px;
    color: #222;
    text-align: left;
    cursor: auto; }
  .account-update-container .hint-label {
    padding-left: 120px;
    margin-top: -10px;
    font-size: 12px;
    color: #828992;
    text-align: left; }
  .account-update-container .hint-label.nudge {
    margin-top: 4px;
    margin-bottom: 2px; }
  .account-update-container .avatar-list {
    margin: 4px 0; }
    .account-update-container .avatar-list .upload-avatar-tips {
      font-size: 12px;
      color: #828992; }
    .account-update-container .avatar-list .avatar-item {
      position: relative;
      display: inline-block; }
      .account-update-container .avatar-list .avatar-item .avatar {
        cursor: pointer; }
      .account-update-container .avatar-list .avatar-item .avatar-checked {
        font-size: 12px;
        color: #fe6a49; }
        .account-update-container .avatar-list .avatar-item .avatar-checked::before {
          position: absolute;
          top: 12px;
          left: 13px; }
    .account-update-container .avatar-list .select-avatar-btn,
    .account-update-container .avatar-list .upload-avatar-btn {
      left: 0;
      color: #fe6a49;
      cursor: pointer; }
    .account-update-container .avatar-list .select-avatar-btn::before {
      position: absolute;
      top: -8px;
      left: -46px;
      font-size: 38px; }
    .account-update-container .avatar-list .upload-avatar-btn::before {
      position: absolute;
      top: 6px;
      left: 8px;
      font-size: 20px; }
  .account-update-container .merge-account-button {
    width: 100%; }
  .account-update-container .register-skip {
    margin-top: 6px;
    font-size: 14px;
    text-align: center;
    cursor: pointer; }
  .account-update-container .specialClass {
    z-index: 100; }
  .account-update-container .account-merge-rule {
    margin-top: -16px;
    margin-right: -120px;
    margin-bottom: 8px;
    margin-left: -120px;
    font-size: 12px;
    color: #828992; }

.avatar-modal {
  width: 380px !important; }
  .avatar-modal .modal-content {
    text-align: center; }
  .avatar-modal .no-margin-right {
    margin-right: 0 !important; }
  .avatar-modal .no-margin-top {
    margin-top: 0 !important; }
  .avatar-modal .avatar-item {
    width: 72px !important;
    height: 72px !important;
    cursor: pointer !important;
    border-radius: 0 !important; }
  .avatar-modal .avatar {
    width: 90px !important;
    height: 90px !important;
    border-radius: 50% !important; }
  .avatar-modal .avatar-selected-span {
    position: relative;
    display: inline-block;
    margin-right: 15px;
    margin-bottom: 9px; }
  .avatar-modal .selected-avatar-flag {
    position: absolute;
    z-index: 1;
    width: 72px !important;
    height: 72px !important;
    padding-top: 30px;
    font-size: 18px;
    color: #fe6a49;
    text-align: center;
    vertical-align: c;
    background: #333333;
    opacity: 0.7; }
  .avatar-modal .default-img-title {
    padding-bottom: 5px;
    font-size: 14px;
    color: #828992;
    text-align: left; }
  .avatar-modal .change-avatar-btn {
    margin-top: 3px;
    font-size: 12px;
    line-height: 12px;
    color: #00acdc;
    cursor: pointer; }
  .avatar-modal .default-avatar-list {
    height: 220px !important;
    overflow: hidden;
    text-align: left;
    outline: none; }

.sms-validate-form .validate-container {
  margin-top: 34px; }

.sms-validate-form .sms-code-validate {
  text-align: center; }

.sms-validate-form .retry-send {
  margin: 16px 0;
  font-size: 12px;
  color: #222;
  text-align: center; }

.sms-validate-form .resend-sms {
  color: #00acdc;
  cursor: pointer; }

.sms-validate-form .sms-back {
  font-size: 14px;
  color: #828992;
  cursor: pointer; }
  .sms-validate-form .sms-back:hover {
    color: #fe6a49; }

.sms-validate-form .sms-back-div {
  position: absolute;
  margin-top: -34px;
  margin-left: 22px;
  font-size: 13px; }

.sms-validate-form .sms-validate-text {
  margin-top: 10px;
  font-size: 14px;
  color: #5d6470;
  text-align: center; }

.sms-validate-form #sms-resend-slide-verify {
  margin-top: 12px; }

.sms-validate-form .sms-code-empty-text {
  margin-left: 40px;
  font-size: 13px;
  color: #fe6a49; }

.register-form .slider-verify-item {
  margin-bottom: 10px; }

.register-form .ant-input-group-addon {
  border-color: #d9d9d9 !important; }

.register-form .register-phone {
  border-color: #d9d9d9 !important; }

.register-form .register-back {
  margin-top: 0 !important; }

.register-form .login-form-button {
  width: 320px; }

.register-form .register-password-form {
  width: 320px;
  margin: 0 auto;
  font-size: 13px; }

.register-form .register-agreement-div {
  margin-top: 20px;
  text-align: center; }

.register-form .agreement-text {
  font-size: 12px;
  color: #5d6470; }

.register-form .agreement-a {
  color: #00acdc; }

.register-form .select_avatar {
  padding: 0 !important;
  margin: 0 !important; }

.reset-password-form .slider-verify-item {
  margin-bottom: 10px; }

.reset-password-form .bind_tips {
  margin-top: 0;
  margin-bottom: 13px;
  color: #5d6470;
  text-align: center; }

.reset-password-form .reset-password-type {
  position: absolute;
  bottom: 60px;
  width: 560px;
  font-size: 13px;
  text-align: center;
  cursor: pointer; }
  .reset-password-form .reset-password-type:hover {
    color: #fe6a49; }

.reset-password-form .reset-password-back {
  margin-top: 0 !important; }

.reset-password-form .reset-password-form {
  width: 320px;
  margin: 0 auto;
  font-size: 13px; }

.reset-password-form .login-form-button {
  width: 320px; }

.reset-password-form .reset-password-update {
  margin-top: 50px; }
  .reset-password-form .reset-password-update .reset-password-rule {
    margin-top: -5px;
    margin-bottom: 18px;
    color: #828992; }

.sms-login-form .slider-verify-item {
  margin-bottom: 10px; }

.sms-login-form .ant-input-group-addon {
  border-color: #d9d9d9; }

.sms-login-form .slider-verify-error {
  height: 18px;
  font-size: 12px;
  line-height: 18px;
  color: #fe6a49; }

.sms-login-form .sms-login-back {
  margin-top: -40px !important; }

.sms-update-password-modal .sms-set-password-text {
  margin-top: 4px;
  margin-bottom: 26px !important;
  font-size: 13px; }

.sms-update-password-modal .password-input {
  width: 320px; }

.sms-update-password-modal p {
  margin-bottom: 20px !important; }

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
.ant-card {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.65);
  font-size: 12px;
  font-variant: tabular-nums;
  line-height: 1.5;
  list-style: none;
  -webkit-font-feature-settings: 'tnum';
          font-feature-settings: 'tnum';
  position: relative;
  background: #fff;
  border-radius: 2px;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.ant-card-hoverable {
  cursor: pointer;
}
.ant-card-hoverable:hover {
  border-color: rgba(0, 0, 0, 0.09);
  -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.09);
          box-shadow: 0 2px 8px rgba(0, 0, 0, 0.09);
}
.ant-card-bordered {
  border: 1px solid #e9e9e9;
}
.ant-card-head {
  min-height: 48px;
  margin-bottom: -1px;
  padding: 0 24px;
  color: rgba(0, 0, 0, 0.85);
  font-weight: 500;
  font-size: 14px;
  background: transparent;
  border-bottom: 1px solid #e9e9e9;
  border-radius: 2px 2px 0 0;
  zoom: 1;
}
.ant-card-head::before,
.ant-card-head::after {
  display: table;
  content: '';
}
.ant-card-head::after {
  clear: both;
}
.ant-card-head-wrapper {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
}
.ant-card-head-title {
  display: inline-block;
  -ms-flex: 1 1;
      flex: 1 1;
  padding: 16px 0;
  overflow: hidden;
  white-space: nowrap;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
}
.ant-card-head .ant-tabs {
  clear: both;
  margin-bottom: -17px;
  color: rgba(0, 0, 0, 0.65);
  font-weight: normal;
  font-size: 12px;
}
.ant-card-head .ant-tabs-bar {
  border-bottom: 1px solid #e9e9e9;
}
.ant-card-extra {
  float: right;
  margin-left: auto;
  padding: 16px 0;
  color: rgba(0, 0, 0, 0.65);
  font-weight: normal;
  font-size: 12px;
}
.ant-card-body {
  padding: 24px;
  zoom: 1;
}
.ant-card-body::before,
.ant-card-body::after {
  display: table;
  content: '';
}
.ant-card-body::after {
  clear: both;
}
.ant-card-contain-grid:not(.ant-card-loading) .ant-card-body {
  margin: -1px 0 0 -1px;
  padding: 0;
}
.ant-card-grid {
  float: left;
  width: 33.33%;
  padding: 24px;
  border: 0;
  border-radius: 0;
  -webkit-box-shadow: 1px 0 0 0 #e9e9e9, 0 1px 0 0 #e9e9e9, 1px 1px 0 0 #e9e9e9, 1px 0 0 0 #e9e9e9 inset, 0 1px 0 0 #e9e9e9 inset;
          box-shadow: 1px 0 0 0 #e9e9e9, 0 1px 0 0 #e9e9e9, 1px 1px 0 0 #e9e9e9, 1px 0 0 0 #e9e9e9 inset, 0 1px 0 0 #e9e9e9 inset;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.ant-card-grid:hover {
  position: relative;
  z-index: 1;
  -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
          box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
}
.ant-card-contain-tabs > .ant-card-head .ant-card-head-title {
  min-height: 32px;
  padding-bottom: 0;
}
.ant-card-contain-tabs .ant-card-extra {
  padding-bottom: 0;
}
.ant-card-cover > * {
  display: block;
  width: 100%;
}
.ant-card-cover img {
  border-radius: 2px 2px 0 0;
}
.ant-card-actions {
  margin: 0;
  padding: 0;
  list-style: none;
  background: #fafafa;
  border-top: 1px solid #e9e9e9;
  zoom: 1;
}
.ant-card-actions::before,
.ant-card-actions::after {
  display: table;
  content: '';
}
.ant-card-actions::after {
  clear: both;
}
.ant-card-actions > li {
  float: left;
  margin: 12px 0;
  color: rgba(0, 0, 0, 0.45);
  text-align: center;
}
.ant-card-actions > li > span {
  position: relative;
  display: inline-block;
  min-width: 32px;
  font-size: 14px;
  line-height: 22px;
  cursor: pointer;
}
.ant-card-actions > li > span:hover {
  color: #FE6A49;
  -webkit-transition: color 0.3s;
  -o-transition: color 0.3s;
  transition: color 0.3s;
}
.ant-card-actions > li > span > .anticon {
  font-size: 16px;
  line-height: 22px;
}
.ant-card-actions > li > span a {
  display: inline-block;
  width: 100%;
  color: rgba(0, 0, 0, 0.45);
  line-height: 22px;
}
.ant-card-actions > li > span a:hover {
  color: #FE6A49;
}
.ant-card-actions > li:not(:last-child) {
  border-right: 1px solid #e9e9e9;
}
.ant-card-type-inner .ant-card-head {
  padding: 0 24px;
  background: #fafafa;
}
.ant-card-type-inner .ant-card-head-title {
  padding: 12px 0;
  font-size: 12px;
}
.ant-card-type-inner .ant-card-body {
  padding: 16px 24px;
}
.ant-card-type-inner .ant-card-extra {
  padding: 13.5px 0;
}
.ant-card-meta {
  margin: -4px 0;
  zoom: 1;
}
.ant-card-meta::before,
.ant-card-meta::after {
  display: table;
  content: '';
}
.ant-card-meta::after {
  clear: both;
}
.ant-card-meta-avatar {
  float: left;
  padding-right: 16px;
}
.ant-card-meta-detail {
  overflow: hidden;
}
.ant-card-meta-detail > div:not(:last-child) {
  margin-bottom: 8px;
}
.ant-card-meta-title {
  overflow: hidden;
  color: rgba(0, 0, 0, 0.85);
  font-weight: 500;
  font-size: 14px;
  white-space: nowrap;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
}
.ant-card-meta-description {
  color: rgba(0, 0, 0, 0.45);
}
.ant-card-loading {
  overflow: hidden;
}
.ant-card-loading .ant-card-body {
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.ant-card-loading-content p {
  margin: 0;
}
.ant-card-loading-block {
  height: 14px;
  margin: 4px 0;
  background: -webkit-gradient(linear, left top, right top, from(rgba(207, 216, 220, 0.2)), color-stop(rgba(207, 216, 220, 0.4)), to(rgba(207, 216, 220, 0.2)));
  background: -webkit-linear-gradient(left, rgba(207, 216, 220, 0.2), rgba(207, 216, 220, 0.4), rgba(207, 216, 220, 0.2));
  background: -o-linear-gradient(left, rgba(207, 216, 220, 0.2), rgba(207, 216, 220, 0.4), rgba(207, 216, 220, 0.2));
  background: linear-gradient(90deg, rgba(207, 216, 220, 0.2), rgba(207, 216, 220, 0.4), rgba(207, 216, 220, 0.2));
  background-size: 600% 600%;
  border-radius: 2px;
  -webkit-animation: card-loading 1.4s ease infinite;
          animation: card-loading 1.4s ease infinite;
}
@-webkit-keyframes card-loading {
  0%,
  100% {
    background-position: 0 50%;
  }
  50% {
    background-position: 100% 50%;
  }
}
@keyframes card-loading {
  0%,
  100% {
    background-position: 0 50%;
  }
  50% {
    background-position: 100% 50%;
  }
}
.ant-card-small > .ant-card-head {
  min-height: 36px;
  padding: 0 12px;
  font-size: 12px;
}
.ant-card-small > .ant-card-head > .ant-card-head-wrapper > .ant-card-head-title {
  padding: 8px 0;
}
.ant-card-small > .ant-card-head > .ant-card-head-wrapper > .ant-card-extra {
  padding: 8px 0;
  font-size: 12px;
}
.ant-card-small > .ant-card-body {
  padding: 12px;
}

.projection-test-modal .test-card {
  display: inline-block;
  width: 230px;
  margin: 5px; }
  .projection-test-modal .test-card .test-tips {
    margin: 5px 0;
    color: #828992; }
  .projection-test-modal .test-card .ant-btn {
    margin: 5px; }

.projection-info-modal {
  width: 300px !important; }
  .projection-info-modal .project-info-container {
    color: #828992; }

.projection-btn {
  width: 256px;
  height: 46px;
  padding-right: 20px;
  padding-left: 20px;
  font-size: 14px;
  font-weight: 400;
  color: #fff;
  border-radius: 30px; }
  .projection-btn.primary {
    color: #fff;
    background: -webkit-gradient(linear, left top, right top, from(#5682df), color-stop(#5e48e0), to(#622be0));
    background: -webkit-linear-gradient(left, #5682df, #5e48e0, #622be0);
    background: -o-linear-gradient(left, #5682df, #5e48e0, #622be0);
    background: linear-gradient(to right, #5682df, #5e48e0, #622be0);
    border-color: #5682df; }
    .projection-btn.primary:hover {
      color: #fff;
      background: -webkit-gradient(linear, left top, right top, from(#622be0), color-stop(#622be0), to(#622be0));
      background: -webkit-linear-gradient(left, #622be0, #622be0, #622be0);
      background: -o-linear-gradient(left, #622be0, #622be0, #622be0);
      background: linear-gradient(to right, #622be0, #622be0, #622be0); }

.proj-activate-panel {
  position: relative;
  padding-top: 38px;
  font-size: 16px;
  font-weight: 400;
  color: #222;
  text-align: center; }
  .proj-activate-panel .activate-success-content {
    padding-top: 160px; }
    .proj-activate-panel .activate-success-content .icon {
      width: 96px; }
    .proj-activate-panel .activate-success-content .text {
      margin-top: 20px;
      font-size: 16px;
      color: #302c48; }
  .proj-activate-panel .activate-title {
    margin-bottom: 4px;
    font-size: 21px;
    font-weight: bolder;
    color: #333; }
  .proj-activate-panel .activate-alert-text {
    font-size: 16px;
    color: #151515; }
    .proj-activate-panel .activate-alert-text .phone {
      color: #4e92df; }
  .proj-activate-panel .qrcode {
    width: 100px;
    height: 100px;
    margin-top: 8px;
    margin-bottom: 40px; }
  .proj-activate-panel .code-input {
    width: 336px;
    height: 60px !important;
    margin-top: 20px;
    margin-bottom: 54px;
    font-size: 18px !important;
    color: #333; }
  .proj-activate-panel .expired-alert {
    margin-top: 160px; }
    .proj-activate-panel .expired-alert .code-input {
      margin-bottom: 104px; }

.projection-info-modal {
  width: 350px !important; }
  .projection-info-modal .project-info-container {
    font-size: 13px;
    color: #828992; }

.proj-discovered-panel {
  position: relative;
  padding-top: 94px;
  font-size: 16px;
  font-weight: 400;
  color: #222;
  text-align: center; }
  .proj-discovered-panel.small-size {
    padding-top: 52px; }
  .proj-discovered-panel .refresh-wrap {
    height: 200px; }
    .proj-discovered-panel .refresh-wrap.big-size {
      height: 300px; }
    .proj-discovered-panel .refresh-wrap .center-loading {
      -webkit-transform: scale(1) !important;
          -ms-transform: scale(1) !important;
              transform: scale(1) !important; }
  .proj-discovered-panel .empty-server {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center;
    -ms-flex-pack: center;
        justify-content: center;
    height: 238px; }
  .proj-discovered-panel .discover-alert {
    margin-top: 22px;
    font-size: 16px;
    color: #919191; }
    .proj-discovered-panel .discover-alert .discover-refresh-btn {
      color: #4e92df;
      cursor: pointer; }
  .proj-discovered-panel .stop-mirror-warp {
    height: 370px; }
    .proj-discovered-panel .stop-mirror-warp .screening-icon {
      width: 300px;
      margin-top: 70px; }
    .proj-discovered-panel .stop-mirror-warp .screening-server-name {
      padding-top: 28px;
      font-size: 21px;
      color: #222; }
    .proj-discovered-panel .stop-mirror-warp.small {
      height: 270px; }
      .proj-discovered-panel .stop-mirror-warp.small .screening-icon {
        margin-top: 20px; }
  .proj-discovered-panel .project-btn .is-loading {
    margin-right: 10px;
    font-size: 10px;
    -webkit-transform: scale(0.3);
        -ms-transform: scale(0.3);
            transform: scale(0.3); }

.server-list {
  position: relative; }
  .server-list .ant-tabs {
    width: 360px;
    margin: auto; }
    .server-list .ant-tabs .ant-tabs-bar {
      display: none !important; }
    .server-list .ant-tabs .ant-tabs-tabpane {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-align: center;
          align-items: center;
      height: 300px; }
  .server-list.small .ant-tabs-tabpane {
    height: 200px; }
  .server-list .server-pane {
    width: 360px;
    padding: 0 5px; }
  .server-list .tab-btn {
    position: absolute;
    top: 145px;
    width: 22px;
    cursor: pointer; }
    .server-list .tab-btn.prev {
      left: 132px;
      -webkit-transform: rotate(180deg);
          -ms-transform: rotate(180deg);
              transform: rotate(180deg); }
    .server-list .tab-btn.next {
      right: 132px; }
  .server-list .server-item {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
        flex-direction: row;
    -ms-flex-align: center;
        align-items: center;
    width: 350px;
    height: 78px;
    padding: 0 20px;
    margin-top: 22px;
    cursor: pointer;
    background: #fff;
    border: 0 solid #d4d7dc;
    border-radius: 6px;
    -webkit-box-shadow: 0 2px 10px 0 rgba(232, 229, 229, 0.5);
            box-shadow: 0 2px 10px 0 rgba(232, 229, 229, 0.5); }
    .server-list .server-item.selected {
      border: 1px solid rgba(75, 83, 255, 0.4); }
    .server-list .server-item .name {
      width: 306px;
      font-size: 21px;
      color: #222;
      text-align: left; }
    .server-list .server-item .delay {
      font-size: 14px;
      color: #f5a623; }
    .server-list .server-item .bad-net-alert {
      position: absolute;
      bottom: 4px;
      left: 20px;
      font-size: 14px;
      color: #f5a623; }
    .server-list .server-item .icon {
      width: 24px;
      height: 24px;
      background: #d4d7dc;
      border-radius: 50%; }

.setting-wifi-back {
  display: inline-block;
  padding-top: 40px;
  padding-left: 30px;
  font-size: 13px;
  cursor: pointer; }
  .setting-wifi-back:hover {
    color: #fe6a49; }

.guide-container .step-title {
  font-size: 14px;
  color: #222; }

.guide-container .title-introduce {
  margin-top: 34px;
  font-size: 13px;
  color: #828992; }

.guide-container .projection-introduce {
  position: absolute;
  width: 100%;
  margin-top: -195px !important;
  font-size: 13px;
  color: #828992; }

.guide-container .content {
  text-align: center; }

.guide-container .guide-img {
  width: 550px;
  margin-top: 25px; }

.guide-container .projection-name {
  position: absolute;
  margin-top: -68px;
  margin-left: 260px;
  color: #fff; }

.modal-name {
  width: 380px !important; }
  .modal-name .project-name-container {
    height: 104px;
    text-align: center !important; }
  .modal-name .projection-name {
    width: 320px;
    height: 32px;
    margin-top: 20px;
    margin-bottom: 28px; }
  .modal-name .projection-message {
    height: 14px;
    padding-left: 14px;
    line-height: 14px;
    text-align: left; }
    .modal-name .projection-message .projection-icon {
      position: relative;
      top: 2px;
      display: inline-block;
      width: 14px;
      height: 14px;
      margin-right: 6px;
      background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAcCAYAAAByDd+UAAAAAXNSR0IArs4c6QAAAhNJREFUSA29VrFOHDEQnfHu5gdyJyKoqKAlEgiKKGmgTMIdVfIR/EDKfAD5iFCFI0mZKhEFSEikDRUVB+jgB7J7O5ln8GpZgtd3Wq0ln732m/fsOdszTAFFvnWXsjG/JclfCPMcC83CTJiGLHJObA7iSL7ym9HvOjr2AbK97lbO8pGEFny4Yo7p1Ah/iPujL8VYpfNfQfk+M59l+a6IrFbwQZ/MfBTH5h2/vjqrGjwQTAedl0S8p2JPq+BJvlX0Rp3eT3rXv8p29wTT/WevKM9+CFFSBk3bV/KUmNbLooXgnRuPQ3amq/+ERSh2u24x2Km6d9m51ziDu/8syI0xRzuoztbXYgPgdhgriNOoE1MdEEfka8ENDWCsoD36PosG5pwG41KnmZxMwpmYeB74NM8eHHsfTxLzc2NfEB+qwTloGTxXDXL6qVRLXyKe86Oam4WWcQ9xc7SPM0GruIePwxqc0dCiLqVhg5ReKiG+UJdqPGupQMsgeLakp0HIHBhE6kkFU8Md1EntbFYAo7+Dzp/gqK7421hno0XQY28XptnAk971oj2lSAvsYOAPIgBqINzCnEYRD9NB9zA0Ypgoeg+WfDz+HCKqHjlKeqM1YIt7aHMQmxbUU0ier6DWI2/dD26HLXaIgTZSjGKHEEw2L3+SiTfcocDYtMVyKFc5nwHXvR068lbTRCeKtrVEuCyKfpOp/j+GB/MAzXTI9wAAAABJRU5ErkJggg==);
      background-repeat: no-repeat;
      background-size: 100%; }
    .modal-name .projection-message .projection-message-content {
      font-size: 13px;
      line-height: 12px;
      color: #5d6470; }

.projection-panel .setting-wifi-content {
  text-align: center; }

.projection-panel .login-back-btn {
  cursor: pointer; }

.projection-panel .step-title {
  font-size: 14px;
  color: #222; }

.projection-panel .step-introduce {
  margin-top: 30px;
  font-size: 13px;
  color: #acabb6; }

.projection-panel .country-code-select {
  width: 320px !important; }

.projection-panel .select-wifi-form,
.projection-panel .wifi-login-form {
  display: inline-block;
  margin-top: 36px;
  text-align: center; }

.projection-panel .select-wifi-form .ant-input-disabled {
  background-color: #fff !important; }

.projection-panel .select-wifi-form .ant-input-suffix {
  right: 15px; }

.projection-panel .select-wifi-form .loading-component {
  padding-top: 5px; }

.projection-panel .login-wifi-button,
.projection-panel .wifi-login-button {
  width: 320px;
  margin-top: 24px; }

.projection-panel .ant-form-explain {
  text-align: left; }

.projection-panel .wifi-select .ant-select-selection,
.projection-panel .wifi-select .ant-select-selection__rendered {
  height: 32px;
  line-height: 32px; }

.ant-select-dropdown .forget-wifi-icon {
  position: absolute;
  top: 0;
  right: 8px;
  bottom: 0;
  z-index: 1000;
  height: 12px;
  margin: auto;
  font-size: 12px;
  line-height: 12px;
  color: #828992; }

.ant-select-dropdown .current-wifi,
.ant-select-dropdown .history-wifi {
  position: relative;
  top: -4px;
  font-weight: normal; }

.ant-select-dropdown .current-wifi {
  color: #fe6a49; }

.ant-select-dropdown .history-wifi {
  color: #828992; }

.forget-wifi-popover {
  z-index: 9999; }

.wifi-select-drop .ant-select-dropdown-menu-item-selected,
.wifi-select-drop .ant-select-dropdown-menu-item-selected:hover {
  font-weight: normal; }

.wifi-select-drop .ant-select-dropdown-menu-item {
  padding: 5px 8px !important; }

@charset "UTF-8";
/* 菊花 start */
@-webkit-keyframes loading-wifi {
  0%,
  100% {
    -webkit-box-shadow: 0 -2.6em 0 0 #aaafb5, 1.8em -1.8em 0 0 rgba(177, 177, 177, 0.2), 2.5em 0 0 0 rgba(177, 177, 177, 0.2), 1.75em 1.75em 0 0 rgba(177, 177, 177, 0.2), 0 2.5em 0 0 rgba(177, 177, 177, 0.2), -1.8em 1.8em 0 0 rgba(177, 177, 177, 0.2), -2.6em 0 0 0 rgba(177, 177, 177, 0.5), -1.8em -1.8em 0 0 rgba(177, 177, 177, 0.7);
            box-shadow: 0 -2.6em 0 0 #aaafb5, 1.8em -1.8em 0 0 rgba(177, 177, 177, 0.2), 2.5em 0 0 0 rgba(177, 177, 177, 0.2), 1.75em 1.75em 0 0 rgba(177, 177, 177, 0.2), 0 2.5em 0 0 rgba(177, 177, 177, 0.2), -1.8em 1.8em 0 0 rgba(177, 177, 177, 0.2), -2.6em 0 0 0 rgba(177, 177, 177, 0.5), -1.8em -1.8em 0 0 rgba(177, 177, 177, 0.7); }
  12.5% {
    -webkit-box-shadow: 0 -2.6em 0 0 rgba(177, 177, 177, 0.7), 1.8em -1.8em 0 0 #aaafb5, 2.5em 0 0 0 rgba(177, 177, 177, 0.2), 1.75em 1.75em 0 0 rgba(177, 177, 177, 0.2), 0 2.5em 0 0 rgba(177, 177, 177, 0.2), -1.8em 1.8em 0 0 rgba(177, 177, 177, 0.2), -2.6em 0 0 0 rgba(177, 177, 177, 0.2), -1.8em -1.8em 0 0 rgba(177, 177, 177, 0.5);
            box-shadow: 0 -2.6em 0 0 rgba(177, 177, 177, 0.7), 1.8em -1.8em 0 0 #aaafb5, 2.5em 0 0 0 rgba(177, 177, 177, 0.2), 1.75em 1.75em 0 0 rgba(177, 177, 177, 0.2), 0 2.5em 0 0 rgba(177, 177, 177, 0.2), -1.8em 1.8em 0 0 rgba(177, 177, 177, 0.2), -2.6em 0 0 0 rgba(177, 177, 177, 0.2), -1.8em -1.8em 0 0 rgba(177, 177, 177, 0.5); }
  25% {
    -webkit-box-shadow: 0 -2.6em 0 0 rgba(177, 177, 177, 0.5), 1.8em -1.8em 0 0 rgba(177, 177, 177, 0.7), 2.5em 0 0 0 #aaafb5, 1.75em 1.75em 0 0 rgba(177, 177, 177, 0.2), 0 2.5em 0 0 rgba(177, 177, 177, 0.2), -1.8em 1.8em 0 0 rgba(177, 177, 177, 0.2), -2.6em 0 0 0 rgba(177, 177, 177, 0.2), -1.8em -1.8em 0 0 rgba(177, 177, 177, 0.2);
            box-shadow: 0 -2.6em 0 0 rgba(177, 177, 177, 0.5), 1.8em -1.8em 0 0 rgba(177, 177, 177, 0.7), 2.5em 0 0 0 #aaafb5, 1.75em 1.75em 0 0 rgba(177, 177, 177, 0.2), 0 2.5em 0 0 rgba(177, 177, 177, 0.2), -1.8em 1.8em 0 0 rgba(177, 177, 177, 0.2), -2.6em 0 0 0 rgba(177, 177, 177, 0.2), -1.8em -1.8em 0 0 rgba(177, 177, 177, 0.2); }
  37.5% {
    -webkit-box-shadow: 0 -2.6em 0 0 rgba(177, 177, 177, 0.2), 1.8em -1.8em 0 0 rgba(177, 177, 177, 0.5), 2.5em 0 0 0 rgba(177, 177, 177, 0.7), 1.75em 1.75em 0 0 #aaafb5, 0 2.5em 0 0 rgba(177, 177, 177, 0.2), -1.8em 1.8em 0 0 rgba(177, 177, 177, 0.2), -2.6em 0 0 0 rgba(177, 177, 177, 0.2), -1.8em -1.8em 0 0 rgba(177, 177, 177, 0.2);
            box-shadow: 0 -2.6em 0 0 rgba(177, 177, 177, 0.2), 1.8em -1.8em 0 0 rgba(177, 177, 177, 0.5), 2.5em 0 0 0 rgba(177, 177, 177, 0.7), 1.75em 1.75em 0 0 #aaafb5, 0 2.5em 0 0 rgba(177, 177, 177, 0.2), -1.8em 1.8em 0 0 rgba(177, 177, 177, 0.2), -2.6em 0 0 0 rgba(177, 177, 177, 0.2), -1.8em -1.8em 0 0 rgba(177, 177, 177, 0.2); }
  50% {
    -webkit-box-shadow: 0 -2.6em 0 0 rgba(177, 177, 177, 0.2), 1.8em -1.8em 0 0 rgba(177, 177, 177, 0.2), 2.5em 0 0 0 rgba(177, 177, 177, 0.5), 1.75em 1.75em 0 0 rgba(177, 177, 177, 0.7), 0 2.5em 0 0 #aaafb5, -1.8em 1.8em 0 0 rgba(177, 177, 177, 0.2), -2.6em 0 0 0 rgba(177, 177, 177, 0.2), -1.8em -1.8em 0 0 rgba(177, 177, 177, 0.2);
            box-shadow: 0 -2.6em 0 0 rgba(177, 177, 177, 0.2), 1.8em -1.8em 0 0 rgba(177, 177, 177, 0.2), 2.5em 0 0 0 rgba(177, 177, 177, 0.5), 1.75em 1.75em 0 0 rgba(177, 177, 177, 0.7), 0 2.5em 0 0 #aaafb5, -1.8em 1.8em 0 0 rgba(177, 177, 177, 0.2), -2.6em 0 0 0 rgba(177, 177, 177, 0.2), -1.8em -1.8em 0 0 rgba(177, 177, 177, 0.2); }
  62.5% {
    -webkit-box-shadow: 0 -2.6em 0 0 rgba(177, 177, 177, 0.2), 1.8em -1.8em 0 0 rgba(177, 177, 177, 0.2), 2.5em 0 0 0 rgba(177, 177, 177, 0.2), 1.75em 1.75em 0 0 rgba(177, 177, 177, 0.5), 0 2.5em 0 0 rgba(177, 177, 177, 0.7), -1.8em 1.8em 0 0 #aaafb5, -2.6em 0 0 0 rgba(177, 177, 177, 0.2), -1.8em -1.8em 0 0 rgba(177, 177, 177, 0.2);
            box-shadow: 0 -2.6em 0 0 rgba(177, 177, 177, 0.2), 1.8em -1.8em 0 0 rgba(177, 177, 177, 0.2), 2.5em 0 0 0 rgba(177, 177, 177, 0.2), 1.75em 1.75em 0 0 rgba(177, 177, 177, 0.5), 0 2.5em 0 0 rgba(177, 177, 177, 0.7), -1.8em 1.8em 0 0 #aaafb5, -2.6em 0 0 0 rgba(177, 177, 177, 0.2), -1.8em -1.8em 0 0 rgba(177, 177, 177, 0.2); }
  75% {
    -webkit-box-shadow: 0 -2.6em 0 0 rgba(177, 177, 177, 0.2), 1.8em -1.8em 0 0 rgba(177, 177, 177, 0.2), 2.5em 0 0 0 rgba(177, 177, 177, 0.2), 1.75em 1.75em 0 0 rgba(177, 177, 177, 0.2), 0 2.5em 0 0 rgba(177, 177, 177, 0.5), -1.8em 1.8em 0 0 rgba(177, 177, 177, 0.7), -2.6em 0 0 0 #aaafb5, -1.8em -1.8em 0 0 rgba(177, 177, 177, 0.2);
            box-shadow: 0 -2.6em 0 0 rgba(177, 177, 177, 0.2), 1.8em -1.8em 0 0 rgba(177, 177, 177, 0.2), 2.5em 0 0 0 rgba(177, 177, 177, 0.2), 1.75em 1.75em 0 0 rgba(177, 177, 177, 0.2), 0 2.5em 0 0 rgba(177, 177, 177, 0.5), -1.8em 1.8em 0 0 rgba(177, 177, 177, 0.7), -2.6em 0 0 0 #aaafb5, -1.8em -1.8em 0 0 rgba(177, 177, 177, 0.2); }
  87.5% {
    -webkit-box-shadow: 0 -2.6em 0 0 rgba(177, 177, 177, 0.2), 1.8em -1.8em 0 0 rgba(177, 177, 177, 0.2), 2.5em 0 0 0 rgba(177, 177, 177, 0.2), 1.75em 1.75em 0 0 rgba(177, 177, 177, 0.2), 0 2.5em 0 0 rgba(177, 177, 177, 0.2), -1.8em 1.8em 0 0 rgba(177, 177, 177, 0.5), -2.6em 0 0 0 rgba(177, 177, 177, 0.7), -1.8em -1.8em 0 0 #aaafb5;
            box-shadow: 0 -2.6em 0 0 rgba(177, 177, 177, 0.2), 1.8em -1.8em 0 0 rgba(177, 177, 177, 0.2), 2.5em 0 0 0 rgba(177, 177, 177, 0.2), 1.75em 1.75em 0 0 rgba(177, 177, 177, 0.2), 0 2.5em 0 0 rgba(177, 177, 177, 0.2), -1.8em 1.8em 0 0 rgba(177, 177, 177, 0.5), -2.6em 0 0 0 rgba(177, 177, 177, 0.7), -1.8em -1.8em 0 0 #aaafb5; } }

@keyframes loading-wifi {
  0%,
  100% {
    -webkit-box-shadow: 0 -2.6em 0 0 #aaafb5, 1.8em -1.8em 0 0 rgba(177, 177, 177, 0.2), 2.5em 0 0 0 rgba(177, 177, 177, 0.2), 1.75em 1.75em 0 0 rgba(177, 177, 177, 0.2), 0 2.5em 0 0 rgba(177, 177, 177, 0.2), -1.8em 1.8em 0 0 rgba(177, 177, 177, 0.2), -2.6em 0 0 0 rgba(177, 177, 177, 0.5), -1.8em -1.8em 0 0 rgba(177, 177, 177, 0.7);
            box-shadow: 0 -2.6em 0 0 #aaafb5, 1.8em -1.8em 0 0 rgba(177, 177, 177, 0.2), 2.5em 0 0 0 rgba(177, 177, 177, 0.2), 1.75em 1.75em 0 0 rgba(177, 177, 177, 0.2), 0 2.5em 0 0 rgba(177, 177, 177, 0.2), -1.8em 1.8em 0 0 rgba(177, 177, 177, 0.2), -2.6em 0 0 0 rgba(177, 177, 177, 0.5), -1.8em -1.8em 0 0 rgba(177, 177, 177, 0.7); }
  12.5% {
    -webkit-box-shadow: 0 -2.6em 0 0 rgba(177, 177, 177, 0.7), 1.8em -1.8em 0 0 #aaafb5, 2.5em 0 0 0 rgba(177, 177, 177, 0.2), 1.75em 1.75em 0 0 rgba(177, 177, 177, 0.2), 0 2.5em 0 0 rgba(177, 177, 177, 0.2), -1.8em 1.8em 0 0 rgba(177, 177, 177, 0.2), -2.6em 0 0 0 rgba(177, 177, 177, 0.2), -1.8em -1.8em 0 0 rgba(177, 177, 177, 0.5);
            box-shadow: 0 -2.6em 0 0 rgba(177, 177, 177, 0.7), 1.8em -1.8em 0 0 #aaafb5, 2.5em 0 0 0 rgba(177, 177, 177, 0.2), 1.75em 1.75em 0 0 rgba(177, 177, 177, 0.2), 0 2.5em 0 0 rgba(177, 177, 177, 0.2), -1.8em 1.8em 0 0 rgba(177, 177, 177, 0.2), -2.6em 0 0 0 rgba(177, 177, 177, 0.2), -1.8em -1.8em 0 0 rgba(177, 177, 177, 0.5); }
  25% {
    -webkit-box-shadow: 0 -2.6em 0 0 rgba(177, 177, 177, 0.5), 1.8em -1.8em 0 0 rgba(177, 177, 177, 0.7), 2.5em 0 0 0 #aaafb5, 1.75em 1.75em 0 0 rgba(177, 177, 177, 0.2), 0 2.5em 0 0 rgba(177, 177, 177, 0.2), -1.8em 1.8em 0 0 rgba(177, 177, 177, 0.2), -2.6em 0 0 0 rgba(177, 177, 177, 0.2), -1.8em -1.8em 0 0 rgba(177, 177, 177, 0.2);
            box-shadow: 0 -2.6em 0 0 rgba(177, 177, 177, 0.5), 1.8em -1.8em 0 0 rgba(177, 177, 177, 0.7), 2.5em 0 0 0 #aaafb5, 1.75em 1.75em 0 0 rgba(177, 177, 177, 0.2), 0 2.5em 0 0 rgba(177, 177, 177, 0.2), -1.8em 1.8em 0 0 rgba(177, 177, 177, 0.2), -2.6em 0 0 0 rgba(177, 177, 177, 0.2), -1.8em -1.8em 0 0 rgba(177, 177, 177, 0.2); }
  37.5% {
    -webkit-box-shadow: 0 -2.6em 0 0 rgba(177, 177, 177, 0.2), 1.8em -1.8em 0 0 rgba(177, 177, 177, 0.5), 2.5em 0 0 0 rgba(177, 177, 177, 0.7), 1.75em 1.75em 0 0 #aaafb5, 0 2.5em 0 0 rgba(177, 177, 177, 0.2), -1.8em 1.8em 0 0 rgba(177, 177, 177, 0.2), -2.6em 0 0 0 rgba(177, 177, 177, 0.2), -1.8em -1.8em 0 0 rgba(177, 177, 177, 0.2);
            box-shadow: 0 -2.6em 0 0 rgba(177, 177, 177, 0.2), 1.8em -1.8em 0 0 rgba(177, 177, 177, 0.5), 2.5em 0 0 0 rgba(177, 177, 177, 0.7), 1.75em 1.75em 0 0 #aaafb5, 0 2.5em 0 0 rgba(177, 177, 177, 0.2), -1.8em 1.8em 0 0 rgba(177, 177, 177, 0.2), -2.6em 0 0 0 rgba(177, 177, 177, 0.2), -1.8em -1.8em 0 0 rgba(177, 177, 177, 0.2); }
  50% {
    -webkit-box-shadow: 0 -2.6em 0 0 rgba(177, 177, 177, 0.2), 1.8em -1.8em 0 0 rgba(177, 177, 177, 0.2), 2.5em 0 0 0 rgba(177, 177, 177, 0.5), 1.75em 1.75em 0 0 rgba(177, 177, 177, 0.7), 0 2.5em 0 0 #aaafb5, -1.8em 1.8em 0 0 rgba(177, 177, 177, 0.2), -2.6em 0 0 0 rgba(177, 177, 177, 0.2), -1.8em -1.8em 0 0 rgba(177, 177, 177, 0.2);
            box-shadow: 0 -2.6em 0 0 rgba(177, 177, 177, 0.2), 1.8em -1.8em 0 0 rgba(177, 177, 177, 0.2), 2.5em 0 0 0 rgba(177, 177, 177, 0.5), 1.75em 1.75em 0 0 rgba(177, 177, 177, 0.7), 0 2.5em 0 0 #aaafb5, -1.8em 1.8em 0 0 rgba(177, 177, 177, 0.2), -2.6em 0 0 0 rgba(177, 177, 177, 0.2), -1.8em -1.8em 0 0 rgba(177, 177, 177, 0.2); }
  62.5% {
    -webkit-box-shadow: 0 -2.6em 0 0 rgba(177, 177, 177, 0.2), 1.8em -1.8em 0 0 rgba(177, 177, 177, 0.2), 2.5em 0 0 0 rgba(177, 177, 177, 0.2), 1.75em 1.75em 0 0 rgba(177, 177, 177, 0.5), 0 2.5em 0 0 rgba(177, 177, 177, 0.7), -1.8em 1.8em 0 0 #aaafb5, -2.6em 0 0 0 rgba(177, 177, 177, 0.2), -1.8em -1.8em 0 0 rgba(177, 177, 177, 0.2);
            box-shadow: 0 -2.6em 0 0 rgba(177, 177, 177, 0.2), 1.8em -1.8em 0 0 rgba(177, 177, 177, 0.2), 2.5em 0 0 0 rgba(177, 177, 177, 0.2), 1.75em 1.75em 0 0 rgba(177, 177, 177, 0.5), 0 2.5em 0 0 rgba(177, 177, 177, 0.7), -1.8em 1.8em 0 0 #aaafb5, -2.6em 0 0 0 rgba(177, 177, 177, 0.2), -1.8em -1.8em 0 0 rgba(177, 177, 177, 0.2); }
  75% {
    -webkit-box-shadow: 0 -2.6em 0 0 rgba(177, 177, 177, 0.2), 1.8em -1.8em 0 0 rgba(177, 177, 177, 0.2), 2.5em 0 0 0 rgba(177, 177, 177, 0.2), 1.75em 1.75em 0 0 rgba(177, 177, 177, 0.2), 0 2.5em 0 0 rgba(177, 177, 177, 0.5), -1.8em 1.8em 0 0 rgba(177, 177, 177, 0.7), -2.6em 0 0 0 #aaafb5, -1.8em -1.8em 0 0 rgba(177, 177, 177, 0.2);
            box-shadow: 0 -2.6em 0 0 rgba(177, 177, 177, 0.2), 1.8em -1.8em 0 0 rgba(177, 177, 177, 0.2), 2.5em 0 0 0 rgba(177, 177, 177, 0.2), 1.75em 1.75em 0 0 rgba(177, 177, 177, 0.2), 0 2.5em 0 0 rgba(177, 177, 177, 0.5), -1.8em 1.8em 0 0 rgba(177, 177, 177, 0.7), -2.6em 0 0 0 #aaafb5, -1.8em -1.8em 0 0 rgba(177, 177, 177, 0.2); }
  87.5% {
    -webkit-box-shadow: 0 -2.6em 0 0 rgba(177, 177, 177, 0.2), 1.8em -1.8em 0 0 rgba(177, 177, 177, 0.2), 2.5em 0 0 0 rgba(177, 177, 177, 0.2), 1.75em 1.75em 0 0 rgba(177, 177, 177, 0.2), 0 2.5em 0 0 rgba(177, 177, 177, 0.2), -1.8em 1.8em 0 0 rgba(177, 177, 177, 0.5), -2.6em 0 0 0 rgba(177, 177, 177, 0.7), -1.8em -1.8em 0 0 #aaafb5;
            box-shadow: 0 -2.6em 0 0 rgba(177, 177, 177, 0.2), 1.8em -1.8em 0 0 rgba(177, 177, 177, 0.2), 2.5em 0 0 0 rgba(177, 177, 177, 0.2), 1.75em 1.75em 0 0 rgba(177, 177, 177, 0.2), 0 2.5em 0 0 rgba(177, 177, 177, 0.2), -1.8em 1.8em 0 0 rgba(177, 177, 177, 0.5), -2.6em 0 0 0 rgba(177, 177, 177, 0.7), -1.8em -1.8em 0 0 #aaafb5; } }

.select-wifi-form .loading {
  position: relative;
  display: inline-block;
  width: 1em;
  height: 1em;
  text-indent: -9999em;
  border-radius: 50%;
  -webkit-transform: translateZ(0) scale(0.5);
  -ms-transform: translateZ(0) scale(0.5);
  transform: translateZ(0) scale(0.5);
  -webkit-animation: loading-wifi 1.1s infinite ease;
  animation: loading-wifi 1.1s infinite ease; }

.select-wifi-form .center-loading {
  -webkit-transform: scale(0.35) !important;
      -ms-transform: scale(0.35) !important;
          transform: scale(0.35) !important; }

.update-pro-ap-channel-modal {
  width: 380px !important;
  color: #616161; }
  .update-pro-ap-channel-modal .modal-content {
    padding: 0 20px 0 20px;
    text-align: center; }
    .update-pro-ap-channel-modal .modal-content label {
      display: inline-block;
      padding-right: 20px;
      text-align: right; }
  .update-pro-ap-channel-modal .channel-select {
    width: 150px; }
  .update-pro-ap-channel-modal .tips {
    padding: 0 4px;
    margin-top: 8px;
    font-size: 12px;
    color: rgba(34, 34, 34, 0.5);
    text-align: left; }

.update-pro-ratio-modal {
  width: 380px !important;
  color: #616161; }
  .update-pro-ratio-modal .modal-content {
    padding: 0 20px 0 20px;
    margin-bottom: 69px;
    text-align: center; }
    .update-pro-ratio-modal .modal-content label {
      display: inline-block;
      padding-right: 20px;
      text-align: right; }
  .update-pro-ratio-modal .ratio-select {
    width: 150px; }

.modal-updater {
  width: 380px !important; }
  .modal-updater .update-text {
    margin-top: 20px;
    margin-bottom: 20px;
    font-size: 13px;
    color: #5d6470;
    text-align: center; }

.updater-circle {
  position: absolute;
  right: 0;
  display: block;
  float: right;
  width: 66px;
  height: 66px;
  margin-top: 15px;
  margin-right: 16px;
  text-align: center;
  border: 1px solid #fce3d0;
  border-radius: 50%; }
  .updater-circle .updater-content {
    width: 54px;
    height: 54px;
    margin-top: 5px;
    margin-left: 5px;
    background-color: #f9ad76;
    border-radius: 50%; }
  .updater-circle .updater-progress {
    display: inline-block;
    margin-top: 17px;
    font-size: 14px;
    color: #fff;
    text-align: center; }

@charset "UTF-8";
/* 菊花 start */
@-webkit-keyframes projection-loading {
  0%,
  100% {
    -webkit-box-shadow: 0 -2.6em 0 0 #fff, 1.8em -1.8em 0 0 rgba(255, 255, 255, 0.2), 2.5em 0 0 0 rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0 rgba(255, 255, 255, 0.2), 0 2.5em 0 0 rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0 rgba(255, 255, 255, 0.2), -2.6em 0 0 0 rgba(255, 255, 255, 0.5), -1.8em -1.8em 0 0 rgba(255, 255, 255, 0.7);
            box-shadow: 0 -2.6em 0 0 #fff, 1.8em -1.8em 0 0 rgba(255, 255, 255, 0.2), 2.5em 0 0 0 rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0 rgba(255, 255, 255, 0.2), 0 2.5em 0 0 rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0 rgba(255, 255, 255, 0.2), -2.6em 0 0 0 rgba(255, 255, 255, 0.5), -1.8em -1.8em 0 0 rgba(255, 255, 255, 0.7); }
  12.5% {
    -webkit-box-shadow: 0 -2.6em 0 0 rgba(255, 255, 255, 0.7), 1.8em -1.8em 0 0 #fff, 2.5em 0 0 0 rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0 rgba(255, 255, 255, 0.2), 0 2.5em 0 0 rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0 rgba(255, 255, 255, 0.2), -2.6em 0 0 0 rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0 rgba(255, 255, 255, 0.5);
            box-shadow: 0 -2.6em 0 0 rgba(255, 255, 255, 0.7), 1.8em -1.8em 0 0 #fff, 2.5em 0 0 0 rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0 rgba(255, 255, 255, 0.2), 0 2.5em 0 0 rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0 rgba(255, 255, 255, 0.2), -2.6em 0 0 0 rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0 rgba(255, 255, 255, 0.5); }
  25% {
    -webkit-box-shadow: 0 -2.6em 0 0 rgba(255, 255, 255, 0.5), 1.8em -1.8em 0 0 rgba(255, 255, 255, 0.7), 2.5em 0 0 0 #fff, 1.75em 1.75em 0 0 rgba(255, 255, 255, 0.2), 0 2.5em 0 0 rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0 rgba(255, 255, 255, 0.2), -2.6em 0 0 0 rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0 rgba(255, 255, 255, 0.2);
            box-shadow: 0 -2.6em 0 0 rgba(255, 255, 255, 0.5), 1.8em -1.8em 0 0 rgba(255, 255, 255, 0.7), 2.5em 0 0 0 #fff, 1.75em 1.75em 0 0 rgba(255, 255, 255, 0.2), 0 2.5em 0 0 rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0 rgba(255, 255, 255, 0.2), -2.6em 0 0 0 rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0 rgba(255, 255, 255, 0.2); }
  37.5% {
    -webkit-box-shadow: 0 -2.6em 0 0 rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0 rgba(255, 255, 255, 0.5), 2.5em 0 0 0 rgba(255, 255, 255, 0.7), 1.75em 1.75em 0 0 #fff, 0 2.5em 0 0 rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0 rgba(255, 255, 255, 0.2), -2.6em 0 0 0 rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0 rgba(255, 255, 255, 0.2);
            box-shadow: 0 -2.6em 0 0 rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0 rgba(255, 255, 255, 0.5), 2.5em 0 0 0 rgba(255, 255, 255, 0.7), 1.75em 1.75em 0 0 #fff, 0 2.5em 0 0 rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0 rgba(255, 255, 255, 0.2), -2.6em 0 0 0 rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0 rgba(255, 255, 255, 0.2); }
  50% {
    -webkit-box-shadow: 0 -2.6em 0 0 rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0 rgba(255, 255, 255, 0.2), 2.5em 0 0 0 rgba(255, 255, 255, 0.5), 1.75em 1.75em 0 0 rgba(255, 255, 255, 0.7), 0 2.5em 0 0 #fff, -1.8em 1.8em 0 0 rgba(255, 255, 255, 0.2), -2.6em 0 0 0 rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0 rgba(255, 255, 255, 0.2);
            box-shadow: 0 -2.6em 0 0 rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0 rgba(255, 255, 255, 0.2), 2.5em 0 0 0 rgba(255, 255, 255, 0.5), 1.75em 1.75em 0 0 rgba(255, 255, 255, 0.7), 0 2.5em 0 0 #fff, -1.8em 1.8em 0 0 rgba(255, 255, 255, 0.2), -2.6em 0 0 0 rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0 rgba(255, 255, 255, 0.2); }
  62.5% {
    -webkit-box-shadow: 0 -2.6em 0 0 rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0 rgba(255, 255, 255, 0.2), 2.5em 0 0 0 rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0 rgba(255, 255, 255, 0.5), 0 2.5em 0 0 rgba(255, 255, 255, 0.7), -1.8em 1.8em 0 0 #fff, -2.6em 0 0 0 rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0 rgba(255, 255, 255, 0.2);
            box-shadow: 0 -2.6em 0 0 rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0 rgba(255, 255, 255, 0.2), 2.5em 0 0 0 rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0 rgba(255, 255, 255, 0.5), 0 2.5em 0 0 rgba(255, 255, 255, 0.7), -1.8em 1.8em 0 0 #fff, -2.6em 0 0 0 rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0 rgba(255, 255, 255, 0.2); }
  75% {
    -webkit-box-shadow: 0 -2.6em 0 0 rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0 rgba(255, 255, 255, 0.2), 2.5em 0 0 0 rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0 rgba(255, 255, 255, 0.2), 0 2.5em 0 0 rgba(255, 255, 255, 0.5), -1.8em 1.8em 0 0 rgba(255, 255, 255, 0.7), -2.6em 0 0 0 #fff, -1.8em -1.8em 0 0 rgba(255, 255, 255, 0.2);
            box-shadow: 0 -2.6em 0 0 rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0 rgba(255, 255, 255, 0.2), 2.5em 0 0 0 rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0 rgba(255, 255, 255, 0.2), 0 2.5em 0 0 rgba(255, 255, 255, 0.5), -1.8em 1.8em 0 0 rgba(255, 255, 255, 0.7), -2.6em 0 0 0 #fff, -1.8em -1.8em 0 0 rgba(255, 255, 255, 0.2); }
  87.5% {
    -webkit-box-shadow: 0 -2.6em 0 0 rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0 rgba(255, 255, 255, 0.2), 2.5em 0 0 0 rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0 rgba(255, 255, 255, 0.2), 0 2.5em 0 0 rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0 rgba(255, 255, 255, 0.5), -2.6em 0 0 0 rgba(255, 255, 255, 0.7), -1.8em -1.8em 0 0 #fff;
            box-shadow: 0 -2.6em 0 0 rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0 rgba(255, 255, 255, 0.2), 2.5em 0 0 0 rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0 rgba(255, 255, 255, 0.2), 0 2.5em 0 0 rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0 rgba(255, 255, 255, 0.5), -2.6em 0 0 0 rgba(255, 255, 255, 0.7), -1.8em -1.8em 0 0 #fff; } }

@-webkit-keyframes projection-stop-loading {
  0%,
  100% {
    -webkit-box-shadow: 0 -2.6em 0 0 #fe6a49, 1.8em -1.8em 0 0 rgba(252, 114, 86, 0.2), 2.5em 0 0 0 rgba(252, 114, 86, 0.2), 1.75em 1.75em 0 0 rgba(252, 114, 86, 0.2), 0 2.5em 0 0 rgba(252, 114, 86, 0.2), -1.8em 1.8em 0 0 rgba(252, 114, 86, 0.2), -2.6em 0 0 0 rgba(252, 114, 86, 0.5), -1.8em -1.8em 0 0 rgba(252, 114, 86, 0.7);
            box-shadow: 0 -2.6em 0 0 #fe6a49, 1.8em -1.8em 0 0 rgba(252, 114, 86, 0.2), 2.5em 0 0 0 rgba(252, 114, 86, 0.2), 1.75em 1.75em 0 0 rgba(252, 114, 86, 0.2), 0 2.5em 0 0 rgba(252, 114, 86, 0.2), -1.8em 1.8em 0 0 rgba(252, 114, 86, 0.2), -2.6em 0 0 0 rgba(252, 114, 86, 0.5), -1.8em -1.8em 0 0 rgba(252, 114, 86, 0.7); }
  12.5% {
    -webkit-box-shadow: 0 -2.6em 0 0 rgba(252, 114, 86, 0.7), 1.8em -1.8em 0 0 #fe6a49, 2.5em 0 0 0 rgba(252, 114, 86, 0.2), 1.75em 1.75em 0 0 rgba(252, 114, 86, 0.2), 0 2.5em 0 0 rgba(252, 114, 86, 0.2), -1.8em 1.8em 0 0 rgba(252, 114, 86, 0.2), -2.6em 0 0 0 rgba(252, 114, 86, 0.2), -1.8em -1.8em 0 0 rgba(252, 114, 86, 0.5);
            box-shadow: 0 -2.6em 0 0 rgba(252, 114, 86, 0.7), 1.8em -1.8em 0 0 #fe6a49, 2.5em 0 0 0 rgba(252, 114, 86, 0.2), 1.75em 1.75em 0 0 rgba(252, 114, 86, 0.2), 0 2.5em 0 0 rgba(252, 114, 86, 0.2), -1.8em 1.8em 0 0 rgba(252, 114, 86, 0.2), -2.6em 0 0 0 rgba(252, 114, 86, 0.2), -1.8em -1.8em 0 0 rgba(252, 114, 86, 0.5); }
  25% {
    -webkit-box-shadow: 0 -2.6em 0 0 rgba(252, 114, 86, 0.5), 1.8em -1.8em 0 0 rgba(252, 114, 86, 0.7), 2.5em 0 0 0 #fe6a49, 1.75em 1.75em 0 0 rgba(252, 114, 86, 0.2), 0 2.5em 0 0 rgba(252, 114, 86, 0.2), -1.8em 1.8em 0 0 rgba(252, 114, 86, 0.2), -2.6em 0 0 0 rgba(252, 114, 86, 0.2), -1.8em -1.8em 0 0 rgba(252, 114, 86, 0.2);
            box-shadow: 0 -2.6em 0 0 rgba(252, 114, 86, 0.5), 1.8em -1.8em 0 0 rgba(252, 114, 86, 0.7), 2.5em 0 0 0 #fe6a49, 1.75em 1.75em 0 0 rgba(252, 114, 86, 0.2), 0 2.5em 0 0 rgba(252, 114, 86, 0.2), -1.8em 1.8em 0 0 rgba(252, 114, 86, 0.2), -2.6em 0 0 0 rgba(252, 114, 86, 0.2), -1.8em -1.8em 0 0 rgba(252, 114, 86, 0.2); }
  37.5% {
    -webkit-box-shadow: 0 -2.6em 0 0 rgba(252, 114, 86, 0.2), 1.8em -1.8em 0 0 rgba(252, 114, 86, 0.5), 2.5em 0 0 0 rgba(252, 114, 86, 0.7), 1.75em 1.75em 0 0 #fe6a49, 0 2.5em 0 0 rgba(252, 114, 86, 0.2), -1.8em 1.8em 0 0 rgba(252, 114, 86, 0.2), -2.6em 0 0 0 rgba(252, 114, 86, 0.2), -1.8em -1.8em 0 0 rgba(252, 114, 86, 0.2);
            box-shadow: 0 -2.6em 0 0 rgba(252, 114, 86, 0.2), 1.8em -1.8em 0 0 rgba(252, 114, 86, 0.5), 2.5em 0 0 0 rgba(252, 114, 86, 0.7), 1.75em 1.75em 0 0 #fe6a49, 0 2.5em 0 0 rgba(252, 114, 86, 0.2), -1.8em 1.8em 0 0 rgba(252, 114, 86, 0.2), -2.6em 0 0 0 rgba(252, 114, 86, 0.2), -1.8em -1.8em 0 0 rgba(252, 114, 86, 0.2); }
  50% {
    -webkit-box-shadow: 0 -2.6em 0 0 rgba(252, 114, 86, 0.2), 1.8em -1.8em 0 0 rgba(252, 114, 86, 0.2), 2.5em 0 0 0 rgba(252, 114, 86, 0.5), 1.75em 1.75em 0 0 rgba(252, 114, 86, 0.7), 0 2.5em 0 0 #fe6a49, -1.8em 1.8em 0 0 rgba(252, 114, 86, 0.2), -2.6em 0 0 0 rgba(252, 114, 86, 0.2), -1.8em -1.8em 0 0 rgba(252, 114, 86, 0.2);
            box-shadow: 0 -2.6em 0 0 rgba(252, 114, 86, 0.2), 1.8em -1.8em 0 0 rgba(252, 114, 86, 0.2), 2.5em 0 0 0 rgba(252, 114, 86, 0.5), 1.75em 1.75em 0 0 rgba(252, 114, 86, 0.7), 0 2.5em 0 0 #fe6a49, -1.8em 1.8em 0 0 rgba(252, 114, 86, 0.2), -2.6em 0 0 0 rgba(252, 114, 86, 0.2), -1.8em -1.8em 0 0 rgba(252, 114, 86, 0.2); }
  62.5% {
    -webkit-box-shadow: 0 -2.6em 0 0 rgba(252, 114, 86, 0.2), 1.8em -1.8em 0 0 rgba(252, 114, 86, 0.2), 2.5em 0 0 0 rgba(252, 114, 86, 0.2), 1.75em 1.75em 0 0 rgba(252, 114, 86, 0.5), 0 2.5em 0 0 rgba(252, 114, 86, 0.7), -1.8em 1.8em 0 0 #fe6a49, -2.6em 0 0 0 rgba(252, 114, 86, 0.2), -1.8em -1.8em 0 0 rgba(252, 114, 86, 0.2);
            box-shadow: 0 -2.6em 0 0 rgba(252, 114, 86, 0.2), 1.8em -1.8em 0 0 rgba(252, 114, 86, 0.2), 2.5em 0 0 0 rgba(252, 114, 86, 0.2), 1.75em 1.75em 0 0 rgba(252, 114, 86, 0.5), 0 2.5em 0 0 rgba(252, 114, 86, 0.7), -1.8em 1.8em 0 0 #fe6a49, -2.6em 0 0 0 rgba(252, 114, 86, 0.2), -1.8em -1.8em 0 0 rgba(252, 114, 86, 0.2); }
  75% {
    -webkit-box-shadow: 0 -2.6em 0 0 rgba(252, 114, 86, 0.2), 1.8em -1.8em 0 0 rgba(252, 114, 86, 0.2), 2.5em 0 0 0 rgba(252, 114, 86, 0.2), 1.75em 1.75em 0 0 rgba(252, 114, 86, 0.2), 0 2.5em 0 0 rgba(252, 114, 86, 0.5), -1.8em 1.8em 0 0 rgba(252, 114, 86, 0.7), -2.6em 0 0 0 #fe6a49, -1.8em -1.8em 0 0 rgba(252, 114, 86, 0.2);
            box-shadow: 0 -2.6em 0 0 rgba(252, 114, 86, 0.2), 1.8em -1.8em 0 0 rgba(252, 114, 86, 0.2), 2.5em 0 0 0 rgba(252, 114, 86, 0.2), 1.75em 1.75em 0 0 rgba(252, 114, 86, 0.2), 0 2.5em 0 0 rgba(252, 114, 86, 0.5), -1.8em 1.8em 0 0 rgba(252, 114, 86, 0.7), -2.6em 0 0 0 #fe6a49, -1.8em -1.8em 0 0 rgba(252, 114, 86, 0.2); }
  87.5% {
    -webkit-box-shadow: 0 -2.6em 0 0 rgba(252, 114, 86, 0.2), 1.8em -1.8em 0 0 rgba(252, 114, 86, 0.2), 2.5em 0 0 0 rgba(252, 114, 86, 0.2), 1.75em 1.75em 0 0 rgba(252, 114, 86, 0.2), 0 2.5em 0 0 rgba(252, 114, 86, 0.2), -1.8em 1.8em 0 0 rgba(252, 114, 86, 0.5), -2.6em 0 0 0 rgba(252, 114, 86, 0.7), -1.8em -1.8em 0 0 #fe6a49;
            box-shadow: 0 -2.6em 0 0 rgba(252, 114, 86, 0.2), 1.8em -1.8em 0 0 rgba(252, 114, 86, 0.2), 2.5em 0 0 0 rgba(252, 114, 86, 0.2), 1.75em 1.75em 0 0 rgba(252, 114, 86, 0.2), 0 2.5em 0 0 rgba(252, 114, 86, 0.2), -1.8em 1.8em 0 0 rgba(252, 114, 86, 0.5), -2.6em 0 0 0 rgba(252, 114, 86, 0.7), -1.8em -1.8em 0 0 #fe6a49; } }

@keyframes projection-stop-loading {
  0%,
  100% {
    -webkit-box-shadow: 0 -2.6em 0 0 #fe6a49, 1.8em -1.8em 0 0 rgba(252, 114, 86, 0.2), 2.5em 0 0 0 rgba(252, 114, 86, 0.2), 1.75em 1.75em 0 0 rgba(252, 114, 86, 0.2), 0 2.5em 0 0 rgba(252, 114, 86, 0.2), -1.8em 1.8em 0 0 rgba(252, 114, 86, 0.2), -2.6em 0 0 0 rgba(252, 114, 86, 0.5), -1.8em -1.8em 0 0 rgba(252, 114, 86, 0.7);
            box-shadow: 0 -2.6em 0 0 #fe6a49, 1.8em -1.8em 0 0 rgba(252, 114, 86, 0.2), 2.5em 0 0 0 rgba(252, 114, 86, 0.2), 1.75em 1.75em 0 0 rgba(252, 114, 86, 0.2), 0 2.5em 0 0 rgba(252, 114, 86, 0.2), -1.8em 1.8em 0 0 rgba(252, 114, 86, 0.2), -2.6em 0 0 0 rgba(252, 114, 86, 0.5), -1.8em -1.8em 0 0 rgba(252, 114, 86, 0.7); }
  12.5% {
    -webkit-box-shadow: 0 -2.6em 0 0 rgba(252, 114, 86, 0.7), 1.8em -1.8em 0 0 #fe6a49, 2.5em 0 0 0 rgba(252, 114, 86, 0.2), 1.75em 1.75em 0 0 rgba(252, 114, 86, 0.2), 0 2.5em 0 0 rgba(252, 114, 86, 0.2), -1.8em 1.8em 0 0 rgba(252, 114, 86, 0.2), -2.6em 0 0 0 rgba(252, 114, 86, 0.2), -1.8em -1.8em 0 0 rgba(252, 114, 86, 0.5);
            box-shadow: 0 -2.6em 0 0 rgba(252, 114, 86, 0.7), 1.8em -1.8em 0 0 #fe6a49, 2.5em 0 0 0 rgba(252, 114, 86, 0.2), 1.75em 1.75em 0 0 rgba(252, 114, 86, 0.2), 0 2.5em 0 0 rgba(252, 114, 86, 0.2), -1.8em 1.8em 0 0 rgba(252, 114, 86, 0.2), -2.6em 0 0 0 rgba(252, 114, 86, 0.2), -1.8em -1.8em 0 0 rgba(252, 114, 86, 0.5); }
  25% {
    -webkit-box-shadow: 0 -2.6em 0 0 rgba(252, 114, 86, 0.5), 1.8em -1.8em 0 0 rgba(252, 114, 86, 0.7), 2.5em 0 0 0 #fe6a49, 1.75em 1.75em 0 0 rgba(252, 114, 86, 0.2), 0 2.5em 0 0 rgba(252, 114, 86, 0.2), -1.8em 1.8em 0 0 rgba(252, 114, 86, 0.2), -2.6em 0 0 0 rgba(252, 114, 86, 0.2), -1.8em -1.8em 0 0 rgba(252, 114, 86, 0.2);
            box-shadow: 0 -2.6em 0 0 rgba(252, 114, 86, 0.5), 1.8em -1.8em 0 0 rgba(252, 114, 86, 0.7), 2.5em 0 0 0 #fe6a49, 1.75em 1.75em 0 0 rgba(252, 114, 86, 0.2), 0 2.5em 0 0 rgba(252, 114, 86, 0.2), -1.8em 1.8em 0 0 rgba(252, 114, 86, 0.2), -2.6em 0 0 0 rgba(252, 114, 86, 0.2), -1.8em -1.8em 0 0 rgba(252, 114, 86, 0.2); }
  37.5% {
    -webkit-box-shadow: 0 -2.6em 0 0 rgba(252, 114, 86, 0.2), 1.8em -1.8em 0 0 rgba(252, 114, 86, 0.5), 2.5em 0 0 0 rgba(252, 114, 86, 0.7), 1.75em 1.75em 0 0 #fe6a49, 0 2.5em 0 0 rgba(252, 114, 86, 0.2), -1.8em 1.8em 0 0 rgba(252, 114, 86, 0.2), -2.6em 0 0 0 rgba(252, 114, 86, 0.2), -1.8em -1.8em 0 0 rgba(252, 114, 86, 0.2);
            box-shadow: 0 -2.6em 0 0 rgba(252, 114, 86, 0.2), 1.8em -1.8em 0 0 rgba(252, 114, 86, 0.5), 2.5em 0 0 0 rgba(252, 114, 86, 0.7), 1.75em 1.75em 0 0 #fe6a49, 0 2.5em 0 0 rgba(252, 114, 86, 0.2), -1.8em 1.8em 0 0 rgba(252, 114, 86, 0.2), -2.6em 0 0 0 rgba(252, 114, 86, 0.2), -1.8em -1.8em 0 0 rgba(252, 114, 86, 0.2); }
  50% {
    -webkit-box-shadow: 0 -2.6em 0 0 rgba(252, 114, 86, 0.2), 1.8em -1.8em 0 0 rgba(252, 114, 86, 0.2), 2.5em 0 0 0 rgba(252, 114, 86, 0.5), 1.75em 1.75em 0 0 rgba(252, 114, 86, 0.7), 0 2.5em 0 0 #fe6a49, -1.8em 1.8em 0 0 rgba(252, 114, 86, 0.2), -2.6em 0 0 0 rgba(252, 114, 86, 0.2), -1.8em -1.8em 0 0 rgba(252, 114, 86, 0.2);
            box-shadow: 0 -2.6em 0 0 rgba(252, 114, 86, 0.2), 1.8em -1.8em 0 0 rgba(252, 114, 86, 0.2), 2.5em 0 0 0 rgba(252, 114, 86, 0.5), 1.75em 1.75em 0 0 rgba(252, 114, 86, 0.7), 0 2.5em 0 0 #fe6a49, -1.8em 1.8em 0 0 rgba(252, 114, 86, 0.2), -2.6em 0 0 0 rgba(252, 114, 86, 0.2), -1.8em -1.8em 0 0 rgba(252, 114, 86, 0.2); }
  62.5% {
    -webkit-box-shadow: 0 -2.6em 0 0 rgba(252, 114, 86, 0.2), 1.8em -1.8em 0 0 rgba(252, 114, 86, 0.2), 2.5em 0 0 0 rgba(252, 114, 86, 0.2), 1.75em 1.75em 0 0 rgba(252, 114, 86, 0.5), 0 2.5em 0 0 rgba(252, 114, 86, 0.7), -1.8em 1.8em 0 0 #fe6a49, -2.6em 0 0 0 rgba(252, 114, 86, 0.2), -1.8em -1.8em 0 0 rgba(252, 114, 86, 0.2);
            box-shadow: 0 -2.6em 0 0 rgba(252, 114, 86, 0.2), 1.8em -1.8em 0 0 rgba(252, 114, 86, 0.2), 2.5em 0 0 0 rgba(252, 114, 86, 0.2), 1.75em 1.75em 0 0 rgba(252, 114, 86, 0.5), 0 2.5em 0 0 rgba(252, 114, 86, 0.7), -1.8em 1.8em 0 0 #fe6a49, -2.6em 0 0 0 rgba(252, 114, 86, 0.2), -1.8em -1.8em 0 0 rgba(252, 114, 86, 0.2); }
  75% {
    -webkit-box-shadow: 0 -2.6em 0 0 rgba(252, 114, 86, 0.2), 1.8em -1.8em 0 0 rgba(252, 114, 86, 0.2), 2.5em 0 0 0 rgba(252, 114, 86, 0.2), 1.75em 1.75em 0 0 rgba(252, 114, 86, 0.2), 0 2.5em 0 0 rgba(252, 114, 86, 0.5), -1.8em 1.8em 0 0 rgba(252, 114, 86, 0.7), -2.6em 0 0 0 #fe6a49, -1.8em -1.8em 0 0 rgba(252, 114, 86, 0.2);
            box-shadow: 0 -2.6em 0 0 rgba(252, 114, 86, 0.2), 1.8em -1.8em 0 0 rgba(252, 114, 86, 0.2), 2.5em 0 0 0 rgba(252, 114, 86, 0.2), 1.75em 1.75em 0 0 rgba(252, 114, 86, 0.2), 0 2.5em 0 0 rgba(252, 114, 86, 0.5), -1.8em 1.8em 0 0 rgba(252, 114, 86, 0.7), -2.6em 0 0 0 #fe6a49, -1.8em -1.8em 0 0 rgba(252, 114, 86, 0.2); }
  87.5% {
    -webkit-box-shadow: 0 -2.6em 0 0 rgba(252, 114, 86, 0.2), 1.8em -1.8em 0 0 rgba(252, 114, 86, 0.2), 2.5em 0 0 0 rgba(252, 114, 86, 0.2), 1.75em 1.75em 0 0 rgba(252, 114, 86, 0.2), 0 2.5em 0 0 rgba(252, 114, 86, 0.2), -1.8em 1.8em 0 0 rgba(252, 114, 86, 0.5), -2.6em 0 0 0 rgba(252, 114, 86, 0.7), -1.8em -1.8em 0 0 #fe6a49;
            box-shadow: 0 -2.6em 0 0 rgba(252, 114, 86, 0.2), 1.8em -1.8em 0 0 rgba(252, 114, 86, 0.2), 2.5em 0 0 0 rgba(252, 114, 86, 0.2), 1.75em 1.75em 0 0 rgba(252, 114, 86, 0.2), 0 2.5em 0 0 rgba(252, 114, 86, 0.2), -1.8em 1.8em 0 0 rgba(252, 114, 86, 0.5), -2.6em 0 0 0 rgba(252, 114, 86, 0.7), -1.8em -1.8em 0 0 #fe6a49; } }

.projection-panel .setting-wifi-loading,
.projection-panel .screening-btn {
  position: relative;
  display: inline-block;
  width: 1em;
  height: 1em;
  text-indent: -9999em;
  border-radius: 50%;
  -webkit-transform: translateZ(0) scale(0.5);
  -ms-transform: translateZ(0) scale(0.5);
  transform: translateZ(0) scale(0.5);
  -webkit-animation: projection-loading 1.1s infinite ease;
  animation: projection-loading 1.1s infinite ease; }

.projection-panel .stop-loading {
  position: relative;
  display: inline-block;
  width: 1em;
  height: 1em;
  text-indent: -9999em;
  border-radius: 50%;
  -webkit-transform: translateZ(0) scale(0.5);
  -ms-transform: translateZ(0) scale(0.5);
  transform: translateZ(0) scale(0.5);
  -webkit-animation: projection-stop-loading 1.1s infinite ease;
  animation: projection-stop-loading 1.1s infinite ease; }

.projection-panel .center-loading {
  -webkit-transform: scale(0.4) !important;
      -ms-transform: scale(0.4) !important;
          transform: scale(0.4) !important; }

.projection-panel {
  width: 730px !important;
  -webkit-transition: 0.3s all;
  -o-transition: 0.3s all;
  transition: 0.3s all; }
  .projection-panel .ant-modal-body {
    padding: 0 !important; }
  .projection-panel .panel-content-container {
    text-align: center; }
    .projection-panel .panel-content-container .projection-status-name {
      padding-top: 14px;
      font-size: 16px;
      color: #222; }
    .projection-panel .panel-content-container .projection-name {
      font-size: 21px;
      color: #222; }
      .projection-panel .panel-content-container .projection-name .probation {
        color: #ce0b24; }
      .projection-panel .panel-content-container .projection-name .channel-tag {
        display: inline-block;
        padding: 1px 4px;
        font-size: 12px;
        color: #919191;
        vertical-align: middle;
        border: 1px solid #b1b1b1;
        border-radius: 4px;
        -webkit-transform: scale(0.8);
            -ms-transform: scale(0.8);
                transform: scale(0.8); }
    .projection-panel .panel-content-container .unconnection-end-text {
      display: block;
      font-size: 21px;
      color: #101010; }
    .projection-panel .panel-content-container .project-btn-wifi {
      width: 255px;
      height: 46px;
      background: -webkit-linear-gradient(right, #5682df, #5e48e0, #622be0);
      background: -o-linear-gradient(right, #5682df, #5e48e0, #622be0);
      background: -webkit-gradient(linear, left top, right top, from(#5682df), color-stop(#5e48e0), to(#622be0));
      background: -webkit-linear-gradient(left, #5682df, #5e48e0, #622be0);
      background: -o-linear-gradient(left, #5682df, #5e48e0, #622be0);
      background: linear-gradient(to right, #5682df, #5e48e0, #622be0);
      border-color: #5682df; }
      .projection-panel .panel-content-container .project-btn-wifi:hover {
        background: -webkit-gradient(linear, left top, right top, from(#622be0), to(#622be0)) !important;
        background: -webkit-linear-gradient(left, #622be0, #622be0) !important;
        background: -o-linear-gradient(left, #622be0, #622be0) !important;
        background: linear-gradient(to right, #622be0, #622be0) !important; }
    .projection-panel .panel-content-container .no-wifi-screen-btn {
      width: 255px;
      height: 46px;
      margin-left: 20px;
      font-size: 14px;
      color: #222;
      background: #fff;
      border: none;
      -webkit-box-shadow: 0 0 20px 1px rgba(233, 233, 233, 0.4);
              box-shadow: 0 0 20px 1px rgba(233, 233, 233, 0.4); }
      .projection-panel .panel-content-container .no-wifi-screen-btn:hover {
        background: #f8f8f8; }
    .projection-panel .panel-content-container .no-wifi-screen-btn.start-screen {
      border-color: #fff; }
    .projection-panel .panel-content-container .no-wifi-screen-btn.stop-screen {
      color: #fe6a49;
      border-color: #fff; }
    .projection-panel .panel-content-container .no-wifi-buttons {
      margin-top: 20px; }
    .projection-panel .panel-content-container .projection-wifi-name {
      font-size: 16px;
      color: #101010; }
    .projection-panel .panel-content-container .btn-text-ing {
      opacity: 0.2; }
    .projection-panel .panel-content-container .mirror-tips {
      margin-top: 30px;
      color: #222; }
    .projection-panel .panel-content-container .goto-auth {
      display: inline-block;
      margin-top: 24px;
      font-size: 16px;
      color: #3f5498;
      cursor: pointer; }
    .projection-panel .panel-content-container .activity-has-expired {
      font-size: 21px;
      color: #d0021b; }
    .projection-panel .panel-content-container .activate-alert-text {
      margin: 4px 0;
      font-size: 16px;
      color: #151515; }
      .projection-panel .panel-content-container .activate-alert-text .phone {
        color: #4e92df; }
  .projection-panel .projection-content {
    height: 550px !important;
    background-image: url(../../static/media/projection_panel_bg.15041fcd.png);
    background-repeat: no-repeat;
    background-size: cover; }
  .projection-panel .projection-img {
    width: 304px;
    height: 158px;
    margin-top: 55px; }
  .projection-panel .network {
    background-image: url(../../static/media/projection_has_network.81a7e5db.png) !important;
    background-repeat: no-repeat;
    background-size: cover; }
  .projection-panel .connection-text {
    font-size: 13px;
    color: #222; }
  .projection-panel .box-introduce {
    margin-left: 50px; }
  .projection-panel .projection-box-name {
    margin-left: 10px;
    font-size: 15px;
    color: #222; }
  .projection-panel .wifi-introduce {
    margin-top: 35px;
    font-size: 16px;
    color: #222; }
  .projection-panel .project-btn {
    padding-right: 20px !important;
    padding-left: 20px !important;
    margin-top: 20px;
    font-size: 14px;
    font-weight: 400 !important;
    color: #fff;
    border-radius: 30px; }
  .projection-panel .project-btn.start-screen {
    width: 258px;
    height: 46px;
    color: #fff;
    background: -webkit-linear-gradient(right, #5682df, #5e48e0, #622be0);
    background: -o-linear-gradient(right, #5682df, #5e48e0, #622be0);
    background: -webkit-gradient(linear, left top, right top, from(#5682df), color-stop(#5e48e0), to(#622be0));
    background: -webkit-linear-gradient(left, #5682df, #5e48e0, #622be0);
    background: -o-linear-gradient(left, #5682df, #5e48e0, #622be0);
    background: linear-gradient(to right, #5682df, #5e48e0, #622be0);
    border-color: #5682df; }
    .projection-panel .project-btn.start-screen:hover {
      color: #fff;
      background: -webkit-linear-gradient(right, #622be0, #622be0, #622be0);
      background: -o-linear-gradient(right, #622be0, #622be0, #622be0);
      background: -webkit-gradient(linear, left top, right top, from(#622be0), color-stop(#622be0), to(#622be0));
      background: -webkit-linear-gradient(left, #622be0, #622be0, #622be0);
      background: -o-linear-gradient(left, #622be0, #622be0, #622be0);
      background: linear-gradient(to right, #622be0, #622be0, #622be0); }
  .projection-panel .project-btn.stop-screen {
    width: 258px;
    height: 46px;
    color: #fe6a49;
    background: #fff;
    border: none;
    border-color: #fff;
    -webkit-box-shadow: 0 0 20px 1px rgba(233, 233, 233, 0.4);
            box-shadow: 0 0 20px 1px rgba(233, 233, 233, 0.4); }
    .projection-panel .project-btn.stop-screen:hover {
      color: #ec5233;
      background: #f8f8f8; }
  .projection-panel .project-btn.disable-screening {
    color: #8487bb !important; }
  .projection-panel .projection-menu {
    font-size: 14px;
    cursor: pointer; }
    .projection-panel .projection-menu .menu-mira-switch {
      margin-left: 5px; }
    .projection-panel .projection-menu .projection-help {
      margin-left: 5px; }
      .projection-panel .projection-menu .projection-help:hover {
        color: #fe6a49; }
  .projection-panel .menu-settings {
    position: absolute;
    margin-top: 14px;
    margin-left: 14px; }
  .projection-panel .projection-menu-title {
    font-size: 12px;
    color: #222;
    cursor: pointer;
    -webkit-transform: scale(0.7);
        -ms-transform: scale(0.7);
            transform: scale(0.7); }
  .projection-panel .projection-menu-icon {
    margin-left: 5px;
    font-size: 10px;
    color: #222;
    cursor: pointer;
    -webkit-transform: scale(0.5);
        -ms-transform: scale(0.5);
            transform: scale(0.5); }
  .projection-panel .project-close-btn {
    position: absolute;
    top: 17px;
    right: 20px;
    font-size: 12px;
    color: #222;
    cursor: pointer; }
  .projection-panel .update-badge {
    float: right;
    width: 6px !important;
    min-width: 0 !important;
    height: 6px !important;
    padding: 0 !important;
    margin-top: -24px;
    margin-right: 10px;
    background-color: #ec5233;
    border-radius: 50%; }
  .projection-panel .menu-update-badge {
    display: inline-block;
    width: 6px;
    height: 6px;
    margin-left: -3px;
    vertical-align: text-top;
    background-color: #ec5233;
    border-radius: 50%; }
  .projection-panel .connection-wifi-text {
    color: #00acdc;
    cursor: pointer; }
  .projection-panel .mark-box {
    position: relative; }
    .projection-panel .mark-box .mark {
      position: absolute;
      top: 0;
      z-index: 1000;
      width: 26px;
      height: 24px;
      cursor: pointer; }
  .projection-panel .ant-btn-clicked::after {
    display: none; }

.disable-mark {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 9999; }

.projection-switch-modal {
  width: 350px !important;
  font-size: 12px;
  text-align: center; }
  .projection-switch-modal .switch-modal-content {
    padding: 20px; }

.projection-panel-parent {
  display: block !important;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  -webkit-transform-origin: 98% 40px;
      -ms-transform-origin: 98% 40px;
          transform-origin: 98% 40px; }

.ant-modal-mask-hidden + .projection-panel-parent {
  opacity: 0.2;
  -webkit-transform: scale(0);
      -ms-transform: scale(0);
          transform: scale(0); }

.menu-setting-apinfo-scan {
  padding: 0 !important; }

.check_content {
  position: absolute;
  right: 8px;
  display: inline-block;
  color: #fe6a49; }

.menu-scan-bg-gray {
  background-color: #f3f4f6;
  border-radius: 8px; }