@charset "UTF-8";
* {
  -webkit-tap-highlight-color: transparent;
}

input::-ms-clear {
  display: none;
}

input, textarea {
  outline: none;
  border: 0;
  padding: 0;
  -webkit-user-modify: read-write-plaintext-only;
}

textarea {
  resize: none;
}

button {
  outline: none;
  border: 0;
  padding: 0;
  background-color: transparent;
}

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: middle;
}

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block;
}

body {
  line-height: 1;
}

ol, ul {
  list-style: none;
}

blockquote, q {
  quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

html {
  font-family: sans-serif;
  /* 1 */
  -ms-text-size-adjust: 100%;
  /* 2 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
}

body {
  margin: 0;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
  display: block;
}

audio,
canvas,
progress,
video {
  display: inline-block;
  /* 1 */
  vertical-align: middle;
  /* 2 */
}

audio:not([controls]) {
  display: none;
  height: 0;
}

[hidden],
template {
  display: none;
}

a {
  background-color: transparent;
}

a:active,
a:hover {
  outline: 0;
}

abbr[title] {
  border-bottom: 1px dotted;
}

b,
strong {
  font-weight: bold;
}

dfn {
  font-style: italic;
}

h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

mark {
  background: #ff0;
  color: #000;
}

small {
  font-size: 80%;
}

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

img {
  border: 0;
}

svg:not(:root) {
  overflow: hidden;
}

figure {
  margin: 1em 40px;
}

hr {
  box-sizing: content-box;
  height: 0;
}

pre {
  overflow: auto;
}

code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}

button,
input,
optgroup,
select,
textarea {
  color: inherit;
  /* 1 */
  font: inherit;
  /* 2 */
  margin: 0;
  /* 3 */
}

button {
  overflow: visible;
}

button,
select {
  text-transform: none;
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  /* 2 */
  cursor: pointer;
  /* 3 */
}

button[disabled],
html input[disabled] {
  cursor: default;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

input {
  line-height: normal;
}

input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */
}

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

input[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */
  /* 2 */
  box-sizing: content-box;
}

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}

legend {
  border: 0;
  /* 1 */
  padding: 0;
  /* 2 */
}

textarea {
  overflow: auto;
}

optgroup {
  font-weight: bold;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

td,
th {
  padding: 0;
}

@font-face {
  font-family: 'easemob';
  src: url('/fonts/uikit/webfont/iconfont.eot?1675238212') format("embedded-opentype"), url('/fonts/uikit/webfont/iconfont.ttf?1675238212') format("truetype"), url('/fonts/uikit/webfont/iconfont.woff?1675238212') format("woff");
  font-weight: normal;
  font-style: normal;
}
.font-flag.circle, .font-material.circle, .font-target.circle, .font-tag.circle, .font-source.circle, .font-love.circle, .font-callcenter.circle, .font-book.circle, .font-diamond.circle, .font-edit.circle, .font-weibo.circle, .font-download.circle, .font-sun.circle, .font-graph.circle, .font-switch.circle, .font-notice.circle, .font-protect.circle, .font-diamond.big, .font-global.big, .font-clock.big, .font-paper.big, .font-path-arrow.big, .font-weibo.big, .font-struct.big, .font-chat.big, .font-tag.big, .font-book.big, .font-wait.big, .font-flag.big, .font-wechat.big, .font-search.big, .font-search.circle, .font-group.big, .font-image.big, .font-money-pack, .font-dlfile, .font-location, .font-money-pack.small, .font-coin-bag.small, .font-down.small, .font-up.small, .font-delete.small, .font-close.small, .font-good.small, .font-flag, .font-switch-off, .font-fromweibo, .font-star, .font-flower, .font-subflower, .font-fromwechat, .font-switch-on, .font-square-link, .font-fromweb, .font-print, .font-open-arrow, .font-close-arrow, .font-clip, .font-import, .font-delete, .font-good, .font-broken, .font-broken-file, .font-chain, .font-subclose, .font-caution, .font-session, .font-tag, .font-subflag, .font-home, .font-headph, .font-branch, .font-group, .font-trans, .font-chart, .font-settings, .font-menu, .font-struct, .font-copy, .font-clock, .font-chat, .font-wait, .font-exit, .font-compass, .font-smile, .font-pic, .font-power, .font-arrange, .font-indicator, .font-search, .font-calltrans, .font-empty, .font-fromapp, .font-substar, .font-callout, .font-export, .font-lock, .font-up, .font-global, .font-statistic.circle, .font-growingio.circle, .font-lineup.circle, .font-gear, .font-callin, .font-voice-low, .font-voice-mid, .font-voice-loud, .font-first-page, .font-prev-page, .font-next-page, .font-last-page, .font-app, .font-wechat, .font-robot, .font-close, .font-uncheck, .font-checked, .font-uncheck-radio, .font-radio, .font-select, .font-unselect, .font-video, .font-camera, .font-exchange, .font-refresh, .font-minus, .font-plus, .font-power-button, .font-slack, .font-rest, .font-add, .font-edit, .font-cancel, .font-confirm, .font-pgindicator, .font-pgdot, .font-down, .font-amount, .font-horizon-move, .font-call2, .font-fill, .font-callback, .font-transfer, .font-funnel, .font-spot, .font-stop, .font-pause, .font-play, .font-recommend.circle, .font-recommend, .font-recommend.small, .font-phone, .font-phone-callout, .font-phone-callin, .font-shield, .font-help, .font-material, .font-eye, .font-monitoring, .font-visitor-info, .font-call-assign, .font-play-2, .font-warn, .font-succeed, .font-toUp, .font-form, .font-paper-download, .font-customer, .font-ticket, .font-play-power, .font-github-icon, .font-audio-play, .font-alipay, .font-fresher, .font-message, .font-minimize, .font-desktop, .font-microphone, .font-snapshot, .font-add.circle, .font-videosend, .font-check, .font-board, .font-manual, .font-text, .font-greaterThan, .font-article, .font-monitor-empty, .font-quality-plus, .font-quality-minus, .font-question-mark, .font-question-naire, .font-form-flag, .font-emoji-left, .font-emoji-right, .font-full-screen, .font-h5, .font-all-select, .font-all-unselect, .font-sms, .font-sms-send, .font-sms.circle, .font-mysms.circle, .font-round-seal, .font-seal, .font-weibo.sendtext, .font-voc.circle, .font-quality.circle, .font-quality, .font-myquality, .font-index, .font-team, .font-channels, .font-stat, .font-statistic, .font-me, .font-phrase, .font-current, .font-monitor, .font-marketing, .font-knowledgebase.circle, .font-myknowledgebase.circle, .font-approval.circle, .font-notes, .font-mynotes, .font-tickets, .font-mytickets, .font-exports, .font-myexports, .font-history, .font-myhistory, .font-exports.circle, .font-myexports.circle, .font-notify.circle, .font-mynotify.circle, .font-visitors.circle, .font-myvisitors.circle, .font-notes.circle, .font-mynotes.circle, .font-mysearch.circle {
  display: inline-block;
  line-height: 30px;
}

.upload-to-iframe-icon {
  position: absolute;
  top: 20px;
}

.left .upload-to-iframe-icon {
  right: -40px;
}

.right .upload-to-iframe-icon {
  display: none !important;
  left: -40px;
}

.font-flag.circle:before, .font-material.circle:before, .font-target.circle:before, .font-tag.circle:before, .font-source.circle:before, .font-love.circle:before, .font-callcenter.circle:before, .font-book.circle:before, .font-diamond.circle:before, .font-edit.circle:before, .font-weibo.circle:before, .font-download.circle:before, .font-sun.circle:before, .font-graph.circle:before, .font-switch.circle:before, .font-notice.circle:before, .font-protect.circle:before, .font-diamond.big:before, .font-global.big:before, .font-clock.big:before, .font-paper.big:before, .font-path-arrow.big:before, .font-weibo.big:before, .font-struct.big:before, .font-chat.big:before, .font-tag.big:before, .font-book.big:before, .font-wait.big:before, .font-flag.big:before, .font-wechat.big:before, .font-search.big:before, .font-search.circle:before, .font-group.big:before, .font-image.big:before, .font-money-pack:before, .font-dlfile:before, .font-location:before, .font-money-pack.small:before, .font-coin-bag.small:before, .font-down.small:before, .font-up.small:before, .font-delete.small:before, .font-close.small:before, .font-good.small:before, .font-flag:before, .font-switch-off:before, .font-fromweibo:before, .font-star:before, .font-flower:before, .font-subflower:before, .font-fromwechat:before, .font-switch-on:before, .font-square-link:before, .font-fromweb:before, .font-print:before, .font-open-arrow:before, .font-close-arrow:before, .font-clip:before, .font-import:before, .font-delete:before, .font-good:before, .font-broken:before, .font-broken-file:before, .font-chain:before, .font-subclose:before, .font-caution:before, .font-session:before, .font-tag:before, .font-subflag:before, .font-home:before, .font-headph:before, .font-branch:before, .font-group:before, .font-trans:before, .font-chart:before, .font-settings:before, .font-menu:before, .font-struct:before, .font-copy:before, .font-clock:before, .font-chat:before, .font-wait:before, .font-exit:before, .font-compass:before, .font-smile:before, .font-pic:before, .font-power:before, .font-arrange:before, .font-indicator:before, .font-search:before, .font-calltrans:before, .font-empty:before, .font-fromapp:before, .font-substar:before, .font-callout:before, .font-export:before, .font-lock:before, .font-up:before, .font-global:before, .font-statistic.circle:before, .font-growingio.circle:before, .font-lineup.circle:before, .font-gear:before, .font-callin:before, .font-voice-low:before, .font-voice-mid:before, .font-voice-loud:before, .font-first-page:before, .font-prev-page:before, .font-next-page:before, .font-last-page:before, .font-app:before, .font-wechat:before, .font-robot:before, .font-close:before, .font-uncheck:before, .font-checked:before, .font-uncheck-radio:before, .font-radio:before, .font-select:before, .font-unselect:before, .font-video:before, .font-camera:before, .font-exchange:before, .font-refresh:before, .font-minus:before, .font-plus:before, .font-power-button:before, .font-slack:before, .font-rest:before, .font-add:before, .font-edit:before, .font-cancel:before, .font-confirm:before, .font-pgindicator:before, .font-pgdot:before, .font-down:before, .font-amount:before, .font-horizon-move:before, .font-call2:before, .font-fill:before, .font-callback:before, .font-transfer:before, .font-funnel:before, .font-spot:before, .font-stop:before, .font-pause:before, .font-play:before, .font-recommend.circle:before, .font-recommend:before, .font-recommend.small:before, .font-phone:before, .font-phone-callout:before, .font-phone-callin:before, .font-shield:before, .font-help:before, .font-material:before, .font-eye:before, .font-monitoring:before, .font-visitor-info:before, .font-call-assign:before, .font-play-2:before, .font-warn:before, .font-succeed:before, .font-toUp:before, .font-form:before, .font-paper-download:before, .font-customer:before, .font-ticket:before, .font-play-power:before, .font-github-icon:before, .font-audio-play:before, .font-alipay:before, .font-fresher:before, .font-message:before, .font-minimize:before, .font-desktop:before, .font-microphone:before, .font-snapshot:before, .font-add.circle:before, .font-videosend:before, .font-check:before, .font-board:before, .font-manual:before, .font-text:before, .font-greaterThan:before, .font-article:before, .font-monitor-empty:before, .font-quality-plus:before, .font-quality-minus:before, .font-question-mark:before, .font-question-naire:before, .font-form-flag:before, .font-emoji-left:before, .font-emoji-right:before, .font-full-screen:before, .font-h5:before, .font-all-select:before, .font-all-unselect:before, .font-sms:before, .font-sms-send:before, .font-sms.circle:before, .font-mysms.circle:before, .font-round-seal:before, .font-seal:before, .font-weibo.sendtext:before, .font-voc.circle:before, .font-quality.circle:before, .font-quality:before, .font-myquality:before, .font-index:before, .font-team:before, .font-channels:before, .font-stat:before, .font-statistic:before, .font-me:before, .font-phrase:before, .font-current:before, .font-monitor:before, .font-marketing:before, .font-knowledgebase.circle:before, .font-myknowledgebase.circle:before, .font-approval.circle:before, .font-notes:before, .font-mynotes:before, .font-tickets:before, .font-mytickets:before, .font-exports:before, .font-myexports:before, .font-history:before, .font-myhistory:before, .font-exports.circle:before, .font-myexports.circle:before, .font-notify.circle:before, .font-mynotify.circle:before, .font-visitors.circle:before, .font-myvisitors.circle:before, .font-notes.circle:before, .font-mynotes.circle:before, .font-mysearch.circle:before {
  display: block;
  font-family: easemob;
  font-size: 30px;
  vertical-align: middle;
  -webkit-font-smoothing: antialiased;
}

.font-flag.circle:before {
  content: "\004a";
}

.font-material.circle:before {
  content: "\a019";
}

.font-target.circle:before {
  content: "\2248";
}

.font-tag.circle:before {
  content: "\0049";
}

.font-source.circle:before {
  content: "\003c";
}

.font-love.circle:before {
  content: "\00a9";
}

.font-callcenter.circle:before {
  content: "\3151";
}

.font-book.circle:before {
  content: "\0076";
}

.font-diamond.circle:before {
  content: "\00a1";
}

.font-edit.circle:before {
  content: "\00a3";
}

.font-weibo.circle:before {
  content: "\00ab";
}

.font-download.circle:before {
  content: "\2013";
}

.font-sun.circle:before {
  content: "\2014";
}

.font-graph.circle:before {
  content: "\201a";
}

.font-switch.circle:before {
  content: "\201e";
}

.font-notice.circle:before {
  content: "\2205";
}

.font-protect.circle:before {
  content: "\b8";
}

.font-diamond.big:before {
  content: "\0024";
}

.font-global.big:before {
  content: "\003b";
}

.font-clock.big:before {
  content: "\00a2";
}

.font-paper.big:before {
  content: "\00a4";
}

.font-path-arrow.big:before {
  content: "\00a5";
}

.font-weibo.big:before {
  content: "\00bb";
}

.font-struct.big:before {
  content: "\00bf";
}

.font-chat.big:before {
  content: "\2018";
}

.font-tag.big:before {
  content: "\2019";
}

.font-book.big:before {
  content: "\201c";
}

.font-wait.big:before {
  content: "\201d";
}

.font-flag.big:before {
  content: "\2022";
}

.font-wechat.big:before {
  content: "\2039";
}

.font-search.big:before {
  content: "\203a";
}

.font-search.circle:before {
  content: "\a001";
}

.font-group.big:before {
  content: "\20ac";
}

.font-image.big:before {
  content: "\2c7";
}

.font-money-pack:before {
  content: "\a102";
}

.font-dlfile:before {
  content: "\a101";
}

.font-location:before {
  content: "\a104";
}

.font-money-pack.small:before {
  content: "\a103";
}

.font-coin-bag.small:before {
  content: "\a109";
}

.font-down.small:before {
  content: "\a117";
}

.font-up.small:before {
  content: "\a118";
}

.font-delete.small:before {
  content: "\0032";
}

.font-close.small:before {
  content: "\0035";
}

.font-good.small:before {
  content: "\0068";
}

.font-flag:before {
  content: "\0021";
}

.font-switch-off:before {
  content: "\0022";
}

.font-fromweibo:before {
  content: "\0023";
}

.font-star:before {
  content: "\0027";
}

.font-flower:before {
  content: "\0028";
}

.font-subflower:before {
  content: "\0029";
}

.font-fromwechat:before {
  content: "\002a";
}

.font-switch-on:before {
  content: "\002c";
}

.font-square-link:before {
  content: "\002d";
}

.font-fromweb:before {
  content: "\002f";
}

.font-print:before {
  content: "\a061";
}

.font-open-arrow:before {
  content: "\a063";
}

.font-close-arrow:before {
  content: "\a062";
}

.font-clip:before {
  content: "\0030";
}

.font-import:before {
  content: "\0031";
}

.font-delete:before {
  content: "\0033";
}

.font-good:before {
  content: "\0034";
}

.font-broken:before {
  content: "\0036";
}

.font-broken-file:before {
  content: "\00f7";
}

.font-chain:before {
  content: "\0037";
}

.font-subclose:before {
  content: "\0038";
}

.font-caution:before {
  content: "\0039";
}

.font-session:before {
  content: "\003a";
}

.font-tag:before {
  content: "\003d";
}

.font-subflag:before {
  content: "\003f";
}

.font-home:before {
  content: "\0041";
}

.font-headph:before {
  content: "\0042";
}

.font-branch:before {
  content: "\0043";
}

.font-group:before {
  content: "\0044";
}

.font-trans:before {
  content: "\0045";
}

.font-chart:before {
  content: "\0046";
}

.font-settings:before {
  content: "\0047";
}

.font-menu:before {
  content: "\a080";
}

.font-struct:before {
  content: "\004b";
}

.font-copy:before {
  content: "\004c";
}

.font-clock:before {
  content: "\004d";
}

.font-chat:before {
  content: "\004e";
}

.font-wait:before {
  content: "\004f";
}

.font-exit:before {
  content: "\0050";
}

.font-compass:before {
  content: "\0051";
}

.font-smile:before {
  content: "\0052";
}

.font-pic:before {
  content: "\0053";
}

.font-power:before {
  content: "\0054";
}

.font-arrange:before {
  content: "\0056";
}

.font-indicator:before {
  content: "\0057";
}

.font-search:before {
  content: "\0059";
}

.font-calltrans:before {
  content: "\005a";
}

.font-empty:before {
  content: "\005b";
}

.font-fromapp:before {
  content: "\005c";
}

.font-substar:before {
  content: "\005f";
}

.font-callout:before {
  content: "\0061";
}

.font-export:before {
  content: "\0062";
}

.font-lock:before {
  content: "\0063";
}

.font-up:before {
  content: "\0064";
}

.font-global:before {
  content: "\0065";
}

.font-statistic.circle:before {
  content: "\a112";
}

.font-growingio.circle:before {
  content: "\a016";
}

.font-lineup.circle:before {
  content: "\a116";
}

.font-gear:before {
  content: "\0066";
}

.font-callin:before {
  content: "\0067";
}

.font-voice-low:before {
  content: "\0069";
}

.font-voice-mid:before {
  content: "\006a";
}

.font-voice-loud:before {
  content: "\006b";
}

.font-first-page:before {
  content: "\006c";
}

.font-prev-page:before {
  content: "\006d";
}

.font-next-page:before {
  content: "\006e";
}

.font-last-page:before {
  content: "\006f";
}

.font-app:before {
  content: "\0070";
}

.font-wechat:before {
  content: "\0071";
}

.font-robot:before {
  content: "\0072";
}

.font-close:before {
  content: "\0074";
}

.font-uncheck:before {
  content: "\a022";
}

.font-checked:before {
  content: "\75";
}

.font-uncheck-radio:before {
  content: "\a093";
}

.font-radio:before {
  content: "\a105";
}

.font-select:before {
  content: "\a021";
}

.font-unselect:before {
  content: "\a022";
}

.font-video:before {
  content: "\a024";
}

.font-camera:before {
  content: "\a025";
}

.font-exchange:before {
  content: "\a026";
}

.font-refresh:before {
  content: "\a027";
}

.font-minus:before {
  content: "\a028";
}

.font-plus:before {
  content: "\a029";
}

.font-power-button:before {
  content: "\a032";
}

.font-slack:before {
  content: "\a049";
}

.font-rest:before {
  content: "\a055";
}

.font-add:before {
  content: "\0077";
}

.font-edit:before {
  content: "\0078";
}

.font-cancel:before {
  content: "\0079";
}

.font-confirm:before {
  content: "\007a";
}

.font-pgindicator:before {
  content: "\007b";
}

.font-pgdot:before {
  content: "\007d";
}

.font-down:before {
  content: "\007e";
}

.font-amount:before {
  content: "\00b7";
}

.font-horizon-move:before {
  content: "\00c1";
}

.font-call2:before {
  content: "\2d8";
}

.font-fill:before {
  content: "\b4";
}

.font-callback:before {
  content: "\61";
}

.font-transfer:before {
  content: "\5a";
}

.font-funnel:before {
  content: "\2c6";
}

.font-spot:before {
  content: "\2db";
}

.font-stop:before {
  content: "\2da";
}

.font-pause:before {
  content: "\2dc";
}

.font-play:before {
  content: "\2192";
}

.font-recommend.circle:before {
  content: "\40";
}

.font-recommend:before {
  content: "\7c";
}

.font-recommend.small {
  background-color: #1ba8ed;
  line-height: 20px;
  border-radius: 10px;
  color: white;
  text-align: center;
  width: 20px;
  height: 20px;
}
.font-recommend.small:before {
  content: "\7c";
  font-size: 15px;
}

.font-phone:before {
  content: "\3213";
}

.font-phone-callout:before {
  content: "\a011";
}

.font-phone-callin:before {
  content: "\a012";
}

.font-shield:before {
  content: "\a113";
}

.font-help:before {
  content: "\a013";
}

.font-material:before {
  content: "\a034";
}

.font-eye:before {
  content: "\a015";
}

.font-monitoring:before {
  content: "\a018";
}

.font-visitor-info:before {
  content: "\a020";
}

.font-call-assign:before {
  content: "\a017";
}

.font-play-2:before {
  content: "\a034";
}

.font-warn:before {
  content: "\a035";
}

.font-succeed:before {
  content: "\a036";
}

.font-toUp:before {
  content: "\a023";
}

.font-form:before {
  content: "\a070";
}

.font-paper-download:before {
  content: "\a039";
}

.font-customer:before {
  content: "\a040";
}

.font-ticket:before {
  content: "\a041";
}

.font-play-power:before {
  content: "\a044";
}

.font-github-icon:before {
  content: "\a045";
}

.font-audio-play:before {
  content: "\a046";
}

.font-alipay:before {
  content: "\a042";
}

.font-fresher:before {
  content: "\a043";
}

.font-message:before {
  content: "\a059";
}

.font-minimize:before {
  content: "\a065";
}

.font-desktop:before {
  content: "\a066";
}

.font-microphone:before {
  content: "\a067";
}

.font-snapshot:before {
  content: "\a068";
}

.font-add.circle:before {
  content: "\a058";
}

.font-videosend:before {
  content: "\a122";
}

.font-check:before {
  content: "\034";
}

.font-board:before {
  content: "\a056";
}

.font-manual:before {
  content: "\a081";
}

.font-text:before {
  content: "\221a";
}

.font-greaterThan:before {
  content: "\6e";
}

.font-article:before {
  content: "\a060";
}

.font-monitor-empty:before {
  content: "\a072";
}

.font-quality-plus:before {
  content: "\77";
}

.font-quality-minus:before {
  content: "\a071";
}

.font-question-mark:before {
  content: "\a074";
}

.font-question-naire:before {
  content: "\a075";
}

.font-form-flag:before {
  content: "\a070";
}

.font-emoji-left:before {
  content: "\a076";
}

.font-emoji-right:before {
  content: "\2192";
}

.font-full-screen:before {
  content: "\a077";
}

.font-h5:before {
  content: "\a079";
}

.font-all-select:before {
  content: "\a083";
}

.font-all-unselect:before {
  content: "\a084";
}

.font-sms:before {
  content: "\a085";
}

.font-sms-send:before {
  content: "\a086";
}

.font-sms.circle:before {
  content: "\a087";
}

.font-mysms.circle:before {
  content: "\a087";
}

.font-round-seal:before {
  content: "\a088";
}

.font-seal:before {
  content: "\a089";
}

.font-weibo.sendtext:before {
  content: "\a095";
}

.font-voc.circle:before {
  content: "\00a9";
}

.font-quality.circle:before {
  content: "\b8";
}

.font-quality:before {
  content: "\b8";
}

.font-myquality:before {
  content: "\b8";
}

.font-index:before {
  content: "\0041";
}

.font-team:before {
  content: "\0044";
}

.font-channels:before {
  content: "\0045";
}

.font-stat:before {
  content: "\0046";
}

.font-statistic:before {
  content: "\0046";
}

.font-me:before {
  content: "\0047";
}

.font-phrase:before {
  content: "\2014";
}

.font-current:before {
  content: "\004e";
}

.font-monitor:before {
  content: "\0051";
}

.font-marketing:before {
  content: "\a059";
}

.font-knowledgebase.circle:before, .font-myknowledgebase.circle:before {
  content: "\0076";
}

.font-approval.circle:before {
  content: "\a088";
}

.font-notes:before, .font-mynotes:before {
  content: "\0078";
}

.font-tickets:before, .font-mytickets:before {
  content: "\00b7";
}

.font-exports:before, .font-myexports:before {
  content: "\0062";
}

.font-history:before, .font-myhistory:before {
  content: "\004d";
}

.font-exports.circle:before, .font-myexports.circle:before {
  content: "\2013";
}

.font-notify.circle:before, .font-mynotify.circle:before {
  content: "\2205";
}

.font-visitors.circle:before, .font-myvisitors.circle:before {
  content: "\2248";
}

.font-notes.circle:before, .font-mynotes.circle:before {
  content: "\00a3";
}

.font-search.circle:before, .font-mysearch.circle:before {
  content: "\a001";
}

.font-sms.circle:before {
  content: "\a087";
}

.font-mysms.circle:before {
  content: "\a087";
}

@font-face {
  font-family: 'ccc';
  src: url('/fonts/uikit/cccfont/iconfont.eot?1675238212') format("embedded-opentype"), url('/fonts/uikit/cccfont/iconfont.ttf?1675238212') format("truetype"), url('/fonts/uikit/cccfont/iconfont.woff?1675238212') format("woff");
  font-weight: normal;
  font-style: normal;
}
.cccfont-transferStatisfic, .cccfont-callHold, .cccfont-transfer, .cccfont-hangUp, .cccfont-sendDtmf, .cccfont-call, .cccfont-online, .cccfont-phone, .cccfont-callRetrieve, .cccfont-conferenceInit, .cccfont-outbound, .cccfont-inbound, .cccfont-callback, .font-call, .font-mycallhistory, .font-callhistory, .font-callstatistics, .font-callmonitor, .cccfont-exportRecord, .font-mycalltask, .font-calltask, .cccfont-openCallDetail, .font-assign, .cccfont-xinshouyindao, .cccfont-monitor, .font-xcx.big, .font-enlarge, .cccfont-callmessage, .font-callmessage, .font-callmessagerecord, .font-call_statistic, .font-douyin, .cccfont-warning, .cccfont-wifi, .font-mycallcontactplan, .font-callcontactplan, .cccfont-joinbalcklist, .cccfont-removebalcklist, .cccfont-callcentermessage {
  display: inline-block;
  line-height: 30px;
}

.cccfont-transferStatisfic:before, .cccfont-callHold:before, .cccfont-transfer:before, .cccfont-hangUp:before, .cccfont-sendDtmf:before, .cccfont-call:before, .cccfont-online:before, .cccfont-phone:before, .cccfont-callRetrieve:before, .cccfont-conferenceInit:before, .cccfont-outbound:before, .cccfont-inbound:before, .cccfont-callback:before, .font-call:before, .font-mycallhistory:before, .font-callhistory:before, .font-callstatistics:before, .font-callmonitor:before, .cccfont-exportRecord:before, .font-mycalltask:before, .font-calltask:before, .cccfont-openCallDetail:before, .font-assign:before, .cccfont-xinshouyindao:before, .cccfont-monitor:before, .font-xcx.big:before, .font-enlarge:before, .cccfont-callmessage:before, .font-callmessage:before, .font-callmessagerecord:before, .font-call_statistic:before, .font-douyin:before, .cccfont-warning:before, .cccfont-wifi:before, .font-mycallcontactplan:before, .font-callcontactplan:before, .cccfont-joinbalcklist:before, .cccfont-removebalcklist:before, .cccfont-callcentermessage:before {
  display: block;
  font-family: ccc;
  font-size: 30px;
  vertical-align: middle;
  -webkit-font-smoothing: antialiased;
}

.cccfont-transferStatisfic:before {
  content: "\cc10";
}

.cccfont-callHold:before {
  content: "\cc09";
}

.cccfont-transfer:before {
  content: "\cc08";
}

.cccfont-hangUp:before {
  content: "\cc06";
}

.cccfont-sendDtmf:before {
  content: "\e624";
}

.cccfont-call:before {
  content: "\e61d";
}

.cccfont-online:before {
  content: "\e62e1";
}

.cccfont-phone:before {
  content: "\e66c1";
}

.cccfont-callRetrieve:before {
  content: "\cc11";
}

.cccfont-conferenceInit:before {
  content: "\cc07";
}

.cccfont-outbound:before {
  content: "\e631";
}

.cccfont-inbound:before {
  content: "\e632";
}

.cccfont-callback:before {
  content: "\3b1";
}

.font-call:before {
  content: "\e601";
}

.font-mycallhistory:before, .font-callhistory:before {
  content: "\e602";
}

.font-callstatistics:before {
  content: "\e61e";
}

.font-callmonitor:before {
  content: "\e603";
}

.cccfont-exportRecord:before {
  content: "\e78d";
}

.font-mycalltask:before, .font-calltask:before {
  content: "\e636";
}

.cccfont-openCallDetail:before {
  content: "\e648";
}

.font-assign:before {
  content: "\e685";
}

.cccfont-xinshouyindao:before {
  content: "\e63e";
}

.cccfont-monitor:before {
  content: "\e76c";
}

.font-xcx.big:before {
  content: "\e619";
}

.font-enlarge:before {
  content: "\e648";
}

.cccfont-callmessage:before, .font-callmessage:before, .font-callmessagerecord:before {
  content: "\e638";
}

.font-call_statistic:before {
  content: "\e782";
}

.font-douyin {
  color: #333;
}
.font-douyin:before {
  content: "\e628";
}

.cccfont-warning:before {
  content: "\e763";
}

.cccfont-wifi:before {
  content: "\ea13";
}

/**
联系计划
*/
.font-mycallcontactplan:before, .font-callcontactplan:before {
  content: "\e65a";
}

.cccfont-joinbalcklist:before {
  content: "\e6f1";
}

.cccfont-removebalcklist:before {
  content: "\e6f2";
}

.cccfont-callcentermessage:before {
  content: "\e657";
}

.hide {
  display: none !important;
}

.unvisible {
  visibility: hidden !important;
}

.ui-cmp-popuplist, .ui-cmp-modulepopuplist, .ui-cmp-tagbtn.editable.shadow, .ui-cmp-dialog > div, .ui-cmp-tips, .ui-cmp-forminput > input:focus, .ui-cmp-formarea > textarea:focus ~ div, .ui-cmp-notify, .ui-cmp-helptips {
  box-shadow: 0px 10px 20px 0 rgba(0, 0, 0, 0.3);
}

.ui-itm-txtmsg:before, .ui-itm-blessmsg:before, .ui-itm-audiomsg:before, .ui-itm-videomsg:before, .ui-itm-callmsg:before, .ui-itm-imgmsg:before, .ui-itm-filemsg:before,
.ui-itm-formmsg:before,
.ui-itm-locmsg:before, .ui-itm-ordermsg:before, .ui-itm-trackmsg:before, .ui-itm-articlemsg:before, .ui-itm-noticemsg:before, .ui-itm-videocard:before, .ui-itm-txtmsg > div, .ui-itm-blessmsg > div, .ui-itm-audiomsg > div, .ui-itm-videomsg > div, .ui-itm-callmsg > div, .ui-itm-imgmsg > div, .ui-itm-filemsg > div,
.ui-itm-formmsg > div,
.ui-itm-locmsg > div, .ui-itm-ordermsg > div, .ui-itm-trackmsg > div, .ui-itm-articlemsg > div, .ui-itm-noticemsg > div, .ui-itm-videocard > div, .ui-itm-txtmsg > .caution-icon, .ui-itm-blessmsg > .caution-icon, .ui-itm-audiomsg > .caution-icon, .ui-itm-videomsg > .caution-icon, .ui-itm-callmsg > .caution-icon, .ui-itm-imgmsg > .caution-icon, .ui-itm-filemsg > .caution-icon,
.ui-itm-formmsg > .caution-icon,
.ui-itm-locmsg > .caution-icon, .ui-itm-ordermsg > .caution-icon, .ui-itm-trackmsg > .caution-icon, .ui-itm-articlemsg > .caution-icon, .ui-itm-noticemsg > .caution-icon, .ui-itm-videocard > .caution-icon,
.ui-itm-txtmsg > .em-rulai-question,
.ui-itm-blessmsg > .em-rulai-question,
.ui-itm-audiomsg > .em-rulai-question,
.ui-itm-videomsg > .em-rulai-question,
.ui-itm-callmsg > .em-rulai-question,
.ui-itm-imgmsg > .em-rulai-question,
.ui-itm-filemsg > .em-rulai-question,
.ui-itm-formmsg > .em-rulai-question,
.ui-itm-locmsg > .em-rulai-question,
.ui-itm-ordermsg > .em-rulai-question,
.ui-itm-trackmsg > .em-rulai-question,
.ui-itm-articlemsg > .em-rulai-question,
.ui-itm-noticemsg > .em-rulai-question,
.ui-itm-videocard > .em-rulai-question, .ui-itm-txtmsg > .recall-msg-icon > label, .ui-itm-blessmsg > .recall-msg-icon > label, .ui-itm-audiomsg > .recall-msg-icon > label, .ui-itm-videomsg > .recall-msg-icon > label, .ui-itm-callmsg > .recall-msg-icon > label, .ui-itm-imgmsg > .recall-msg-icon > label, .ui-itm-filemsg > .recall-msg-icon > label,
.ui-itm-formmsg > .recall-msg-icon > label,
.ui-itm-locmsg > .recall-msg-icon > label, .ui-itm-ordermsg > .recall-msg-icon > label, .ui-itm-trackmsg > .recall-msg-icon > label, .ui-itm-articlemsg > .recall-msg-icon > label, .ui-itm-noticemsg > .recall-msg-icon > label, .ui-itm-videocard > .recall-msg-icon > label {
  box-shadow: 0px 1px 2px 0 rgba(0, 0, 0, 0.1), 0px -1px 1px 0 rgba(0, 0, 0, 0.2) inset;
}

.gray.ui-cmp-avatar > img {
  filter: grayscale(100%);
}

.ui-cmp-selectbar > label, .ui-itm-select, .ui-multi-confirm, .ui-itm-suggest, .ui-cmp-tagbtn > label, .ui-cmp-attachbtn > label, .ui-cmp-online-state-modal .warnning > div[h] > p, .ui-cmp-dialog > div > div[h] > p, .ui-cmp-arrowDialog > div > div[h] > p, .ui-cmp-forminput > label, .ui-cmp-formswitcher > label, .ui-cmp-formarea > label, .ui-cmp-formselect > label, .ui-cmp-formcheckboxes > label, .ui-cmp-linkbutton > label, .ui-cmp-forminput > i, .ui-cmp-formswitcher > i, .ui-cmp-formarea > i, .ui-itm-txtmsg > label, .ui-itm-blessmsg > label, .ui-itm-audiomsg > label, .ui-itm-videomsg > label, .ui-itm-callmsg > label, .ui-itm-imgmsg > label, .ui-itm-filemsg > label,
.ui-itm-formmsg > label,
.ui-itm-locmsg > label, .ui-itm-ordermsg > label, .ui-itm-trackmsg > label, .ui-itm-articlemsg > label, .ui-itm-noticemsg > label, .ui-itm-videocard > label, .ui-itm-videomsg > div > div p, .ui-itm-filemsg > div > a > div p,
.ui-itm-formmsg > div > a > div p,
.ui-itm-locmsg > div > a > div p, .ui-cmp-notify, .ui-cmp-tab > ul > li > span, .ui-itm-table > span.ellipsis, .ui-itm-demotable > span.ellipsis, .ui-itm-table-history > span.ellipsis {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.ui-cmp-selectbar, .ui-cmp-checkbox, .ui-cmp-tagbtn, .ui-cmp-btn, .ui-cmp-iconbtn, .ui-cmp-icontxtbtn, .ui-cmp-attachbtn, .ui-cmp-switcher > label, .ui-cmp-online-state-modal .warnning > div[h], .ui-cmp-dialog > div > div[h], .ui-cmp-arrowDialog > div > div[h], .ui-cmp-avatar-editor > div > div[b], .ui-itm-audiomsg, .ui-itm-videomsg, .ui-itm-imgmsg, .ui-itm-filemsg,
.ui-itm-formmsg,
.ui-itm-locmsg, .ui-itm-moremsg, .ui-itm-videocard, .ui-cmp-droplist > span, .ui-itm-droplist, .ui-cmp-tab > ul > li, .ui-cmp-radio {
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
}

.ui-cmp-popuplist {
  overflow: hidden;
  position: absolute;
  z-index: 2000;
  border-radius: 5px;
  border-bottom: 1px solid;
  border-color: #aaacaf;
  max-height: calc(100% - 10px);
  overflow-y: auto;
}
.ui-cmp-popuplist > li > .ui-cmp-checkbox {
  position: absolute;
  right: 0;
}

.ui-cmp-modulepopuplist {
  overflow: hidden;
  position: absolute;
  z-index: 102;
  border-radius: 5px;
  border-bottom: 1px solid;
  border-color: #aaacaf;
}

.ui-cmp-flatlist {
  overflow: hidden;
  position: absolute;
  border: 1px solid;
  border-color: #e6eaf2;
  box-sizing: border-box;
}
.ui-cmp-flatlist.round {
  border: none;
  border-radius: 5px;
}
.ui-cmp-flatlist.small > li {
  line-height: 30px;
  height: 30px;
}

.ui-cmp-select {
  display: inline-block;
  position: relative;
  width: 100%;
}
.ui-cmp-select > span {
  width: 100%;
}
.ui-cmp-select > ul {
  width: 100%;
  top: 0;
}

.ui-cmp-selectbar {
  border-radius: 5px;
  position: relative;
  display: inline-block;
  overflow: hidden;
  cursor: pointer;
  margin-bottom: 1px;
  color: #4c4c4c;
  background-color: #ffffff;
}
.ui-cmp-selectbar > label {
  box-sizing: border-box;
  cursor: pointer;
  display: inline-block;
  width: calc(100% - 30px);
  padding-left: 10px;
}
.ui-cmp-selectbar > span {
  position: absolute;
  top: calc((100% - 30px) / 2);
  right: 0;
}
.ui-cmp-selectbar:hover {
  border-bottom: 1px solid #dcdee1;
  margin-bottom: 0;
  color: #1ba8ed;
}
.disable.ui-cmp-selectbar {
  cursor: default;
}
.disable.ui-cmp-selectbar:hover {
  border-bottom: 0;
  margin-bottom: 1px;
}

.ui-itm-select, .ui-multi-confirm {
  cursor: pointer;
  width: 100%;
  color: #4c4c4c;
  background-color: #ffffff;
}
.ui-itm-select:hover, .ui-multi-confirm:hover {
  color: #1ba8ed;
  background-color: #d4d7d9;
}
.ui-itm-select > label, .ui-multi-confirm > label {
  cursor: pointer;
  padding: 0 10px;
  box-sizing: border-box;
}

.ui-cmp-select {
  line-height: 35px;
}
.ui-cmp-select.gray > .ui-cmp-selectbar {
  background-color: #f5f7fa;
}
.ui-cmp-select.gray > .ui-cmp-popuplist > .ui-itm-select, .ui-cmp-select.gray > .ui-cmp-popuplist > .ui-multi-confirm {
  background-color: #f5f7fa;
}
.ui-cmp-select.gray > .ui-cmp-popuplist > .ui-itm-select:hover, .ui-cmp-select.gray > .ui-cmp-popuplist > .ui-multi-confirm:hover {
  background-color: #d4d7d9;
}
.ui-cmp-select.small {
  line-height: 30px;
}
.ui-cmp-select.small > .ui-cmp-selectbar {
  font-size: 12px;
  height: 30px;
  line-height: 30px;
}
.ui-cmp-select.small > .ui-cmp-popuplist > .ui-itm-select, .ui-cmp-select.small > .ui-cmp-popuplist > .ui-multi-confirm {
  font-size: 12px;
  height: 30px;
  line-height: 30px;
}
.ui-cmp-select.activated {
  z-index: 3;
}

.ui-cmp-selectbar {
  font-size: 14px;
  height: 35px;
  line-height: 35px;
}
.ui-cmp-selectbar.disable {
  color: #999999;
  background-color: #e5e5e5;
}
.ui-cmp-selectbar.disable:hover {
  border-bottom: 1px solid white;
}
.ui-cmp-selectbar.disable > label,
.ui-cmp-selectbar.disable > span {
  cursor: default;
}

.ui-itm-select, .ui-multi-confirm {
  font-size: 14px;
  height: 35px;
  line-height: 35px;
}

.ui-itm-select.ui-itm-multi-select > label, .ui-itm-multi-select.ui-multi-confirm > label {
  width: 80%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  display: inline-block;
}

.ui-multi-confirm {
  border-top: 1px solid #e4e4e4;
  text-align: center;
}
.ui-multi-confirm .ui-cmp-btn {
  height: 30px;
  line-height: 30px;
}

.ui-itm-search {
  font-size: 14px;
  height: 35px;
  line-height: 35px;
  cursor: pointer;
  width: 100%;
  color: #4c4c4c;
  background-color: #ffffff;
  padding: 3px;
}
.ui-itm-search > input {
  border: 1px solid #e4e4e4;
  width: 170px;
  border-radius: 3px;
  height: 25px;
  padding-left: 20px;
}
.ui-itm-search > span {
  margin-right: 5px;
  float: right;
  margin-top: -35px;
  position: relative;
  line-height: 35px;
}
.ui-itm-search .font-search {
  float: left;
  margin-left: -3px;
}

.ui-cmp-searchbar, .ui-cmp-search.small > span, .ui-cmp-search.round > span {
  position: relative;
  display: inline-block;
  color: #1a1a1a;
  border: 1px solid;
  border-color: #e6eaf2;
  width: 270px;
  height: 35px;
  line-height: 35px;
  font-size: 14px;
}
.ui-cmp-searchbar > input, .ui-cmp-search.small > span > input, .ui-cmp-search.round > span > input {
  float: left;
  box-sizing: border-box;
  width: calc(100% - 35px);
  background-color: #ffffff;
  display: inline-block;
  height: 35px;
  padding: 0 70px 0 10px;
}
.ui-cmp-searchbar > i, .ui-cmp-search.small > span > i, .ui-cmp-search.round > span > i {
  position: absolute;
  top: 0;
  right: 68px;
  width: 36px;
  color: gray;
}
.ui-cmp-searchbar > i.red, .ui-cmp-search.small > span > i.red, .ui-cmp-search.round > span > i.red {
  color: red;
}
.ui-cmp-searchbar > span, .ui-cmp-search.small > span > span, .ui-cmp-search.round > span > span {
  float: right;
}
.ui-cmp-searchbar > .ui-cmp-iconbtn.blue, .ui-cmp-search.small > span > .ui-cmp-iconbtn.blue, .ui-cmp-search.round > span > .ui-cmp-iconbtn.blue {
  border-radius: 0;
  color: #ffffff;
}
.ui-cmp-searchbar > .ui-cmp-iconbtn.gray, .ui-cmp-search.small > span > .ui-cmp-iconbtn.gray, .ui-cmp-search.round > span > .ui-cmp-iconbtn.gray {
  position: absolute;
  top: 0;
  right: 35px;
  width: 20px;
  overflow: hidden;
}
.ui-cmp-searchbar > .ui-cmp-iconbtn.gray > span, .ui-cmp-search.small > span > .ui-cmp-iconbtn.gray > span, .ui-cmp-search.round > span > .ui-cmp-iconbtn.gray > span {
  margin-left: -5px;
}

.ui-itm-suggest {
  cursor: pointer;
  width: 100%;
  color: #4d4d4d;
  background-color: #ffffff;
}
.ui-itm-suggest:hover {
  background-color: #e6eaf2;
}
.ui-itm-suggest > label {
  cursor: pointer;
  padding: 0 10px;
  display: inline-block;
  box-sizing: border-box;
}

.ui-cmp-searchbar.small, .ui-cmp-search.small > span {
  height: 30px;
  line-height: 30px;
  font-size: 12px;
}
.ui-cmp-searchbar.small > input, .ui-cmp-search.small > span > input {
  height: 30px;
  line-height: 30px;
  width: calc(100% - 30px);
}
.ui-cmp-searchbar.small > span, .ui-cmp-search.small > span > span {
  height: 30px;
  line-height: 30px;
}
.ui-cmp-searchbar.small > .ui-cmp-iconbtn.blue, .ui-cmp-search.small > span > .ui-cmp-iconbtn.blue {
  width: 30px;
}
.ui-cmp-searchbar.small > .ui-cmp-iconbtn.gray, .ui-cmp-search.small > span > .ui-cmp-iconbtn.gray {
  right: 30px;
}

.ui-cmp-searchbar.round, .ui-cmp-search.round > span {
  border-color: transparent;
}
.ui-cmp-searchbar.round > input, .ui-cmp-search.round > span > input {
  border-radius: 5px 0 0 5px;
}
.ui-cmp-searchbar.round > .ui-cmp-iconbtn.blue, .ui-cmp-search.round > span > .ui-cmp-iconbtn.blue {
  border-radius: 0 5px 5px 0;
}

.ui-itm-suggest {
  font-size: 14px;
  height: 35px;
  line-height: 35px;
}

.ui-cmp-search {
  position: relative;
  display: inline-block;
}
.ui-cmp-search.small > ul {
  width: 100%;
  top: 31px;
}
.ui-cmp-search.small > ul > li {
  font-size: 12px;
  line-height: 30px;
  height: 30px;
}
.ui-cmp-search.round > ul {
  width: 100%;
  top: 40px;
  border: none;
  border-radius: 5px;
}
.ui-cmp-search.no-icon .ui-cmp-searchbar .ui-cmp-iconbtn[ok] {
  display: none;
}
.ui-cmp-search.no-icon .ui-cmp-searchbar .ui-cmp-iconbtn[cc] {
  right: 0;
}
.ui-cmp-search.no-icon .ui-cmp-searchbar input {
  width: 100%;
}

.ui-cmp-dot {
  position: relative;
  display: inline-block;
  width: 10px;
  height: 10px;
  border-radius: 5px;
  overflow: hidden;
}
.ui-cmp-dot:before {
  line-height: 10px;
  font-size: 12px;
  width: 10px;
  height: 10px;
  display: block;
  font-family: easemob;
  margin-left: -1px;
  -webkit-font-smoothing: antialiased;
}
.ui-cmp-dot.gray {
  background-color: #b3b8ba;
}
.ui-cmp-dot.red {
  color: #ffffff;
  background-color: #1ba8ed;
}
.ui-cmp-dot.red:before {
  margin-top: 1px;
  content: "\a106";
}
.ui-cmp-dot.yellow {
  color: #ffffff;
  background-color: #ff3000;
}
.ui-cmp-dot.yellow:before {
  content: "\a108";
}
.ui-cmp-dot.green {
  background-color: #5ae825;
}
.ui-cmp-dot.blue {
  color: #603901;
  background-color: #ffc715;
}
.ui-cmp-dot.blue:before {
  content: "\a107";
}

.ui-cmp-spot {
  display: inline-block;
  height: 20px;
  line-height: 20px;
  text-align: center;
  padding: 0 7px;
  border-radius: 10px;
  background-color: #ff661a;
  color: #ffffff;
}

.ui-cmp-borderspot {
  display: inline-block;
  width: 18px;
  height: 18px;
  line-height: 18px;
  text-align: center;
  border-radius: 10px;
  background-color: #ff661a;
  color: #ffffff;
  border: 1px solid;
  border-color: white;
}

.ui-cmp-min-spot {
  width: 16px;
  min-width: 16px;
  display: inline-block;
  height: 16px;
  line-height: 16px;
  text-align: center;
  vertical-align: baseline;
  border-radius: 10px;
  background-color: #ff661a;
  color: #ffffff;
}

.ui-cmp-checkbox {
  position: relative;
  display: inline-block;
  cursor: pointer;
  color: #4c4c4c;
  height: 30px;
  line-height: 30px;
}
.ui-cmp-checkbox > label {
  cursor: pointer;
  position: relative;
  display: inline-block;
  height: 30px;
  line-height: 30px;
  border-left: 30px solid transparent;
  margin-left: -36px;
}
.ui-cmp-checkbox:hover > label {
  color: #1ba8ed;
}
.ui-cmp-checkbox:hover > span {
  color: #1ba8ed;
}
.ui-cmp-checkbox > input {
  display: none;
}
.ui-cmp-checkbox > input ~ span.font-uncheck {
  display: inline-block;
}
.ui-cmp-checkbox > input ~ span.font-checked {
  display: none;
}
.ui-cmp-checkbox > input:checked ~ span.font-uncheck {
  display: none;
}
.ui-cmp-checkbox > input:checked ~ span.font-checked {
  display: inline-block;
}
.ui-cmp-checkbox > input {
  display: none;
}
.ui-cmp-checkbox > input ~ span.font-uncheck-radio {
  display: inline-block;
}
.ui-cmp-checkbox > input ~ span.font-radio {
  display: none;
}
.ui-cmp-checkbox > input:checked ~ span.font-uncheck-radio {
  display: none;
}
.ui-cmp-checkbox > input:checked ~ span.font-radio {
  display: inline-block;
}

.ui-cmp-checkbox.disable > label {
  cursor: default;
  color: #999;
}
.ui-cmp-checkbox.disable:hover > label,
.ui-cmp-checkbox.disable:hover > span {
  color: #999;
}
.ui-cmp-checkbox.disable > input {
  display: none;
}
.ui-cmp-checkbox.disable > input ~ span.font-uncheck, .ui-cmp-checkbox.disable > input ~ span.font-checked {
  color: #999;
}
.ui-cmp-checkbox.disable > input:checked ~ span.font-uncheck, .ui-cmp-checkbox.disable > input:checked ~ span.font-checked {
  color: #999;
}

.ui-cmp-tagbtn {
  position: relative;
  overflow: hidden;
  cursor: pointer;
  width: 200px;
  display: inline-block;
  height: 35px;
  line-height: 35px;
  border-radius: 5px;
}
.ui-cmp-tagbtn > label {
  box-sizing: border-box;
  width: 100%;
  padding: 0 10px;
  cursor: pointer;
  display: inline-block;
}
.ui-cmp-tagbtn > span {
  display: none;
  position: absolute;
  top: 0;
  right: 35px;
}
.ui-cmp-tagbtn > span:last-of-type {
  right: 0;
}
.ui-cmp-tagbtn:hover > span {
  display: inline-block;
}
.ui-cmp-tagbtn.gray {
  background-color: #f5f7fa;
}
.ui-cmp-tagbtn.gray:hover {
  color: #ffffff;
  background-color: #1ba8ed;
}
.ui-cmp-tagbtn.white {
  background-color: #ffffff;
}
.ui-cmp-tagbtn.white:hover {
  color: #ffffff;
  background-color: #1ba8ed;
}
.ui-cmp-tagbtn.editable:hover > label {
  width: calc(100% - 60px);
}
.ui-cmp-tagbtn.editable > input {
  font-size: 14px;
  box-sizing: border-box;
  border-radius: 5px;
  color: #1a1a1a;
  display: none;
  position: absolute;
  padding: 0 10px;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.ui-cmp-tagbtn.editable.generator {
  color: #1ba8ed;
  background-color: transparent;
}
.ui-cmp-tagbtn.editable.generator > input {
  background-color: #f5f7fa;
}
.ui-cmp-tagbtn.editable.generator:hover {
  background-color: transparent;
}
.ui-cmp-tagbtn.editable.generator:hover > label {
  width: 100%;
  padding-right: 10px;
}
.ui-cmp-tagbtn.editable.generator:hover > span {
  display: none;
}

.ui-cmp-btn {
  box-sizing: border-box;
  display: inline-block;
  cursor: pointer;
  min-width: 80px;
  width: auto;
  height: 35px;
  line-height: 35px;
  text-align: center;
  color: #ffffff;
  background-color: #1ba8ed;
  border-bottom: 1px solid transparent;
  padding: 0 10px;
  font-size: 14px;
  border-radius: 5px;
}
.ui-cmp-btn.disabled {
  background-color: #cccccc !important;
  cursor: default !important;
}
.ui-cmp-btn.green {
  background-color: #00b31e;
}
.ui-cmp-btn.green:active {
  background-color: #00991a;
}
.ui-cmp-btn.red {
  background-color: #ff2a00;
}
.ui-cmp-btn.red:active {
  background-color: #e62600;
}
.ui-cmp-btn.orange {
  background-color: #ff5500;
}
.ui-cmp-btn.orange:active {
  background-color: #e64d00;
}
.ui-cmp-btn.blue {
  background-color: #1ba8ed;
}
.ui-cmp-btn.blue:active {
  background-color: #1aa1e4;
}
.ui-cmp-btn.white {
  color: #4c4c4c;
  background-color: #ffffff;
}
.ui-cmp-btn.white:hover {
  color: #1ba8ed;
  border-color: #caccd1;
}
.ui-cmp-btn.white:active {
  color: #4c4c4c;
  background-color: #e6e6e6;
  border-color: transparent;
}
.ui-cmp-btn.white.border {
  border: 1px solid #caccd1;
  color: #4c4c4c;
  background-color: #ffffff;
}
.ui-cmp-btn.white.border:hover {
  color: #1ba8ed;
}
.ui-cmp-btn.white.border:active {
  color: #4c4c4c;
  background-color: #e6e6e6;
  border-color: transparent;
}

.ui-cmp-iconbtn, .ui-cmp-icontxtbtn {
  position: relative;
  display: inline-block;
  cursor: pointer;
  width: 35px;
  height: 35px;
  line-height: 35px;
  text-align: center;
  border-radius: 5px;
}
.white.ui-cmp-iconbtn, .white.ui-cmp-icontxtbtn {
  color: #4d4d4d;
  background-color: #ffffff;
}
.white.ui-cmp-iconbtn:hover, .white.ui-cmp-icontxtbtn:hover {
  color: #1ba8ed;
}
.blue.ui-cmp-iconbtn, .blue.ui-cmp-icontxtbtn {
  color: #ffffff;
  background-color: #1ba8ed;
}
.alpha.ui-cmp-iconbtn, .alpha.ui-cmp-icontxtbtn {
  color: #4d4d4d;
  background-color: transparent;
}
.alpha.ui-cmp-iconbtn:hover, .alpha.ui-cmp-icontxtbtn:hover {
  color: #1ba8ed;
}
.orange.ui-cmp-iconbtn, .orange.ui-cmp-icontxtbtn {
  color: #4d4d4d;
  background-color: transparent;
}
.orange.ui-cmp-iconbtn:hover, .orange.ui-cmp-icontxtbtn:hover {
  color: #ff661a;
}
.gray.ui-cmp-iconbtn, .gray.ui-cmp-icontxtbtn {
  color: #999999;
  background-color: transparent;
}
.gray.ui-cmp-iconbtn:hover, .gray.ui-cmp-icontxtbtn:hover {
  color: #4d4d4d;
}
.green.ui-cmp-iconbtn, .green.ui-cmp-icontxtbtn {
  color: #ffffff;
  background-color: #6bb347;
}

.ui-cmp-icontxtbtn {
  width: auto;
}
.ui-cmp-icontxtbtn > a {
  padding-right: 10px;
}

.ui-cmp-attachbtn {
  position: relative;
  display: inline-block;
  height: 60px;
  width: 230px;
  line-height: 60px;
  cursor: pointer;
  padding: 0 10px;
  box-sizing: border-box;
  border-radius: 5px;
}
.ui-cmp-attachbtn > p {
  display: inline-block;
  width: 42px;
  height: 42px;
  line-height: 42px;
  text-align: center;
  border-radius: 21px;
}
.ui-cmp-attachbtn > p > span:before {
  font-size: 60px;
  margin-left: -8px;
}
.ui-cmp-attachbtn > label {
  position: absolute;
  left: 62px;
  right: 45px;
  font-size: 14px;
  cursor: pointer;
  display: inline-block;
  height: 60px;
}
.ui-cmp-attachbtn > span {
  float: right;
  line-height: 60px;
}
.ui-cmp-attachbtn.green {
  background-color: white;
  color: black;
}
.ui-cmp-attachbtn.green > p {
  background-color: #81cc5c;
  color: white;
}
.ui-cmp-attachbtn.green.selected {
  background-color: #6bb347;
  color: white;
}
.ui-cmp-attachbtn.green.selected > p {
  background-color: #81cc5c;
}
.ui-cmp-attachbtn.blue {
  background-color: white;
  color: black;
}
.ui-cmp-attachbtn.blue > p {
  background-color: #49b9f1;
  color: white;
}
.ui-cmp-attachbtn.blue.selected {
  background-color: #1ba8ed;
  color: white;
}
.ui-cmp-attachbtn.blue.selected > p {
  background-color: #49b9f1;
}

.ui-cmp-progress {
  border-radius: 2px;
  overflow: hidden;
  position: relative;
  display: inline-block;
  width: 200px;
  height: 4px;
  border: none;
  background-color: #cccccc;
}
.ui-cmp-progress > span {
  position: absolute;
  left: 0;
  height: 4px;
  display: inline-block;
  transition: width 0.2s;
}
.ui-cmp-progress.white > span {
  background-color: #ffffff;
}
.ui-cmp-progress.blue > span {
  background-color: #1ba8ed;
}
.ui-cmp-progress[progress="0"] > span {
  display: none;
}
.ui-cmp-progress[progress="1"] > span {
  width: 10%;
}
.ui-cmp-progress[progress="2"] > span {
  width: 20%;
}
.ui-cmp-progress[progress="3"] > span {
  width: 30%;
}
.ui-cmp-progress[progress="4"] > span {
  width: 40%;
}
.ui-cmp-progress[progress="5"] > span {
  width: 50%;
}
.ui-cmp-progress[progress="6"] > span {
  width: 60%;
}
.ui-cmp-progress[progress="7"] > span {
  width: 70%;
}
.ui-cmp-progress[progress="8"] > span {
  width: 80%;
}
.ui-cmp-progress[progress="9"] > span {
  width: 90%;
}
.ui-cmp-progress[progress="10"] > span {
  width: 100%;
}

.ui-cmp-switcher {
  border-radius: 6px;
  position: relative;
  display: inline-block;
  width: 70px;
  height: 36px;
  line-height: 36px;
  color: white;
}
.ui-cmp-switcher > input {
  display: none;
}
.ui-cmp-switcher > input:checked ~ label {
  background-color: #1ba8ed;
  border-radius: 6px;
}
.ui-cmp-switcher > input:checked ~ label > span {
  left: 36px;
}
.ui-cmp-switcher > label {
  transition: background-color, 0.2s, forwards;
  background-color: #cccccc;
  border-radius: 6px;
  cursor: pointer;
  display: inline-block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
}
.ui-cmp-switcher > label > span {
  border-radius: 6px;
  display: inline-block;
  background-color: white;
  height: 32px;
  width: 32px;
  position: absolute;
  top: 2px;
  transition: left, 0.2s, forwards;
  left: 2px;
}
.ui-cmp-switcher > label > i {
  position: absolute;
  width: 50%;
  text-align: center;
  display: inline-block;
  font-size: 14px;
  line-height: 36px;
}
.ui-cmp-switcher > label > i[on] {
  left: 0;
}
.ui-cmp-switcher > label > i[off] {
  right: 0;
}
.ui-cmp-switcher.small {
  height: 20px;
  line-height: 20px;
  width: 55px;
}
.ui-cmp-switcher.small > input:checked ~ label > span {
  left: 12px;
}
.ui-cmp-switcher.small > input:checked ~ label > i[on] {
  display: inline-block;
}
.ui-cmp-switcher.small > input:checked ~ label > i[off] {
  display: none;
}
.ui-cmp-switcher.small > label {
  width: 30px;
  right: 0;
}
.ui-cmp-switcher.small > label > span {
  width: 16px;
  height: 16px;
  transition: left, 0.2s, forwards;
  left: 2px;
}
.ui-cmp-switcher.small > label > i {
  color: #4c4c4c;
  left: -45px;
  width: 45px;
  line-height: 20px;
  font-size: 12px;
}
.ui-cmp-switcher.small > label > i[on] {
  display: none;
}
.ui-cmp-switcher.small > label > i[off] {
  display: inline-block;
}
@keyframes ui-ani-glbmodal-show {
  to {
    margin-left: 0;
  }
}
@keyframes ui-ani-glbmodal-hide {
  to {
    margin-left: -100%;
  }
}
.ui-cmp-glbmodal, .ui-cmp-unvisi-modal, .ui-cmp-module-modal {
  position: fixed;
  z-index: 999;
  height: 100%;
  width: 100%;
  background-color: black;
  top: 0;
}

.ui-cmp-glbmodal {
  transition: opacity 0.2s;
  opacity: 0;
  margin-left: -100%;
  background-color: #F1F2F4;
}
.ui-cmp-glbmodal.show {
  margin-left: 0;
  opacity: 0.5;
}

.ui-cmp-loading-text-content {
  width: 100%;
  height: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-direction: column;
      flex-direction: column;
}

.ui-cmp-loading-text {
  position: relative;
  top: 38px;
  left: 6px;
  font-size: 14px;
  color: #999999;
}

.ui-cmp-unvisi-modal {
  background-color: transparent;
  margin-left: -100%;
}
.ui-cmp-unvisi-modal.show {
  margin-left: 0;
}

.ui-cmp-module-modal {
  z-index: 99;
  position: absolute !important;
  background-color: #F1F2F4;
  opacity: 0.5;
  left: 0;
}

.ui-cmp-online-state-modal {
  position: fixed;
  z-index: 999;
  height: 100%;
  width: 100%;
  background: transparent;
  top: 0;
  margin-left: -200%;
}
.ui-cmp-online-state-modal.show {
  margin-left: 0;
  background: rgba(0, 0, 0, 0.5);
}
.ui-cmp-online-state-modal .warnning {
  width: 440px;
  height: 200px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  border-radius: 5px;
  background-color: white;
  box-shadow: 0px 5px 20px 0 rgba(0, 0, 0, 0.3);
}
.ui-cmp-online-state-modal .warnning > div[b] {
  padding: 30px !important;
  border-bottom: none !important;
}
.ui-cmp-online-state-modal .warnning > div[b] > div {
  width: 40px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  margin: auto;
  color: #ffffff;
  background: #f4a300;
  border-radius: 50%;
  font-size: 23px;
}
.ui-cmp-online-state-modal .warnning > div[b] > p {
  text-align: center;
  margin-top: 10px;
}

.ui-cmp-online-state-modal .warnning > div[h], .ui-cmp-dialog > div > div[h], .ui-cmp-arrowDialog > div > div[h] {
  position: relative;
  width: 100%;
  height: 50px;
  line-height: 50px;
}
.ui-cmp-online-state-modal .warnning > div[h] > p, .ui-cmp-dialog > div > div[h] > p, .ui-cmp-arrowDialog > div > div[h] > p {
  position: absolute;
  display: inline-block;
  width: calc(100% - 40px);
  height: 50px;
  font-size: 14px;
  padding: 0 10px 0 15px;
  box-sizing: border-box;
}
.ui-cmp-online-state-modal .warnning > div[h] > p .sub, .ui-cmp-dialog > div > div[h] > p .sub, .ui-cmp-arrowDialog > div > div[h] > p .sub {
  padding-left: 10px;
  color: #1ba8ed;
  font-size: 12px;
}
.ui-cmp-online-state-modal .warnning > div[h] > span, .ui-cmp-dialog > div > div[h] > span, .ui-cmp-arrowDialog > div > div[h] > span {
  position: absolute;
  right: 7px;
  line-height: 50px;
}
.ui-cmp-online-state-modal .warnning > div[h] > .minimize, .ui-cmp-dialog > div > div[h] > .minimize, .ui-cmp-arrowDialog > div > div[h] > .minimize {
  right: 45px;
}
.ui-cmp-online-state-modal .warnning > div[b], .ui-cmp-dialog > div > div[b], .ui-cmp-arrowDialog > div > div[b] {
  box-sizing: border-box;
  position: relative;
  width: 100%;
  border-top: 1px solid;
  border-bottom: 1px solid;
  border-color: #e6eaf2;
  padding: 15px;
  font-size: 14px;
}
.ui-cmp-online-state-modal .warnning > div[b] > div[alert], .ui-cmp-dialog > div > div[b] > div[alert], .ui-cmp-arrowDialog > div > div[b] > div[alert] {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  margin: 15px auto;
  border: 1px none #f4a300;
  background-color: #fa0;
}
.ui-cmp-online-state-modal .warnning > div[b] > div[alert] > div[tips], .ui-cmp-dialog > div > div[b] > div[alert] > div[tips], .ui-cmp-arrowDialog > div > div[b] > div[alert] > div[tips] {
  position: relative;
  color: #fff;
  top: 5px;
  font-weight: 400;
}
.ui-cmp-online-state-modal .warnning > div[b] > div[alert] > div[tips] .font-caution:before, .ui-cmp-dialog > div > div[b] > div[alert] > div[tips] .font-caution:before, .ui-cmp-arrowDialog > div > div[b] > div[alert] > div[tips] .font-caution:before {
  font-size: 40px;
}
.ui-cmp-online-state-modal .warnning > div[b] > div[content], .ui-cmp-dialog > div > div[b] > div[content], .ui-cmp-arrowDialog > div > div[b] > div[content] {
  line-height: 24px;
  text-align: center;
  overflow: hidden;
}
.ui-cmp-online-state-modal .warnning > div[f], .ui-cmp-dialog > div > div[f], .ui-cmp-arrowDialog > div > div[f] {
  position: relative;
  width: 100%;
  height: 50px;
}
.ui-cmp-online-state-modal .warnning > div[f] > span, .ui-cmp-dialog > div > div[f] > span, .ui-cmp-arrowDialog > div > div[f] > span {
  float: right;
  margin-top: 7px;
  margin-right: 10px;
}
.ui-cmp-online-state-modal .warnning > div[f] > span:span[cc], .ui-cmp-dialog > div > div[f] > span:span[cc], .ui-cmp-arrowDialog > div > div[f] > span:span[cc] {
  margin-left: 10px;
}
.ui-cmp-online-state-modal .warnning > div[f] > span.step, .ui-cmp-dialog > div > div[f] > span.step, .ui-cmp-arrowDialog > div > div[f] > span.step {
  padding-left: 15px;
  color: #808080;
  display: block;
  margin-top: 25px;
}
.ui-cmp-online-state-modal .warnning > .hide-foot, .ui-cmp-dialog > div > .hide-foot, .ui-cmp-arrowDialog > div > .hide-foot {
  border-radius: 0 0 5px 5px;
}

.blue.ui-cmp-dialog > div > div[f] > span[ok], .blue.ui-cmp-arrowDialog > div > div[f] > span[ok] {
  background-color: #1ba8ed;
}
.green.ui-cmp-dialog > div > div[f] > span[ok], .green.ui-cmp-arrowDialog > div > div[f] > span[ok] {
  background-color: #00b31e;
}
.red.ui-cmp-dialog > div > div[f] > span[ok], .red.ui-cmp-arrowDialog > div > div[f] > span[ok] {
  background-color: #ff2a00;
}

.ui-cmp-dialog {
  position: fixed;
  z-index: 1000;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
}
.ui-cmp-dialog > div {
  width: 440px;
  position: relative;
  top: 80px;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  border-radius: 5px;
  background-color: white;
}
.ui-cmp-dialog.hide-cancel-btn span[cc] {
  visibility: hidden;
}

.hw-invited-theme > div {
  height: 105px;
  top: 50%;
  margin-top: -53px;
}
.hw-invited-theme > div div[h] {
  display: none;
}
.hw-invited-theme > div div[b] {
  border-top: none;
  border-bottom: none;
}
.hw-invited-theme > div div[f] span[ok] {
  margin-right: 30%;
  border-radius: 20px;
  height: 30px;
  line-height: 30px;
}
.hw-invited-theme > div div[f] span[cc] {
  border-radius: 20px;
  border: 1px solid #ff2a00;
  height: 30px;
  line-height: 30px;
  color: #ff2a00;
}
.hw-invited-theme > div div[f] span[cc]:hover {
  color: #ff2a00;
}

.ui-cmp-imgframe {
  position: absolute;
  width: calc(100% - 5px);
  height: calc(100% - 5px);
  overflow: hidden;
  margin: auto;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 1000;
}
.ui-cmp-imgframe > img {
  position: absolute;
  cursor: crosshair;
}
.ui-cmp-imgframe > span {
  color: white;
  position: absolute;
}
.ui-cmp-imgframe .ui-cmp-iconbtn {
  left: calc(100% - 45px);
  top: 15px;
}
.ui-cmp-imgframe.no-select {
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
}

.ui-cmp-tips {
  position: absolute;
  z-index: 1000;
  border-radius: 5px;
  box-sizing: border-box;
  padding-left: 5px;
  padding-right: 5px;
  line-height: 30px;
  color: black;
  background-color: white;
  font-size: 12px;
}

.ui-cmp-forminput > label, .ui-cmp-formswitcher > label, .ui-cmp-formarea > label, .ui-cmp-formselect > label, .ui-cmp-formcheckboxes > label, .ui-cmp-linkbutton > label {
  height: 35px;
  box-sizing: border-box;
  float: left;
  padding: 0 5px;
  display: inline-block;
  color: #4c4c4c;
  width: 20%;
  min-width: 25px;
}

.l1.ui-cmp-forminput, .l1.ui-cmp-formswitcher, .l1.ui-cmp-formarea, .l1.ui-cmp-formselect, .l1.ui-cmp-formcheckboxes, .l1.ui-cmp-linkbutton, .l2.ui-cmp-forminput, .l2.ui-cmp-formswitcher, .l2.ui-cmp-formarea, .l2.ui-cmp-formselect, .l2.ui-cmp-formcheckboxes, .l2.ui-cmp-linkbutton, .l3.ui-cmp-forminput, .l3.ui-cmp-formswitcher, .l3.ui-cmp-formarea, .l3.ui-cmp-formselect, .l3.ui-cmp-formcheckboxes, .l3.ui-cmp-linkbutton, .l4.ui-cmp-forminput, .l4.ui-cmp-formswitcher, .l4.ui-cmp-formarea, .l4.ui-cmp-formselect, .l4.ui-cmp-formcheckboxes, .l4.ui-cmp-linkbutton, .l5.ui-cmp-forminput, .l5.ui-cmp-formswitcher, .l5.ui-cmp-formarea, .l5.ui-cmp-formselect, .l5.ui-cmp-formcheckboxes, .l5.ui-cmp-linkbutton, .l6.ui-cmp-forminput, .l6.ui-cmp-formswitcher, .l6.ui-cmp-formarea, .l6.ui-cmp-formselect, .l6.ui-cmp-formcheckboxes, .l6.ui-cmp-linkbutton, .l7.ui-cmp-forminput, .l7.ui-cmp-formswitcher, .l7.ui-cmp-formarea, .l7.ui-cmp-formselect, .l7.ui-cmp-formcheckboxes, .l7.ui-cmp-linkbutton, .l8.ui-cmp-forminput, .l8.ui-cmp-formswitcher, .l8.ui-cmp-formarea, .l8.ui-cmp-formselect, .l8.ui-cmp-formcheckboxes, .l8.ui-cmp-linkbutton, .l9.ui-cmp-forminput, .l9.ui-cmp-formswitcher, .l9.ui-cmp-formarea, .l9.ui-cmp-formselect, .l9.ui-cmp-formcheckboxes, .l9.ui-cmp-linkbutton {
  display: inline-block;
}
.l1.ui-cmp-forminput, .l1.ui-cmp-formswitcher, .l1.ui-cmp-formarea, .l1.ui-cmp-formselect, .l1.ui-cmp-formcheckboxes, .l1.ui-cmp-linkbutton {
  width: 10%;
}
.l2.ui-cmp-forminput, .l2.ui-cmp-formswitcher, .l2.ui-cmp-formarea, .l2.ui-cmp-formselect, .l2.ui-cmp-formcheckboxes, .l2.ui-cmp-linkbutton {
  width: 20%;
}
.l3.ui-cmp-forminput, .l3.ui-cmp-formswitcher, .l3.ui-cmp-formarea, .l3.ui-cmp-formselect, .l3.ui-cmp-formcheckboxes, .l3.ui-cmp-linkbutton {
  width: 30%;
}
.l4.ui-cmp-forminput, .l4.ui-cmp-formswitcher, .l4.ui-cmp-formarea, .l4.ui-cmp-formselect, .l4.ui-cmp-formcheckboxes, .l4.ui-cmp-linkbutton {
  width: 40%;
}
.l5.ui-cmp-forminput, .l5.ui-cmp-formswitcher, .l5.ui-cmp-formarea, .l5.ui-cmp-formselect, .l5.ui-cmp-formcheckboxes, .l5.ui-cmp-linkbutton {
  width: 50%;
}
.l6.ui-cmp-forminput, .l6.ui-cmp-formswitcher, .l6.ui-cmp-formarea, .l6.ui-cmp-formselect, .l6.ui-cmp-formcheckboxes, .l6.ui-cmp-linkbutton {
  width: 60%;
}
.l7.ui-cmp-forminput, .l7.ui-cmp-formswitcher, .l7.ui-cmp-formarea, .l7.ui-cmp-formselect, .l7.ui-cmp-formcheckboxes, .l7.ui-cmp-linkbutton {
  width: 70%;
}
.l8.ui-cmp-forminput, .l8.ui-cmp-formswitcher, .l8.ui-cmp-formarea, .l8.ui-cmp-formselect, .l8.ui-cmp-formcheckboxes, .l8.ui-cmp-linkbutton {
  width: 80%;
}
.l9.ui-cmp-forminput, .l9.ui-cmp-formswitcher, .l9.ui-cmp-formarea, .l9.ui-cmp-formselect, .l9.ui-cmp-formcheckboxes, .l9.ui-cmp-linkbutton {
  width: 90%;
}
.d10.ui-cmp-forminput > label, .d10.ui-cmp-formswitcher > label, .d10.ui-cmp-formarea > label, .d10.ui-cmp-formselect > label, .d10.ui-cmp-formcheckboxes > label, .d10.ui-cmp-linkbutton > label {
  width: 10%;
  min-width: 12.5px;
}
.d10.ui-cmp-forminput > input, .d10.ui-cmp-formswitcher > input, .d10.ui-cmp-formarea > input, .d10.ui-cmp-formselect > input, .d10.ui-cmp-formcheckboxes > input, .d10.ui-cmp-linkbutton > input,
.d10.ui-cmp-forminput > textarea,
.d10.ui-cmp-formswitcher > textarea,
.d10.ui-cmp-formarea > textarea,
.d10.ui-cmp-formselect > textarea,
.d10.ui-cmp-formcheckboxes > textarea,
.d10.ui-cmp-linkbutton > textarea,
.d10.ui-cmp-forminput > div,
.d10.ui-cmp-formswitcher > div,
.d10.ui-cmp-formarea > div,
.d10.ui-cmp-formselect > div,
.d10.ui-cmp-formcheckboxes > div,
.d10.ui-cmp-linkbutton > div,
.d10.ui-cmp-forminput > a,
.d10.ui-cmp-formswitcher > a,
.d10.ui-cmp-formarea > a,
.d10.ui-cmp-formselect > a,
.d10.ui-cmp-formcheckboxes > a,
.d10.ui-cmp-linkbutton > a {
  width: 90%;
  min-width: 112.5px;
}
.d15.ui-cmp-forminput > label, .d15.ui-cmp-formswitcher > label, .d15.ui-cmp-formarea > label, .d15.ui-cmp-formselect > label, .d15.ui-cmp-formcheckboxes > label, .d15.ui-cmp-linkbutton > label {
  width: 15%;
  min-width: 18.75px;
}
.d15.ui-cmp-forminput > input, .d15.ui-cmp-formswitcher > input, .d15.ui-cmp-formarea > input, .d15.ui-cmp-formselect > input, .d15.ui-cmp-formcheckboxes > input, .d15.ui-cmp-linkbutton > input,
.d15.ui-cmp-forminput > textarea,
.d15.ui-cmp-formswitcher > textarea,
.d15.ui-cmp-formarea > textarea,
.d15.ui-cmp-formselect > textarea,
.d15.ui-cmp-formcheckboxes > textarea,
.d15.ui-cmp-linkbutton > textarea,
.d15.ui-cmp-forminput > div,
.d15.ui-cmp-formswitcher > div,
.d15.ui-cmp-formarea > div,
.d15.ui-cmp-formselect > div,
.d15.ui-cmp-formcheckboxes > div,
.d15.ui-cmp-linkbutton > div,
.d15.ui-cmp-forminput > a,
.d15.ui-cmp-formswitcher > a,
.d15.ui-cmp-formarea > a,
.d15.ui-cmp-formselect > a,
.d15.ui-cmp-formcheckboxes > a,
.d15.ui-cmp-linkbutton > a {
  width: 85%;
  min-width: 106.25px;
}
.d20.ui-cmp-forminput > label, .d20.ui-cmp-formswitcher > label, .d20.ui-cmp-formarea > label, .d20.ui-cmp-formselect > label, .d20.ui-cmp-formcheckboxes > label, .d20.ui-cmp-linkbutton > label {
  width: 20%;
  min-width: 25px;
}
.d20.ui-cmp-forminput > input, .d20.ui-cmp-formswitcher > input, .d20.ui-cmp-formarea > input, .d20.ui-cmp-formselect > input, .d20.ui-cmp-formcheckboxes > input, .d20.ui-cmp-linkbutton > input,
.d20.ui-cmp-forminput > textarea,
.d20.ui-cmp-formswitcher > textarea,
.d20.ui-cmp-formarea > textarea,
.d20.ui-cmp-formselect > textarea,
.d20.ui-cmp-formcheckboxes > textarea,
.d20.ui-cmp-linkbutton > textarea,
.d20.ui-cmp-forminput > div,
.d20.ui-cmp-formswitcher > div,
.d20.ui-cmp-formarea > div,
.d20.ui-cmp-formselect > div,
.d20.ui-cmp-formcheckboxes > div,
.d20.ui-cmp-linkbutton > div,
.d20.ui-cmp-forminput > a,
.d20.ui-cmp-formswitcher > a,
.d20.ui-cmp-formarea > a,
.d20.ui-cmp-formselect > a,
.d20.ui-cmp-formcheckboxes > a,
.d20.ui-cmp-linkbutton > a {
  width: 80%;
  min-width: 100px;
}
.d30.ui-cmp-forminput > label, .d30.ui-cmp-formswitcher > label, .d30.ui-cmp-formarea > label, .d30.ui-cmp-formselect > label, .d30.ui-cmp-formcheckboxes > label, .d30.ui-cmp-linkbutton > label {
  width: 30%;
  min-width: 37.5px;
}
.d30.ui-cmp-forminput > input, .d30.ui-cmp-formswitcher > input, .d30.ui-cmp-formarea > input, .d30.ui-cmp-formselect > input, .d30.ui-cmp-formcheckboxes > input, .d30.ui-cmp-linkbutton > input,
.d30.ui-cmp-forminput > textarea,
.d30.ui-cmp-formswitcher > textarea,
.d30.ui-cmp-formarea > textarea,
.d30.ui-cmp-formselect > textarea,
.d30.ui-cmp-formcheckboxes > textarea,
.d30.ui-cmp-linkbutton > textarea,
.d30.ui-cmp-forminput > div,
.d30.ui-cmp-formswitcher > div,
.d30.ui-cmp-formarea > div,
.d30.ui-cmp-formselect > div,
.d30.ui-cmp-formcheckboxes > div,
.d30.ui-cmp-linkbutton > div,
.d30.ui-cmp-forminput > a,
.d30.ui-cmp-formswitcher > a,
.d30.ui-cmp-formarea > a,
.d30.ui-cmp-formselect > a,
.d30.ui-cmp-formcheckboxes > a,
.d30.ui-cmp-linkbutton > a {
  width: 70%;
  min-width: 87.5px;
}
.d40.ui-cmp-forminput > label, .d40.ui-cmp-formswitcher > label, .d40.ui-cmp-formarea > label, .d40.ui-cmp-formselect > label, .d40.ui-cmp-formcheckboxes > label, .d40.ui-cmp-linkbutton > label {
  width: 40%;
  min-width: 50px;
}
.d40.ui-cmp-forminput > input, .d40.ui-cmp-formswitcher > input, .d40.ui-cmp-formarea > input, .d40.ui-cmp-formselect > input, .d40.ui-cmp-formcheckboxes > input, .d40.ui-cmp-linkbutton > input,
.d40.ui-cmp-forminput > textarea,
.d40.ui-cmp-formswitcher > textarea,
.d40.ui-cmp-formarea > textarea,
.d40.ui-cmp-formselect > textarea,
.d40.ui-cmp-formcheckboxes > textarea,
.d40.ui-cmp-linkbutton > textarea,
.d40.ui-cmp-forminput > div,
.d40.ui-cmp-formswitcher > div,
.d40.ui-cmp-formarea > div,
.d40.ui-cmp-formselect > div,
.d40.ui-cmp-formcheckboxes > div,
.d40.ui-cmp-linkbutton > div,
.d40.ui-cmp-forminput > a,
.d40.ui-cmp-formswitcher > a,
.d40.ui-cmp-formarea > a,
.d40.ui-cmp-formselect > a,
.d40.ui-cmp-formcheckboxes > a,
.d40.ui-cmp-linkbutton > a {
  width: 60%;
  min-width: 75px;
}
.t1.ui-cmp-forminput > label, .t1.ui-cmp-formswitcher > label, .t1.ui-cmp-formarea > label, .t1.ui-cmp-formselect > label, .t1.ui-cmp-formcheckboxes > label, .t1.ui-cmp-linkbutton > label {
  width: 50px;
}
.t1.ui-cmp-forminput > input, .t1.ui-cmp-formswitcher > input, .t1.ui-cmp-formarea > input, .t1.ui-cmp-formselect > input, .t1.ui-cmp-formcheckboxes > input, .t1.ui-cmp-linkbutton > input,
.t1.ui-cmp-forminput > textarea,
.t1.ui-cmp-formswitcher > textarea,
.t1.ui-cmp-formarea > textarea,
.t1.ui-cmp-formselect > textarea,
.t1.ui-cmp-formcheckboxes > textarea,
.t1.ui-cmp-linkbutton > textarea,
.t1.ui-cmp-forminput > div,
.t1.ui-cmp-formswitcher > div,
.t1.ui-cmp-formarea > div,
.t1.ui-cmp-formselect > div,
.t1.ui-cmp-formcheckboxes > div,
.t1.ui-cmp-linkbutton > div,
.t1.ui-cmp-forminput > a,
.t1.ui-cmp-formswitcher > a,
.t1.ui-cmp-formarea > a,
.t1.ui-cmp-formselect > a,
.t1.ui-cmp-formcheckboxes > a,
.t1.ui-cmp-linkbutton > a {
  width: calc(100% - 50px);
}
.t2.ui-cmp-forminput > label, .t2.ui-cmp-formswitcher > label, .t2.ui-cmp-formarea > label, .t2.ui-cmp-formselect > label, .t2.ui-cmp-formcheckboxes > label, .t2.ui-cmp-linkbutton > label {
  width: 100px;
}
.t2.ui-cmp-forminput > input, .t2.ui-cmp-formswitcher > input, .t2.ui-cmp-formarea > input, .t2.ui-cmp-formselect > input, .t2.ui-cmp-formcheckboxes > input, .t2.ui-cmp-linkbutton > input,
.t2.ui-cmp-forminput > textarea,
.t2.ui-cmp-formswitcher > textarea,
.t2.ui-cmp-formarea > textarea,
.t2.ui-cmp-formselect > textarea,
.t2.ui-cmp-formcheckboxes > textarea,
.t2.ui-cmp-linkbutton > textarea,
.t2.ui-cmp-forminput > div,
.t2.ui-cmp-formswitcher > div,
.t2.ui-cmp-formarea > div,
.t2.ui-cmp-formselect > div,
.t2.ui-cmp-formcheckboxes > div,
.t2.ui-cmp-linkbutton > div,
.t2.ui-cmp-forminput > a,
.t2.ui-cmp-formswitcher > a,
.t2.ui-cmp-formarea > a,
.t2.ui-cmp-formselect > a,
.t2.ui-cmp-formcheckboxes > a,
.t2.ui-cmp-linkbutton > a {
  width: calc(100% - 100px);
}
.t3.ui-cmp-forminput > label, .t3.ui-cmp-formswitcher > label, .t3.ui-cmp-formarea > label, .t3.ui-cmp-formselect > label, .t3.ui-cmp-formcheckboxes > label, .t3.ui-cmp-linkbutton > label {
  width: 150px;
}
.t3.ui-cmp-forminput > input, .t3.ui-cmp-formswitcher > input, .t3.ui-cmp-formarea > input, .t3.ui-cmp-formselect > input, .t3.ui-cmp-formcheckboxes > input, .t3.ui-cmp-linkbutton > input,
.t3.ui-cmp-forminput > textarea,
.t3.ui-cmp-formswitcher > textarea,
.t3.ui-cmp-formarea > textarea,
.t3.ui-cmp-formselect > textarea,
.t3.ui-cmp-formcheckboxes > textarea,
.t3.ui-cmp-linkbutton > textarea,
.t3.ui-cmp-forminput > div,
.t3.ui-cmp-formswitcher > div,
.t3.ui-cmp-formarea > div,
.t3.ui-cmp-formselect > div,
.t3.ui-cmp-formcheckboxes > div,
.t3.ui-cmp-linkbutton > div,
.t3.ui-cmp-forminput > a,
.t3.ui-cmp-formswitcher > a,
.t3.ui-cmp-formarea > a,
.t3.ui-cmp-formselect > a,
.t3.ui-cmp-formcheckboxes > a,
.t3.ui-cmp-linkbutton > a {
  width: calc(100% - 150px);
}
.t4.ui-cmp-forminput > label, .t4.ui-cmp-formswitcher > label, .t4.ui-cmp-formarea > label, .t4.ui-cmp-formselect > label, .t4.ui-cmp-formcheckboxes > label, .t4.ui-cmp-linkbutton > label {
  width: 200px;
}
.t4.ui-cmp-forminput > input, .t4.ui-cmp-formswitcher > input, .t4.ui-cmp-formarea > input, .t4.ui-cmp-formselect > input, .t4.ui-cmp-formcheckboxes > input, .t4.ui-cmp-linkbutton > input,
.t4.ui-cmp-forminput > textarea,
.t4.ui-cmp-formswitcher > textarea,
.t4.ui-cmp-formarea > textarea,
.t4.ui-cmp-formselect > textarea,
.t4.ui-cmp-formcheckboxes > textarea,
.t4.ui-cmp-linkbutton > textarea,
.t4.ui-cmp-forminput > div,
.t4.ui-cmp-formswitcher > div,
.t4.ui-cmp-formarea > div,
.t4.ui-cmp-formselect > div,
.t4.ui-cmp-formcheckboxes > div,
.t4.ui-cmp-linkbutton > div,
.t4.ui-cmp-forminput > a,
.t4.ui-cmp-formswitcher > a,
.t4.ui-cmp-formarea > a,
.t4.ui-cmp-formselect > a,
.t4.ui-cmp-formcheckboxes > a,
.t4.ui-cmp-linkbutton > a {
  width: calc(100% - 200px);
}
.t5.ui-cmp-forminput > label, .t5.ui-cmp-formswitcher > label, .t5.ui-cmp-formarea > label, .t5.ui-cmp-formselect > label, .t5.ui-cmp-formcheckboxes > label, .t5.ui-cmp-linkbutton > label {
  width: 250px;
}
.t5.ui-cmp-forminput > input, .t5.ui-cmp-formswitcher > input, .t5.ui-cmp-formarea > input, .t5.ui-cmp-formselect > input, .t5.ui-cmp-formcheckboxes > input, .t5.ui-cmp-linkbutton > input,
.t5.ui-cmp-forminput > textarea,
.t5.ui-cmp-formswitcher > textarea,
.t5.ui-cmp-formarea > textarea,
.t5.ui-cmp-formselect > textarea,
.t5.ui-cmp-formcheckboxes > textarea,
.t5.ui-cmp-linkbutton > textarea,
.t5.ui-cmp-forminput > div,
.t5.ui-cmp-formswitcher > div,
.t5.ui-cmp-formarea > div,
.t5.ui-cmp-formselect > div,
.t5.ui-cmp-formcheckboxes > div,
.t5.ui-cmp-linkbutton > div,
.t5.ui-cmp-forminput > a,
.t5.ui-cmp-formswitcher > a,
.t5.ui-cmp-formarea > a,
.t5.ui-cmp-formselect > a,
.t5.ui-cmp-formcheckboxes > a,
.t5.ui-cmp-linkbutton > a {
  width: calc(100% - 250px);
}
.t1h.ui-cmp-forminput > label, .t1h.ui-cmp-formswitcher > label, .t1h.ui-cmp-formarea > label, .t1h.ui-cmp-formselect > label, .t1h.ui-cmp-formcheckboxes > label, .t1h.ui-cmp-linkbutton > label {
  width: 25px;
}
.t1h.ui-cmp-forminput > input, .t1h.ui-cmp-formswitcher > input, .t1h.ui-cmp-formarea > input, .t1h.ui-cmp-formselect > input, .t1h.ui-cmp-formcheckboxes > input, .t1h.ui-cmp-linkbutton > input,
.t1h.ui-cmp-forminput > textarea,
.t1h.ui-cmp-formswitcher > textarea,
.t1h.ui-cmp-formarea > textarea,
.t1h.ui-cmp-formselect > textarea,
.t1h.ui-cmp-formcheckboxes > textarea,
.t1h.ui-cmp-linkbutton > textarea,
.t1h.ui-cmp-forminput > div,
.t1h.ui-cmp-formswitcher > div,
.t1h.ui-cmp-formarea > div,
.t1h.ui-cmp-formselect > div,
.t1h.ui-cmp-formcheckboxes > div,
.t1h.ui-cmp-linkbutton > div,
.t1h.ui-cmp-forminput > a,
.t1h.ui-cmp-formswitcher > a,
.t1h.ui-cmp-formarea > a,
.t1h.ui-cmp-formselect > a,
.t1h.ui-cmp-formcheckboxes > a,
.t1h.ui-cmp-linkbutton > a {
  width: calc(100% - 25px);
}
.t2h.ui-cmp-forminput > label, .t2h.ui-cmp-formswitcher > label, .t2h.ui-cmp-formarea > label, .t2h.ui-cmp-formselect > label, .t2h.ui-cmp-formcheckboxes > label, .t2h.ui-cmp-linkbutton > label {
  width: 50px;
}
.t2h.ui-cmp-forminput > input, .t2h.ui-cmp-formswitcher > input, .t2h.ui-cmp-formarea > input, .t2h.ui-cmp-formselect > input, .t2h.ui-cmp-formcheckboxes > input, .t2h.ui-cmp-linkbutton > input,
.t2h.ui-cmp-forminput > textarea,
.t2h.ui-cmp-formswitcher > textarea,
.t2h.ui-cmp-formarea > textarea,
.t2h.ui-cmp-formselect > textarea,
.t2h.ui-cmp-formcheckboxes > textarea,
.t2h.ui-cmp-linkbutton > textarea,
.t2h.ui-cmp-forminput > div,
.t2h.ui-cmp-formswitcher > div,
.t2h.ui-cmp-formarea > div,
.t2h.ui-cmp-formselect > div,
.t2h.ui-cmp-formcheckboxes > div,
.t2h.ui-cmp-linkbutton > div,
.t2h.ui-cmp-forminput > a,
.t2h.ui-cmp-formswitcher > a,
.t2h.ui-cmp-formarea > a,
.t2h.ui-cmp-formselect > a,
.t2h.ui-cmp-formcheckboxes > a,
.t2h.ui-cmp-linkbutton > a {
  width: calc(100% - 50px);
}
.t3h.ui-cmp-forminput > label, .t3h.ui-cmp-formswitcher > label, .t3h.ui-cmp-formarea > label, .t3h.ui-cmp-formselect > label, .t3h.ui-cmp-formcheckboxes > label, .t3h.ui-cmp-linkbutton > label {
  width: 75px;
}
.t3h.ui-cmp-forminput > input, .t3h.ui-cmp-formswitcher > input, .t3h.ui-cmp-formarea > input, .t3h.ui-cmp-formselect > input, .t3h.ui-cmp-formcheckboxes > input, .t3h.ui-cmp-linkbutton > input,
.t3h.ui-cmp-forminput > textarea,
.t3h.ui-cmp-formswitcher > textarea,
.t3h.ui-cmp-formarea > textarea,
.t3h.ui-cmp-formselect > textarea,
.t3h.ui-cmp-formcheckboxes > textarea,
.t3h.ui-cmp-linkbutton > textarea,
.t3h.ui-cmp-forminput > div,
.t3h.ui-cmp-formswitcher > div,
.t3h.ui-cmp-formarea > div,
.t3h.ui-cmp-formselect > div,
.t3h.ui-cmp-formcheckboxes > div,
.t3h.ui-cmp-linkbutton > div,
.t3h.ui-cmp-forminput > a,
.t3h.ui-cmp-formswitcher > a,
.t3h.ui-cmp-formarea > a,
.t3h.ui-cmp-formselect > a,
.t3h.ui-cmp-formcheckboxes > a,
.t3h.ui-cmp-linkbutton > a {
  width: calc(100% - 75px);
}
.t4h.ui-cmp-forminput > label, .t4h.ui-cmp-formswitcher > label, .t4h.ui-cmp-formarea > label, .t4h.ui-cmp-formselect > label, .t4h.ui-cmp-formcheckboxes > label, .t4h.ui-cmp-linkbutton > label {
  width: 100px;
}
.t4h.ui-cmp-forminput > input, .t4h.ui-cmp-formswitcher > input, .t4h.ui-cmp-formarea > input, .t4h.ui-cmp-formselect > input, .t4h.ui-cmp-formcheckboxes > input, .t4h.ui-cmp-linkbutton > input,
.t4h.ui-cmp-forminput > textarea,
.t4h.ui-cmp-formswitcher > textarea,
.t4h.ui-cmp-formarea > textarea,
.t4h.ui-cmp-formselect > textarea,
.t4h.ui-cmp-formcheckboxes > textarea,
.t4h.ui-cmp-linkbutton > textarea,
.t4h.ui-cmp-forminput > div,
.t4h.ui-cmp-formswitcher > div,
.t4h.ui-cmp-formarea > div,
.t4h.ui-cmp-formselect > div,
.t4h.ui-cmp-formcheckboxes > div,
.t4h.ui-cmp-linkbutton > div,
.t4h.ui-cmp-forminput > a,
.t4h.ui-cmp-formswitcher > a,
.t4h.ui-cmp-formarea > a,
.t4h.ui-cmp-formselect > a,
.t4h.ui-cmp-formcheckboxes > a,
.t4h.ui-cmp-linkbutton > a {
  width: calc(100% - 100px);
}
.t5h.ui-cmp-forminput > label, .t5h.ui-cmp-formswitcher > label, .t5h.ui-cmp-formarea > label, .t5h.ui-cmp-formselect > label, .t5h.ui-cmp-formcheckboxes > label, .t5h.ui-cmp-linkbutton > label {
  width: 120px;
}
.t5h.ui-cmp-forminput > input, .t5h.ui-cmp-formswitcher > input, .t5h.ui-cmp-formarea > input, .t5h.ui-cmp-formselect > input, .t5h.ui-cmp-formcheckboxes > input, .t5h.ui-cmp-linkbutton > input,
.t5h.ui-cmp-forminput > textarea,
.t5h.ui-cmp-formswitcher > textarea,
.t5h.ui-cmp-formarea > textarea,
.t5h.ui-cmp-formselect > textarea,
.t5h.ui-cmp-formcheckboxes > textarea,
.t5h.ui-cmp-linkbutton > textarea,
.t5h.ui-cmp-forminput > div,
.t5h.ui-cmp-formswitcher > div,
.t5h.ui-cmp-formarea > div,
.t5h.ui-cmp-formselect > div,
.t5h.ui-cmp-formcheckboxes > div,
.t5h.ui-cmp-linkbutton > div,
.t5h.ui-cmp-forminput > a,
.t5h.ui-cmp-formswitcher > a,
.t5h.ui-cmp-formarea > a,
.t5h.ui-cmp-formselect > a,
.t5h.ui-cmp-formcheckboxes > a,
.t5h.ui-cmp-linkbutton > a {
  width: calc(100% - 120px);
}

.ui-cmp-forminput, .ui-cmp-formswitcher, .ui-cmp-formarea {
  border-radius: 5px;
  position: relative;
  display: block;
  font-size: 14px;
  width: 100%;
  min-width: 125px;
}
.ui-cmp-forminput > input, .ui-cmp-formswitcher > input, .ui-cmp-formarea > input,
.ui-cmp-forminput > textarea,
.ui-cmp-formswitcher > textarea,
.ui-cmp-formarea > textarea,
.ui-cmp-forminput > div,
.ui-cmp-formswitcher > div,
.ui-cmp-formarea > div {
  float: right;
  border-radius: 5px;
  box-sizing: border-box;
  border: 1px solid transparent;
  padding: 0 10px 0 10px;
  display: inline-block;
  height: 100%;
  width: 80%;
  min-width: 100px;
  color: #1a1a1a;
  background-color: #ffffff;
}
.ui-cmp-forminput > i, .ui-cmp-formswitcher > i, .ui-cmp-formarea > i {
  position: absolute;
  font-size: 12px;
  padding: 0 2px;
  text-align: right;
  color: #999999;
  top: 0;
  right: 0;
  width: 75px;
  display: none;
}
.ui-cmp-forminput > span, .ui-cmp-formswitcher > span, .ui-cmp-formarea > span {
  position: absolute;
  display: none;
  top: 0;
  right: 0;
  line-height: 35px;
}
.white.ui-cmp-forminput > input, .white.ui-cmp-formswitcher > input, .white.ui-cmp-formarea > input,
.white.ui-cmp-forminput > textarea,
.white.ui-cmp-formswitcher > textarea,
.white.ui-cmp-formarea > textarea,
.white.ui-cmp-forminput > div,
.white.ui-cmp-formswitcher > div,
.white.ui-cmp-formarea > div {
  background-color: #ffffff;
}
.gray.ui-cmp-forminput > input, .gray.ui-cmp-formswitcher > input, .gray.ui-cmp-formarea > input,
.gray.ui-cmp-forminput > textarea,
.gray.ui-cmp-formswitcher > textarea,
.gray.ui-cmp-formarea > textarea,
.gray.ui-cmp-forminput > div,
.gray.ui-cmp-formswitcher > div,
.gray.ui-cmp-formarea > div {
  background-color: #f5f7fa;
}
.exceed.ui-cmp-forminput > i, .exceed.ui-cmp-formswitcher > i, .exceed.ui-cmp-formarea > i {
  display: inline-block;
  color: #ff0000;
}
.red.ui-cmp-forminput > input, .red.ui-cmp-formswitcher > input, .red.ui-cmp-formarea > input {
  background-color: #ffe5e5;
  border-color: #ff8080;
  color: #ff0000;
}
.red.ui-cmp-forminput > i, .red.ui-cmp-formswitcher > i, .red.ui-cmp-formarea > i {
  display: inline-block;
  color: #ff0000;
  right: 25px;
  background-color: #ffe5e5;
  width: auto;
  height: 100%;
  box-sizing: border-box;
  border-top: 1px solid #ff8080;
  border-bottom: 1px solid #ff8080;
  max-width: 80%;
}
.red.ui-cmp-forminput > .font-cancel, .red.ui-cmp-formswitcher > .font-cancel, .red.ui-cmp-formarea > .font-cancel {
  cursor: pointer;
}
.red.ui-cmp-forminput > span[no], .red.ui-cmp-formswitcher > span[no], .red.ui-cmp-formarea > span[no] {
  color: #ff0000;
  display: inline-block;
}
.green.ui-cmp-forminput > input, .green.ui-cmp-formswitcher > input, .green.ui-cmp-formarea > input {
  background-color: #e5ffea;
  border-color: #59b368;
}
.green.ui-cmp-forminput > input:focus ~ i, .green.ui-cmp-formswitcher > input:focus ~ i, .green.ui-cmp-formarea > input:focus ~ i {
  display: none;
}
.green.ui-cmp-forminput > span[ok], .green.ui-cmp-formswitcher > span[ok], .green.ui-cmp-formarea > span[ok] {
  color: #00b21e;
  display: inline-block;
}
.disabled.ui-cmp-forminput > input, .disabled.ui-cmp-formswitcher > input, .disabled.ui-cmp-formarea > input {
  background-color: #f5f7fa;
  border-color: transparent;
  color: #999999;
}
.disabled.ui-cmp-forminput > span[lc], .disabled.ui-cmp-formswitcher > span[lc], .disabled.ui-cmp-formarea > span[lc] {
  color: #999999;
  display: inline-block;
}
.addMultival.ui-cmp-forminput > i, .addMultival.ui-cmp-formswitcher > i, .addMultival.ui-cmp-formarea > i {
  right: 30px;
}
.addMultival.ui-cmp-forminput > input, .addMultival.ui-cmp-formswitcher > input, .addMultival.ui-cmp-formarea > input {
  width: calc(100% - 75px - 30px);
  float: left;
}
.addMultival.ui-cmp-forminput > span[add], .addMultival.ui-cmp-formswitcher > span[add], .addMultival.ui-cmp-formarea > span[add] {
  float: right;
  width: 30px;
  height: 30px;
  line-height: 30px;
  color: #999999;
  cursor: pointer;
  text-align: center;
  display: inline-block;
}
.addMultival.red.ui-cmp-forminput > i, .addMultival.red.ui-cmp-formswitcher > i, .addMultival.red.ui-cmp-formarea > i {
  right: 90px;
}
.addMultival.red.ui-cmp-forminput > span[no], .addMultival.red.ui-cmp-formswitcher > span[no], .addMultival.red.ui-cmp-formarea > span[no] {
  right: 25px;
}
.delMultival.ui-cmp-forminput > i, .delMultival.ui-cmp-formswitcher > i, .delMultival.ui-cmp-formarea > i {
  right: 30px;
}
.delMultival.ui-cmp-forminput > input, .delMultival.ui-cmp-formswitcher > input, .delMultival.ui-cmp-formarea > input {
  width: calc(100% - 75px - 30px);
  float: left;
}
.delMultival.ui-cmp-forminput > span[del], .delMultival.ui-cmp-formswitcher > span[del], .delMultival.ui-cmp-formarea > span[del] {
  float: right;
  width: 30px;
  height: 30px;
  line-height: 30px;
  color: #999999;
  cursor: pointer;
  text-align: center;
  display: inline-block;
}
.delMultival.red.ui-cmp-forminput > i, .delMultival.red.ui-cmp-formswitcher > i, .delMultival.red.ui-cmp-formarea > i {
  right: 90px;
}
.delMultival.red.ui-cmp-forminput > span[no], .delMultival.red.ui-cmp-formswitcher > span[no], .delMultival.red.ui-cmp-formarea > span[no] {
  right: 25px;
}

.multOpt > .ui-cmp-forminput > input {
  width: 70%;
  float: left;
}
.multOpt > .ui-cmp-forminput > span[addItemValue],
.multOpt > .ui-cmp-forminput > span[delItemValue] {
  display: inline-block;
  width: 35px;
  border: 1px solid #4c4c4c;
  border-radius: 5px;
  text-align: center;
  line-height: 33px;
  cursor: pointer;
  background-color: #ffffff;
}

.ui-cmp-forminput {
  height: 35px;
  line-height: 35px;
}
.ui-cmp-forminput > input:focus {
  padding-right: 50px;
}
.ui-cmp-forminput > input:focus ~ i {
  display: inline-block;
}
.ui-cmp-forminput.nolabel > label {
  display: none;
}
.ui-cmp-forminput.nolabel > input {
  width: 100%;
  min-width: 125px;
}
.ui-cmp-forminput.title-label {
  height: 70px;
}
.ui-cmp-forminput.title-label > label {
  width: 100%;
  font-size: 12px;
  text-align: left;
}
.ui-cmp-forminput.title-label > input {
  height: 35px;
  width: 100%;
  min-width: 125px;
}
.ui-cmp-forminput.title-label > i {
  top: 35px;
}

.ui-cmp-formswitcher {
  height: 35px;
  line-height: 35px;
}
.ui-cmp-formswitcher .ui-cmp-switcher {
  display: inline-block;
  line-height: 20px;
  margin: 5px;
}
.ui-cmp-formswitcher > label {
  text-align: right;
  padding-right: 20px;
}
.ui-cmp-formswitcher .switcher-description {
  display: inline-block;
  position: relative;
  color: #666;
  line-height: 35px;
  vertical-align: top;
}
.ui-cmp-formswitcher.nolabel > label {
  display: none;
}
.ui-cmp-formswitcher.nolabel > input {
  width: 100%;
  min-width: 125px;
}

.ui-cmp-formarea {
  height: 100px;
  line-height: 35px;
}
.ui-cmp-formarea > textarea {
  position: absolute;
  z-index: 1;
  top: 5px;
  height: calc(100% - 35px);
  line-height: 20px;
  padding: 0 10px 0 10px;
}
.ui-cmp-formarea > textarea:focus ~ i {
  display: inline-block;
}
.ui-cmp-formarea > i {
  top: calc(100% - 35px);
  z-index: 2;
}
.ui-cmp-formarea.nolabel > label {
  display: none;
}
.ui-cmp-formarea.nolabel > textarea:focus ~ div {
  box-shadow: 0px 0px 0px;
}
.ui-cmp-formarea.nolabel > textarea {
  width: calc(100% - 2px);
  min-width: 123px;
  margin-left: 1px;
}
.ui-cmp-formarea.nolabel > div {
  width: 100%;
  min-width: 125px;
  border-radius: 0;
  border: 1px solid #e6e6e6;
}

.ui-cmp-formselect {
  position: relative;
  display: block;
  z-index: 2;
  font-size: 14px;
  width: 100%;
  min-width: 125px;
  line-height: 35px;
}
.ui-cmp-formselect.activated {
  z-index: 3;
}

.ui-cmp-formcheckboxes {
  position: relative;
  display: block;
  font-size: 14px;
  width: 100%;
  min-width: 125px;
  line-height: 35px;
}
.ui-cmp-formcheckboxes > div {
  box-sizing: border-box;
  display: inline-block;
  height: auto;
  width: 80%;
  min-width: 100px;
}
.ui-cmp-formcheckboxes > div > span {
  float: left;
}
.ui-cmp-formcheckboxes.nolabel > label {
  display: none;
}
.ui-cmp-formcheckboxes.nolabel > div {
  width: 100%;
  min-width: 125px;
}

.ui-cmp-linkbutton {
  position: relative;
  display: block;
  font-size: 14px;
  width: 100%;
  min-width: 125px;
  line-height: 35px;
}
.ui-cmp-linkbutton > label {
  text-align: right;
  padding-right: 20px;
}
.ui-cmp-linkbutton > a {
  color: #1ba8ed;
  cursor: pointer;
}

.ui-cmp-avatar > .ui-cmp-dot {
  overflow: hidden;
}
.ui-cmp-avatar > .ui-cmp-dot:before {
  line-height: 10px;
  font-size: 12px;
  width: 10px;
  height: 10px;
  display: block;
  font-family: easemob;
  margin-left: -1px;
  -webkit-font-smoothing: antialiased;
}
.gray.ui-cmp-avatar > .ui-cmp-dot {
  background-color: #b3b8ba;
}
.red.ui-cmp-avatar > .ui-cmp-dot {
  color: #ffffff;
  background-color: #1ba8ed;
}
.red.ui-cmp-avatar > .ui-cmp-dot:before {
  margin-top: 1px;
  content: "\a106";
}
.yellow.ui-cmp-avatar > .ui-cmp-dot {
  color: #ffffff;
  background-color: #ff3000;
}
.yellow.ui-cmp-avatar > .ui-cmp-dot:before {
  content: "\a108";
}
.green.ui-cmp-avatar > .ui-cmp-dot {
  background-color: #5ae825;
}
.blue.ui-cmp-avatar > .ui-cmp-dot {
  color: #603901;
  background-color: #ffc715;
}
.blue.ui-cmp-avatar > .ui-cmp-dot:before {
  content: "\a107";
}

.ui-cmp-avatar {
  position: relative;
  display: inline-block;
  height: 30px;
  line-height: 30px;
}
.ui-cmp-avatar > img {
  border-radius: 15px;
  width: 30px;
}
.ui-cmp-avatar > span {
  position: absolute;
  right: -3px;
  bottom: -3px;
}

.ui-cmp-avatar-editor > div > div[b] {
  padding: 0;
  height: 352px;
}
.ui-cmp-avatar-editor > div > div[b] > div {
  position: relative;
}
.ui-cmp-avatar-editor > div > div[b] > [preview] {
  box-sizing: border-box;
  height: 100%;
  float: left;
  width: 90px;
  border-right: 1px solid #e6eaf2;
}
.ui-cmp-avatar-editor > div > div[b] > [preview] > p {
  margin: 15px 0;
  font-size: 14px;
  color: #4c4c4c;
  text-align: center;
}
.ui-cmp-avatar-editor > div > div[b] > [preview] > div {
  border-radius: 20px;
  margin-left: 25px;
  width: 40px;
  height: 40px;
  overflow: hidden;
  position: relative;
}
.ui-cmp-avatar-editor > div > div[b] > [preview] > div > img {
  position: absolute;
}
.ui-cmp-avatar-editor > div > div[b] > [upload] {
  box-sizing: border-box;
  height: 100%;
  float: left;
  width: 350px;
  text-align: center;
  padding-top: 150px;
}
.ui-cmp-avatar-editor > div > div[b] > [upload] > p {
  font-size: 12px;
  color: #999999;
}
.ui-cmp-avatar-editor > div > div[b] > [edit] {
  height: 100%;
  width: 350px;
  float: left;
}
.ui-cmp-avatar-editor > div > div[b] > [edit] > img {
  position: absolute;
}
.ui-cmp-avatar-editor > div > div[b] > [edit] > div {
  cursor: move;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.ui-cmp-avatar-editor > div > div[b] > [edit] > span {
  cursor: pointer;
  position: absolute;
  display: block;
  width: 24px;
  height: 24px;
  background-color: #1ba8ed;
  border-radius: 12px;
}
.ui-cmp-avatar-editor > div > div[b] > [edit] > span > .font-horizon-move {
  color: white;
  margin: -2px 0 0 -3px;
}

.ui-cmp-arrowDialog {
  position: absolute;
  width: 360px;
  background: transparent;
  z-index: 100;
}
.ui-cmp-arrowDialog.topTo, .ui-cmp-arrowDialog.bottomTo {
  margin-left: -180px;
  left: 50%;
}
.ui-cmp-arrowDialog.leftTo, .ui-cmp-arrowDialog.rightTo {
  top: 50%;
}
.ui-cmp-arrowDialog > span[arrow] {
  position: absolute;
  display: block;
  width: 3px;
  height: 3px;
  background: transparent;
  border-style: solid;
}
.ui-cmp-arrowDialog > span[arrow].topTo {
  left: 50%;
  border-width: 0px 13px 13px 13px;
  margin-left: -15px;
  border-color: white transparent;
}
.ui-cmp-arrowDialog > span[arrow].bottomTo {
  left: 50%;
  bottom: 0;
  border-width: 13px 13px 0px 13px;
  margin-left: -15px;
  border-color: white transparent;
}
.ui-cmp-arrowDialog > span[arrow].leftTo {
  top: 50%;
  left: 0;
  border-width: 13px 13px 13px 0px;
  border-color: transparent white;
  margin-top: -15px;
}
.ui-cmp-arrowDialog > span[arrow].rightTo {
  top: 50%;
  right: 0;
  border-width: 13px 0px 13px 13px;
  border-color: transparent white;
  margin-top: -15px;
}
.ui-cmp-arrowDialog > div {
  background: #fff;
  margin: 15px;
  border-radius: 4px;
}
.ui-cmp-arrowDialog > div > div[b] {
  color: #808080;
  border: none;
}
.ui-cmp-arrowDialog > div > div[b] > a {
  color: #1ba8ed;
  text-decoration: none;
}
.ui-cmp-arrowDialog > div > div[f] span[ok] {
  margin-right: 15px;
}

.lightZindex {
  z-index: 99 !important;
  position: relative;
  background: #fff;
}

.ui-itm-txtmsg, .ui-itm-blessmsg, .ui-itm-audiomsg, .ui-itm-videomsg, .ui-itm-callmsg, .ui-itm-imgmsg, .ui-itm-filemsg,
.ui-itm-formmsg,
.ui-itm-locmsg, .ui-itm-ordermsg, .ui-itm-trackmsg, .ui-itm-articlemsg, .ui-itm-noticemsg, .ui-itm-videocard {
  position: relative;
  width: 100%;
  height: auto;
  margin-bottom: 35px;
  display: inline-block;
  box-sizing: border-box;
}
.ui-itm-txtmsg:before, .ui-itm-blessmsg:before, .ui-itm-audiomsg:before, .ui-itm-videomsg:before, .ui-itm-callmsg:before, .ui-itm-imgmsg:before, .ui-itm-filemsg:before,
.ui-itm-formmsg:before,
.ui-itm-locmsg:before, .ui-itm-ordermsg:before, .ui-itm-trackmsg:before, .ui-itm-articlemsg:before, .ui-itm-noticemsg:before, .ui-itm-videocard:before {
  box-sizing: border-box;
  content: "";
  border-bottom: 1px solid;
  position: absolute;
  width: 10px;
  height: 10px;
  top: 16px;
}
.ui-itm-txtmsg > label, .ui-itm-blessmsg > label, .ui-itm-audiomsg > label, .ui-itm-videomsg > label, .ui-itm-callmsg > label, .ui-itm-imgmsg > label, .ui-itm-filemsg > label,
.ui-itm-formmsg > label,
.ui-itm-locmsg > label, .ui-itm-ordermsg > label, .ui-itm-trackmsg > label, .ui-itm-articlemsg > label, .ui-itm-noticemsg > label, .ui-itm-videocard > label {
  position: absolute;
  width: 100%;
  top: -18px;
  color: gray;
  left: 0;
  font-size: 12px;
}
.ui-itm-txtmsg > img, .ui-itm-blessmsg > img, .ui-itm-audiomsg > img, .ui-itm-videomsg > img, .ui-itm-callmsg > img, .ui-itm-imgmsg > img, .ui-itm-filemsg > img,
.ui-itm-formmsg > img,
.ui-itm-locmsg > img, .ui-itm-ordermsg > img, .ui-itm-trackmsg > img, .ui-itm-articlemsg > img, .ui-itm-noticemsg > img, .ui-itm-videocard > img {
  border-radius: 15px;
  width: 30px;
  height: 30px;
  position: absolute;
  top: 5px;
}
.ui-itm-txtmsg > div, .ui-itm-blessmsg > div, .ui-itm-audiomsg > div, .ui-itm-videomsg > div, .ui-itm-callmsg > div, .ui-itm-imgmsg > div, .ui-itm-filemsg > div,
.ui-itm-formmsg > div,
.ui-itm-locmsg > div, .ui-itm-ordermsg > div, .ui-itm-trackmsg > div, .ui-itm-articlemsg > div, .ui-itm-noticemsg > div, .ui-itm-videocard > div {
  display: inline-block;
  position: relative;
  border-radius: 5px;
  box-sizing: border-box;
  font-size: 14px;
  padding: 8px;
  width: calc(60% - 50px);
  min-height: 41px;
  border: 1px solid;
}
.ui-itm-txtmsg > div:before, .ui-itm-blessmsg > div:before, .ui-itm-audiomsg > div:before, .ui-itm-videomsg > div:before, .ui-itm-callmsg > div:before, .ui-itm-imgmsg > div:before, .ui-itm-filemsg > div:before,
.ui-itm-formmsg > div:before,
.ui-itm-locmsg > div:before, .ui-itm-ordermsg > div:before, .ui-itm-trackmsg > div:before, .ui-itm-articlemsg > div:before, .ui-itm-noticemsg > div:before, .ui-itm-videocard > div:before {
  content: "";
  position: absolute;
  width: 10px;
  height: 10px;
  top: 15px;
}
.ui-itm-txtmsg > .caution-icon, .ui-itm-blessmsg > .caution-icon, .ui-itm-audiomsg > .caution-icon, .ui-itm-videomsg > .caution-icon, .ui-itm-callmsg > .caution-icon, .ui-itm-imgmsg > .caution-icon, .ui-itm-filemsg > .caution-icon,
.ui-itm-formmsg > .caution-icon,
.ui-itm-locmsg > .caution-icon, .ui-itm-ordermsg > .caution-icon, .ui-itm-trackmsg > .caution-icon, .ui-itm-articlemsg > .caution-icon, .ui-itm-noticemsg > .caution-icon, .ui-itm-videocard > .caution-icon,
.ui-itm-txtmsg > .em-rulai-question,
.ui-itm-blessmsg > .em-rulai-question,
.ui-itm-audiomsg > .em-rulai-question,
.ui-itm-videomsg > .em-rulai-question,
.ui-itm-callmsg > .em-rulai-question,
.ui-itm-imgmsg > .em-rulai-question,
.ui-itm-filemsg > .em-rulai-question,
.ui-itm-formmsg > .em-rulai-question,
.ui-itm-locmsg > .em-rulai-question,
.ui-itm-ordermsg > .em-rulai-question,
.ui-itm-trackmsg > .em-rulai-question,
.ui-itm-articlemsg > .em-rulai-question,
.ui-itm-noticemsg > .em-rulai-question,
.ui-itm-videocard > .em-rulai-question {
  width: 20px;
  height: 20px;
  cursor: pointer;
  background-color: #ff2a00;
  border-radius: 10px;
  top: 13px;
  color: white;
  overflow: hidden;
}
.ui-itm-txtmsg > .caution-icon > span, .ui-itm-blessmsg > .caution-icon > span, .ui-itm-audiomsg > .caution-icon > span, .ui-itm-videomsg > .caution-icon > span, .ui-itm-callmsg > .caution-icon > span, .ui-itm-imgmsg > .caution-icon > span, .ui-itm-filemsg > .caution-icon > span,
.ui-itm-formmsg > .caution-icon > span,
.ui-itm-locmsg > .caution-icon > span, .ui-itm-ordermsg > .caution-icon > span, .ui-itm-trackmsg > .caution-icon > span, .ui-itm-articlemsg > .caution-icon > span, .ui-itm-noticemsg > .caution-icon > span, .ui-itm-videocard > .caution-icon > span,
.ui-itm-txtmsg > .em-rulai-question > span,
.ui-itm-blessmsg > .em-rulai-question > span,
.ui-itm-audiomsg > .em-rulai-question > span,
.ui-itm-videomsg > .em-rulai-question > span,
.ui-itm-callmsg > .em-rulai-question > span,
.ui-itm-imgmsg > .em-rulai-question > span,
.ui-itm-filemsg > .em-rulai-question > span,
.ui-itm-formmsg > .em-rulai-question > span,
.ui-itm-locmsg > .em-rulai-question > span,
.ui-itm-ordermsg > .em-rulai-question > span,
.ui-itm-trackmsg > .em-rulai-question > span,
.ui-itm-articlemsg > .em-rulai-question > span,
.ui-itm-noticemsg > .em-rulai-question > span,
.ui-itm-videocard > .em-rulai-question > span {
  margin-left: -5px;
  margin-top: -5px;
}
.ui-itm-txtmsg > .em-rulai-question, .ui-itm-blessmsg > .em-rulai-question, .ui-itm-audiomsg > .em-rulai-question, .ui-itm-videomsg > .em-rulai-question, .ui-itm-callmsg > .em-rulai-question, .ui-itm-imgmsg > .em-rulai-question, .ui-itm-filemsg > .em-rulai-question,
.ui-itm-formmsg > .em-rulai-question,
.ui-itm-locmsg > .em-rulai-question, .ui-itm-ordermsg > .em-rulai-question, .ui-itm-trackmsg > .em-rulai-question, .ui-itm-articlemsg > .em-rulai-question, .ui-itm-noticemsg > .em-rulai-question, .ui-itm-videocard > .em-rulai-question {
  background-color: #f4f7fa;
}
.ui-itm-txtmsg > .recall-msg-icon, .ui-itm-blessmsg > .recall-msg-icon, .ui-itm-audiomsg > .recall-msg-icon, .ui-itm-videomsg > .recall-msg-icon, .ui-itm-callmsg > .recall-msg-icon, .ui-itm-imgmsg > .recall-msg-icon, .ui-itm-filemsg > .recall-msg-icon,
.ui-itm-formmsg > .recall-msg-icon,
.ui-itm-locmsg > .recall-msg-icon, .ui-itm-ordermsg > .recall-msg-icon, .ui-itm-trackmsg > .recall-msg-icon, .ui-itm-articlemsg > .recall-msg-icon, .ui-itm-noticemsg > .recall-msg-icon, .ui-itm-videocard > .recall-msg-icon {
  cursor: pointer;
  width: 22px;
  height: 22px;
  border-radius: 50%;
  top: 13px;
  background-color: #e5e5e5;
  color: #999;
  overflow: hidden;
}
.ui-itm-txtmsg > .recall-msg-icon > span:before, .ui-itm-blessmsg > .recall-msg-icon > span:before, .ui-itm-audiomsg > .recall-msg-icon > span:before, .ui-itm-videomsg > .recall-msg-icon > span:before, .ui-itm-callmsg > .recall-msg-icon > span:before, .ui-itm-imgmsg > .recall-msg-icon > span:before, .ui-itm-filemsg > .recall-msg-icon > span:before,
.ui-itm-formmsg > .recall-msg-icon > span:before,
.ui-itm-locmsg > .recall-msg-icon > span:before, .ui-itm-ordermsg > .recall-msg-icon > span:before, .ui-itm-trackmsg > .recall-msg-icon > span:before, .ui-itm-articlemsg > .recall-msg-icon > span:before, .ui-itm-noticemsg > .recall-msg-icon > span:before, .ui-itm-videocard > .recall-msg-icon > span:before {
  line-height: 22px;
  font-size: 22px;
}
.ui-itm-txtmsg > .recall-msg-icon > label, .ui-itm-blessmsg > .recall-msg-icon > label, .ui-itm-audiomsg > .recall-msg-icon > label, .ui-itm-videomsg > .recall-msg-icon > label, .ui-itm-callmsg > .recall-msg-icon > label, .ui-itm-imgmsg > .recall-msg-icon > label, .ui-itm-filemsg > .recall-msg-icon > label,
.ui-itm-formmsg > .recall-msg-icon > label,
.ui-itm-locmsg > .recall-msg-icon > label, .ui-itm-ordermsg > .recall-msg-icon > label, .ui-itm-trackmsg > .recall-msg-icon > label, .ui-itm-articlemsg > .recall-msg-icon > label, .ui-itm-noticemsg > .recall-msg-icon > label, .ui-itm-videocard > .recall-msg-icon > label {
  box-shadow: 0 0 8px grey;
  background: #fff;
  border-radius: 5px;
  color: #000;
  font-size: 1em;
  position: absolute;
  padding: 5px 11px;
  top: -20px;
  display: none;
}
.ui-itm-txtmsg > .recall-msg-icon:hover, .ui-itm-blessmsg > .recall-msg-icon:hover, .ui-itm-audiomsg > .recall-msg-icon:hover, .ui-itm-videomsg > .recall-msg-icon:hover, .ui-itm-callmsg > .recall-msg-icon:hover, .ui-itm-imgmsg > .recall-msg-icon:hover, .ui-itm-filemsg > .recall-msg-icon:hover,
.ui-itm-formmsg > .recall-msg-icon:hover,
.ui-itm-locmsg > .recall-msg-icon:hover, .ui-itm-ordermsg > .recall-msg-icon:hover, .ui-itm-trackmsg > .recall-msg-icon:hover, .ui-itm-articlemsg > .recall-msg-icon:hover, .ui-itm-noticemsg > .recall-msg-icon:hover, .ui-itm-videocard > .recall-msg-icon:hover {
  background-color: #fc662c;
  color: white;
}
.ui-itm-txtmsg > .recall-msg-icon:hover > label, .ui-itm-blessmsg > .recall-msg-icon:hover > label, .ui-itm-audiomsg > .recall-msg-icon:hover > label, .ui-itm-videomsg > .recall-msg-icon:hover > label, .ui-itm-callmsg > .recall-msg-icon:hover > label, .ui-itm-imgmsg > .recall-msg-icon:hover > label, .ui-itm-filemsg > .recall-msg-icon:hover > label,
.ui-itm-formmsg > .recall-msg-icon:hover > label,
.ui-itm-locmsg > .recall-msg-icon:hover > label, .ui-itm-ordermsg > .recall-msg-icon:hover > label, .ui-itm-trackmsg > .recall-msg-icon:hover > label, .ui-itm-articlemsg > .recall-msg-icon:hover > label, .ui-itm-noticemsg > .recall-msg-icon:hover > label, .ui-itm-videocard > .recall-msg-icon:hover > label {
  display: inline-block;
}
.ui-itm-txtmsg > svg, .ui-itm-blessmsg > svg, .ui-itm-audiomsg > svg, .ui-itm-videomsg > svg, .ui-itm-callmsg > svg, .ui-itm-imgmsg > svg, .ui-itm-filemsg > svg,
.ui-itm-formmsg > svg,
.ui-itm-locmsg > svg, .ui-itm-ordermsg > svg, .ui-itm-trackmsg > svg, .ui-itm-articlemsg > svg, .ui-itm-noticemsg > svg, .ui-itm-videocard > svg {
  width: 45px;
  height: 45px;
  top: 0;
}
.left.ui-itm-txtmsg:before, .left.ui-itm-blessmsg:before, .left.ui-itm-audiomsg:before, .left.ui-itm-videomsg:before, .left.ui-itm-callmsg:before, .left.ui-itm-imgmsg:before, .left.ui-itm-filemsg:before,
.left.ui-itm-formmsg:before,
.left.ui-itm-locmsg:before, .left.ui-itm-ordermsg:before, .left.ui-itm-trackmsg:before, .left.ui-itm-articlemsg:before, .left.ui-itm-noticemsg:before, .left.ui-itm-videocard:before {
  transform: rotate(45deg);
  background-color: white;
  border-color: #e5e5e5;
  left: 41px;
}
.left.ui-itm-txtmsg > label, .left.ui-itm-blessmsg > label, .left.ui-itm-audiomsg > label, .left.ui-itm-videomsg > label, .left.ui-itm-callmsg > label, .left.ui-itm-imgmsg > label, .left.ui-itm-filemsg > label,
.left.ui-itm-formmsg > label,
.left.ui-itm-locmsg > label, .left.ui-itm-ordermsg > label, .left.ui-itm-trackmsg > label, .left.ui-itm-articlemsg > label, .left.ui-itm-noticemsg > label, .left.ui-itm-videocard > label {
  text-align: left;
}
.left.ui-itm-txtmsg > img, .left.ui-itm-blessmsg > img, .left.ui-itm-audiomsg > img, .left.ui-itm-videomsg > img, .left.ui-itm-callmsg > img, .left.ui-itm-imgmsg > img, .left.ui-itm-filemsg > img,
.left.ui-itm-formmsg > img,
.left.ui-itm-locmsg > img, .left.ui-itm-ordermsg > img, .left.ui-itm-trackmsg > img, .left.ui-itm-articlemsg > img, .left.ui-itm-noticemsg > img, .left.ui-itm-videocard > img {
  left: 0;
}
.left.ui-itm-txtmsg > div, .left.ui-itm-blessmsg > div, .left.ui-itm-audiomsg > div, .left.ui-itm-videomsg > div, .left.ui-itm-callmsg > div, .left.ui-itm-imgmsg > div, .left.ui-itm-filemsg > div,
.left.ui-itm-formmsg > div,
.left.ui-itm-locmsg > div, .left.ui-itm-ordermsg > div, .left.ui-itm-trackmsg > div, .left.ui-itm-articlemsg > div, .left.ui-itm-noticemsg > div, .left.ui-itm-videocard > div {
  border-color: #e5e5e5;
  background-color: white;
  width: 450px;
  margin-left: 45px;
}
.left.ui-itm-txtmsg > div:before, .left.ui-itm-blessmsg > div:before, .left.ui-itm-audiomsg > div:before, .left.ui-itm-videomsg > div:before, .left.ui-itm-callmsg > div:before, .left.ui-itm-imgmsg > div:before, .left.ui-itm-filemsg > div:before,
.left.ui-itm-formmsg > div:before,
.left.ui-itm-locmsg > div:before, .left.ui-itm-ordermsg > div:before, .left.ui-itm-trackmsg > div:before, .left.ui-itm-articlemsg > div:before, .left.ui-itm-noticemsg > div:before, .left.ui-itm-videocard > div:before {
  transform: rotate(45deg);
  background-color: white;
  left: -4px;
}
.left.ui-itm-txtmsg > svg, .left.ui-itm-blessmsg > svg, .left.ui-itm-audiomsg > svg, .left.ui-itm-videomsg > svg, .left.ui-itm-callmsg > svg, .left.ui-itm-imgmsg > svg, .left.ui-itm-filemsg > svg,
.left.ui-itm-formmsg > svg,
.left.ui-itm-locmsg > svg, .left.ui-itm-ordermsg > svg, .left.ui-itm-trackmsg > svg, .left.ui-itm-articlemsg > svg, .left.ui-itm-noticemsg > svg, .left.ui-itm-videocard > svg,
.left.ui-itm-txtmsg > span,
.left.ui-itm-blessmsg > span,
.left.ui-itm-audiomsg > span,
.left.ui-itm-videomsg > span,
.left.ui-itm-callmsg > span,
.left.ui-itm-imgmsg > span,
.left.ui-itm-filemsg > span,
.left.ui-itm-formmsg > span,
.left.ui-itm-locmsg > span,
.left.ui-itm-ordermsg > span,
.left.ui-itm-trackmsg > span,
.left.ui-itm-articlemsg > span,
.left.ui-itm-noticemsg > span,
.left.ui-itm-videocard > span {
  left: calc(60% + 10px);
}
.right.ui-itm-txtmsg:before, .right.ui-itm-blessmsg:before, .right.ui-itm-audiomsg:before, .right.ui-itm-videomsg:before, .right.ui-itm-callmsg:before, .right.ui-itm-imgmsg:before, .right.ui-itm-filemsg:before,
.right.ui-itm-formmsg:before,
.right.ui-itm-locmsg:before, .right.ui-itm-ordermsg:before, .right.ui-itm-trackmsg:before, .right.ui-itm-articlemsg:before, .right.ui-itm-noticemsg:before, .right.ui-itm-videocard:before {
  transform: rotate(-45deg);
  background-color: #e3ecfd;
  border-color: #d3dbeb;
  right: 45px;
}
.right.ui-itm-txtmsg > label, .right.ui-itm-blessmsg > label, .right.ui-itm-audiomsg > label, .right.ui-itm-videomsg > label, .right.ui-itm-callmsg > label, .right.ui-itm-imgmsg > label, .right.ui-itm-filemsg > label,
.right.ui-itm-formmsg > label,
.right.ui-itm-locmsg > label, .right.ui-itm-ordermsg > label, .right.ui-itm-trackmsg > label, .right.ui-itm-articlemsg > label, .right.ui-itm-noticemsg > label, .right.ui-itm-videocard > label {
  text-align: right;
}
.right.ui-itm-txtmsg > img, .right.ui-itm-blessmsg > img, .right.ui-itm-audiomsg > img, .right.ui-itm-videomsg > img, .right.ui-itm-callmsg > img, .right.ui-itm-imgmsg > img, .right.ui-itm-filemsg > img,
.right.ui-itm-formmsg > img,
.right.ui-itm-locmsg > img, .right.ui-itm-ordermsg > img, .right.ui-itm-trackmsg > img, .right.ui-itm-articlemsg > img, .right.ui-itm-noticemsg > img, .right.ui-itm-videocard > img {
  right: 0;
}
.right.ui-itm-txtmsg > div, .right.ui-itm-blessmsg > div, .right.ui-itm-audiomsg > div, .right.ui-itm-videomsg > div, .right.ui-itm-callmsg > div, .right.ui-itm-imgmsg > div, .right.ui-itm-filemsg > div,
.right.ui-itm-formmsg > div,
.right.ui-itm-locmsg > div, .right.ui-itm-ordermsg > div, .right.ui-itm-trackmsg > div, .right.ui-itm-articlemsg > div, .right.ui-itm-noticemsg > div, .right.ui-itm-videocard > div {
  border-color: #d3dbeb;
  background-color: #e3ecfd;
  float: right;
  margin-right: 45px;
  width: 450px;
}
.right.ui-itm-txtmsg > div:before, .right.ui-itm-blessmsg > div:before, .right.ui-itm-audiomsg > div:before, .right.ui-itm-videomsg > div:before, .right.ui-itm-callmsg > div:before, .right.ui-itm-imgmsg > div:before, .right.ui-itm-filemsg > div:before,
.right.ui-itm-formmsg > div:before,
.right.ui-itm-locmsg > div:before, .right.ui-itm-ordermsg > div:before, .right.ui-itm-trackmsg > div:before, .right.ui-itm-articlemsg > div:before, .right.ui-itm-noticemsg > div:before, .right.ui-itm-videocard > div:before {
  transform: rotate(-45deg);
  background-color: #e3ecfd;
  right: -4px;
}
.right.ui-itm-txtmsg > svg, .right.ui-itm-blessmsg > svg, .right.ui-itm-audiomsg > svg, .right.ui-itm-videomsg > svg, .right.ui-itm-callmsg > svg, .right.ui-itm-imgmsg > svg, .right.ui-itm-filemsg > svg,
.right.ui-itm-formmsg > svg,
.right.ui-itm-locmsg > svg, .right.ui-itm-ordermsg > svg, .right.ui-itm-trackmsg > svg, .right.ui-itm-articlemsg > svg, .right.ui-itm-noticemsg > svg, .right.ui-itm-videocard > svg,
.right.ui-itm-txtmsg > span,
.right.ui-itm-blessmsg > span,
.right.ui-itm-audiomsg > span,
.right.ui-itm-videomsg > span,
.right.ui-itm-callmsg > span,
.right.ui-itm-imgmsg > span,
.right.ui-itm-filemsg > span,
.right.ui-itm-formmsg > span,
.right.ui-itm-locmsg > span,
.right.ui-itm-ordermsg > span,
.right.ui-itm-trackmsg > span,
.right.ui-itm-articlemsg > span,
.right.ui-itm-noticemsg > span,
.right.ui-itm-videocard > span {
  right: calc(60% + 10px);
}

.ui-itm-ordermsg > div, .ui-itm-trackmsg > div {
  font-size: 12px;
}
.ui-itm-ordermsg > div .hw-goods-title, .ui-itm-trackmsg > div .hw-goods-title {
  display: -ms-flexbox;
  display: flex;
  padding: 0 0 10px 20px;
  border-bottom: 1px solid #a9a9a94d;
}
.ui-itm-ordermsg > div .hw-goods-title .hw-goods-order-code, .ui-itm-trackmsg > div .hw-goods-title .hw-goods-order-code {
  -ms-flex: 2;
      flex: 2;
}
.ui-itm-ordermsg > div .hw-goods-title .hw-goods-order-status, .ui-itm-trackmsg > div .hw-goods-title .hw-goods-order-status {
  -ms-flex: 1;
      flex: 1;
}
.ui-itm-ordermsg > div .hw-goods-list a, .ui-itm-trackmsg > div .hw-goods-list a {
  text-decoration: none;
  color: inherit;
  outline: none;
  display: -ms-flexbox;
  display: flex;
  margin: 10px 0;
}
.ui-itm-ordermsg > div .hw-goods-list a > .hw-list-img, .ui-itm-trackmsg > div .hw-goods-list a > .hw-list-img {
  -ms-flex: 1;
      flex: 1;
}
.ui-itm-ordermsg > div .hw-goods-list a > .hw-list-img > img, .ui-itm-trackmsg > div .hw-goods-list a > .hw-list-img > img {
  width: 60px;
  margin: auto;
  display: block;
}
.ui-itm-ordermsg > div .hw-goods-list a > .hw-list-des, .ui-itm-trackmsg > div .hw-goods-list a > .hw-list-des {
  -ms-flex: 3;
      flex: 3;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
}
.ui-itm-ordermsg > div .hw-goods-list a > .hw-list-des > .hw-list-des-name, .ui-itm-trackmsg > div .hw-goods-list a > .hw-list-des > .hw-list-des-name {
  -ms-flex: 1;
      flex: 1;
}
.ui-itm-ordermsg > div .hw-goods-list a > .hw-list-des > .hw-list-des-name > div, .ui-itm-trackmsg > div .hw-goods-list a > .hw-list-des > .hw-list-des-name > div {
  display: -webkit-box;
  /* 盒子类型 */
  word-break: break-all;
  /* 自动换行的处理方法。允许在单词内换行 */
  text-overflow: ellipsis;
  /* 溢出时用... */
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  /* 行数 */
}
.ui-itm-ordermsg > div .hw-goods-list a > .hw-list-des > .hw-list-des-desc, .ui-itm-trackmsg > div .hw-goods-list a > .hw-list-des > .hw-list-des-desc {
  -ms-flex: 1;
      flex: 1;
}
.ui-itm-ordermsg > div .hw-goods-list a > .hw-list-des > .hw-list-des-desc > span, .ui-itm-trackmsg > div .hw-goods-list a > .hw-list-des > .hw-list-des-desc > span {
  display: -webkit-box;
  /* 盒子类型 */
  word-break: break-all;
  /* 自动换行的处理方法。允许在单词内换行 */
  text-overflow: ellipsis;
  /* 溢出时用... */
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  /* 行数 */
}
.ui-itm-ordermsg > div .hw-goods-list a > .hw-list-num, .ui-itm-trackmsg > div .hw-goods-list a > .hw-list-num {
  float: left;
  -ms-flex-direction: column;
      flex-direction: column;
}
.ui-itm-ordermsg > div .hw-goods-list a > .hw-list-num .hw-list-price-del, .ui-itm-trackmsg > div .hw-goods-list a > .hw-list-num .hw-list-price-del, .ui-itm-ordermsg > div .hw-goods-list a > .hw-list-num .hw-list-price-quantity, .ui-itm-trackmsg > div .hw-goods-list a > .hw-list-num .hw-list-price-quantity {
  -ms-flex: 1;
      flex: 1;
}
.ui-itm-ordermsg > div .hw-list-num, .ui-itm-trackmsg > div .hw-list-num {
  display: -ms-flexbox;
  display: flex;
}
.ui-itm-ordermsg > div .hw-list-num .hw-list-price-del, .ui-itm-trackmsg > div .hw-list-num .hw-list-price-del, .ui-itm-ordermsg > div .hw-list-num .hw-list-price-quantity, .ui-itm-trackmsg > div .hw-list-num .hw-list-price-quantity {
  -ms-flex: 1;
      flex: 1;
}
.ui-itm-ordermsg > div .hw-goods-footer, .ui-itm-trackmsg > div .hw-goods-footer {
  display: -ms-flexbox;
  display: flex;
  border-top: 1px solid #a9a9a94d;
  padding-top: 10px;
}
.ui-itm-ordermsg > div .hw-goods-footer .hw-goods-footer-time, .ui-itm-trackmsg > div .hw-goods-footer .hw-goods-footer-time {
  width: 48%;
}
.ui-itm-ordermsg > div .hw-goods-footer .hw-goods-footer-quantity, .ui-itm-trackmsg > div .hw-goods-footer .hw-goods-footer-quantity {
  -ms-flex: 1;
      flex: 1;
}
.ui-itm-ordermsg > div .hw-goods-footer .hw-goods-footer-payment, .ui-itm-trackmsg > div .hw-goods-footer .hw-goods-footer-payment {
  -ms-flex: 1;
      flex: 1;
}
.ui-itm-ordermsg .loading-more, .ui-itm-trackmsg .loading-more {
  text-align: center;
}
.ui-itm-ordermsg .loading-more .loading-more-icon, .ui-itm-trackmsg .loading-more .loading-more-icon {
  transform: rotate(90deg);
}
.left.ui-itm-ordermsg > span, .left.ui-itm-trackmsg > span {
  left: calc(50% + 10px);
}
.right.ui-itm-ordermsg > div, .right.ui-itm-trackmsg > div {
  margin-left: calc(50%);
}
.right.ui-itm-ordermsg > span, .right.ui-itm-trackmsg > span {
  right: calc(50% + 10px);
}

.ui-cmp-chatcontainer {
  position: relative;
  height: 100%;
  overflow: hidden;
}
.ui-cmp-chatcontainer > ul > li {
  line-height: 20px;
  display: block;
}

.ui-itm-txtmsg.left {
  float: left;
}
.ui-itm-txtmsg.left > div {
  float: left;
  width: auto;
  max-width: calc(85% - 50px);
}
.ui-itm-txtmsg.left > div > p {
  word-wrap: break-word;
  line-height: 20px;
  word-break: break-all;
}
.ui-itm-txtmsg.left > div > p a.link {
  line-height: 24px;
  color: #009eec;
}
.ui-itm-txtmsg.left > div > p > img {
  margin: -2px 2px 0 2px;
  width: 24px;
  height: 24px;
  line-height: 20px;
}
.ui-itm-txtmsg.left > svg {
  display: inline-block;
  position: static;
  float: left;
}
.ui-itm-txtmsg.left > span {
  display: inline-block;
  position: static;
  float: left;
  margin: 12px;
}
.ui-itm-txtmsg.left > .paper-icon {
  background-color: #1ba8ed;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
}
.ui-itm-txtmsg.left > .paper-icon > span:before {
  font-size: 14px;
  color: white;
}
.ui-itm-txtmsg.right {
  float: right;
}
.ui-itm-txtmsg.right > div {
  float: right;
  width: auto;
  margin: 0;
  margin-right: 45px;
  max-width: calc(85% - 50px);
}
.ui-itm-txtmsg.right > div > p {
  word-wrap: break-word;
  line-height: 20px;
  word-break: break-all;
}
.ui-itm-txtmsg.right > div > p a.link {
  line-height: 24px;
  color: #009eec;
}
.ui-itm-txtmsg.right > div > p > img {
  margin: -2px 2px 0 2px;
  width: 24px;
  height: 24px;
  line-height: 20px;
}
.ui-itm-txtmsg.right > div .em-robot-msg img {
  width: 100%;
}
.ui-itm-txtmsg.right > .selfWhisper {
  background-color: #EE9025;
  border-color: #EE9025;
  color: white;
}
.ui-itm-txtmsg.right > .selfWhisper:before {
  background-color: #EE9025;
}
.ui-itm-txtmsg.right > .otherWhisper {
  background-color: #ffeaca;
  border-color: #f7ddb5;
}
.ui-itm-txtmsg.right > .otherWhisper:before {
  background-color: #ffeaca;
}
.ui-itm-txtmsg.right > svg {
  display: inline-block;
  position: static;
  float: right;
}
.ui-itm-txtmsg.right > span {
  display: inline-block;
  position: static;
  float: right;
  margin: 12px;
}
.ui-itm-txtmsg.right > .hw-danger-msg {
  height: 20px;
  width: 20px;
  font-weight: 900;
  font-size: 15px;
  color: white;
  line-height: 20px;
  border: 1px solid orange;
  text-align: center;
  border-radius: 50%;
  background-color: orange;
}
.ui-itm-txtmsg.right > .ui-itm-txtmsg-tips {
  float: right;
  width: 100%;
  display: block;
}
.ui-itm-txtmsg.right > .ui-itm-txtmsg-tips > div {
  height: 36px;
  width: 400px;
  margin: auto;
  text-align: center;
  background-color: #dddddd;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
.ui-itm-txtmsg .matched {
  background-color: #1ba8ed;
  color: white;
}

.ui-itm-blessmsg > div.msgbody {
  padding: 0;
  margin-left: calc(100% - 300px);
  width: 250px;
}
.ui-itm-blessmsg > div.msgbody .icon {
  background-color: #1ba8ed;
  color: white;
  text-align: center;
  line-height: 60px;
  display: inline-block;
  width: 60px;
  height: 60px;
  border-radius: 5px 0 0 5px;
}
.ui-itm-blessmsg > div.msgbody .content {
  width: calc(100% - 64px);
  display: inline-block;
}
.ui-itm-blessmsg > div.msgbody .content .blesswords {
  max-height: 36px;
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.ui-itm-blessmsg > div.msgbody .content .check {
  color: #1ba8ed;
  cursor: pointer;
}
.ui-itm-blessmsg > svg,
.ui-itm-blessmsg > span {
  display: inline-block;
  position: static;
}
.ui-itm-blessmsg.left {
  float: left;
}
.ui-itm-blessmsg.left > div {
  margin-left: 50px;
  float: left;
}
.ui-itm-blessmsg.left > div:before {
  background-color: #1ba8ed;
}
.ui-itm-blessmsg.left > svg {
  float: left;
}
.ui-itm-blessmsg.left > span {
  float: left;
  margin: 12px;
}
.ui-itm-blessmsg.right {
  float: right;
}
.ui-itm-blessmsg.right > div {
  margin-right: 50px;
  margin-left: 0;
  float: right;
}
.ui-itm-blessmsg.right > svg {
  float: right;
}
.ui-itm-blessmsg.right > span {
  float: right;
  margin: 12px;
}

.ui-itm-evaluate {
  position: relative;
  width: 100%;
  height: auto;
  margin-bottom: 35px;
  display: inline-block;
  box-sizing: border-box;
  text-align: center;
}
.ui-itm-evaluate > div {
  width: 30%;
  min-width: 155px;
  margin: auto;
  height: 25px;
  line-height: 25px;
  background-color: #ededed;
  border: 1px solid #ededed;
}

.ui-itm-audiomsg > div {
  padding: 5px 10px;
  cursor: pointer;
  width: auto;
  max-width: calc(100% - 200px);
  min-width: 180px;
}
.ui-itm-audiomsg > div > .audio-container {
  display: -ms-flexbox;
  display: flex;
}
.ui-itm-audiomsg > div > .audio-container > span {
  color: #999999;
}
.ui-itm-audiomsg > div > .audio-container > div {
  width: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: end;
      justify-content: flex-end;
}
.ui-itm-audiomsg > div > .audio-container > div > label {
  cursor: pointer;
}
.ui-itm-audiomsg > div > .audio-container > div > .text-transfer {
  margin: 0 5px;
  cursor: pointer;
  color: #1ba8ed;
}
.ui-itm-audiomsg > div > .audio-container > div > .transfering {
  margin: 0 5px;
  color: #999;
}
.ui-itm-audiomsg > div > .audio-to-msg {
  border-top: 1px solid #e6eaf2;
  cursor: initial;
  padding: 5px 0;
}
.ui-itm-audiomsg.left {
  float: left;
}
.ui-itm-audiomsg.left > span {
  left: 160px;
  display: inline-block;
  margin: 12px;
}
.ui-itm-audiomsg.left > svg {
  left: 230px;
}
.ui-itm-audiomsg.right {
  float: right;
}
.ui-itm-audiomsg.right > div {
  float: right;
  margin-right: 45px;
  margin-left: 0;
}
.ui-itm-audiomsg.right > div > .audio-container {
  -ms-flex-direction: row-reverse;
      flex-direction: row-reverse;
}
.ui-itm-audiomsg.right > div > .audio-container > span {
  color: #a9b5cc;
  transform: rotate(180deg);
}
.ui-itm-audiomsg.right > div > .audio-container > div {
  -ms-flex-direction: row-reverse;
      flex-direction: row-reverse;
}
.ui-itm-audiomsg.right > div > .audio-container > div > span {
  display: none;
}
.ui-itm-audiomsg.right > div > .audio-to-msg {
  display: none;
}
.ui-itm-audiomsg.right > span {
  float: right;
  display: inline-block;
  margin: 12px;
}
.ui-itm-audiomsg.right > svg {
  left: inherit;
  right: 230px;
}
.ui-itm-audiomsg.audio-playing > div {
  animation: ui-ani-chat-audio-playing 0.7s infinite alternate;
}
.ui-itm-audiomsg.audio-playing > div::before {
  animation: ui-ani-chat-audio-playing 0.7s infinite alternate;
  transform: rotate(45deg);
  background-color: white;
}
.ui-itm-audiomsg.isleft > div::before {
  left: -4px;
}
.ui-itm-audiomsg.isright > div::before {
  right: -4px;
}

.ui-itm-videomsg > div {
  padding: 0;
  cursor: pointer;
  width: auto;
  max-width: calc(80% - 50px);
}
.ui-itm-videomsg > div > svg {
  display: none;
}
.ui-itm-videomsg > div > span {
  display: none;
}
.ui-itm-videomsg > div > div {
  border-radius: 5px;
  overflow: hidden;
}
.ui-itm-videomsg > div > div p {
  float: right;
  width: calc(100% - 60px);
  min-width: 100px;
  padding: 10px 10px 0;
  box-sizing: border-box;
}
.ui-itm-videomsg > div > div img {
  float: left;
  height: 60px;
  width: 60px;
}
.ui-itm-videomsg > span {
  display: inline-block;
  position: static;
  margin: 12px;
}
.ui-itm-videomsg .ui-cmp-loading {
  display: none !important;
}
.ui-itm-videomsg.loading > div {
  cursor: default;
  color: #999999;
  width: 52px;
  padding: 6px 10px;
}
.ui-itm-videomsg.loading > div > svg {
  display: inline-block;
}
.ui-itm-videomsg.loading > div > span {
  display: none;
}
.ui-itm-videomsg.loading > div > a {
  display: none;
}
.ui-itm-videomsg.left {
  float: left;
}
.ui-itm-videomsg.left > div {
  float: left;
}
.ui-itm-videomsg.left > div > div p {
  float: left;
}
.ui-itm-videomsg.left > div > div img {
  float: right;
}
.ui-itm-videomsg.left > span {
  float: left;
}
.ui-itm-videomsg.right {
  float: right;
}
.ui-itm-videomsg.right > div {
  float: right;
  margin-right: 45px;
  margin-left: 0;
}
.ui-itm-videomsg.right > span {
  float: right;
}

.ui-itm-callmsg.talking:before, .ui-itm-callmsg.ring:before, .ui-itm-callmsg.hangup:before {
  display: none;
}
.ui-itm-callmsg p.date-time {
  position: absolute;
  width: 100%;
  text-align: center;
  top: -16px;
  color: gray;
}
.ui-itm-callmsg.right > div {
  max-width: 100%;
}
.ui-itm-callmsg.right > div.player-box {
  background: none;
  display: none;
  border: none;
  box-shadow: none;
  padding: 10px 0;
  margin: 0px;
  width: 100%;
}
.ui-itm-callmsg.right > div.player-box::before {
  display: table;
  content: ' ';
  clear: both;
  height: 0px;
}
.ui-itm-callmsg.right > div.player-box .em-audioplayer {
  width: 100%;
  margin: 0 auto;
}
@keyframes ui-ani-chat-audio-playing {
  0% {
    background: #b2b2b2;
  }
  50% {
    background: #e5e5e5;
  }
  100% {
    background: white;
  }
}
.ui-itm-imgmsg > div {
  cursor: pointer;
  width: auto;
  max-width: calc(60% - 50px);
}
.ui-itm-imgmsg > div > img {
  display: inline-block;
  max-width: 100%;
  border-radius: 3px;
}
.ui-itm-imgmsg > div > svg {
  display: none;
}
.ui-itm-imgmsg > div > span {
  display: none;
}
.ui-itm-imgmsg > span {
  display: inline-block;
  position: static;
  margin: 12px;
}
.ui-itm-imgmsg.loading > div {
  cursor: default;
  color: #999999;
  width: 52px;
  padding: 6px 10px;
}
.ui-itm-imgmsg.loading > div > svg {
  display: inline-block;
}
.ui-itm-imgmsg.loading > div > span {
  display: none;
}
.ui-itm-imgmsg.loading > div > img {
  display: none;
}
.ui-itm-imgmsg.broken > div {
  cursor: default;
  color: #999999;
  width: 52px;
  padding: 6px 10px;
}
.ui-itm-imgmsg.broken > div > svg {
  display: none;
}
.ui-itm-imgmsg.broken > div > span {
  display: inline-block;
}
.ui-itm-imgmsg.broken > div > img {
  display: none;
}
.ui-itm-imgmsg.left {
  float: left;
}
.ui-itm-imgmsg.left > div {
  float: left;
}
.ui-itm-imgmsg.left > span {
  float: left;
}
.ui-itm-imgmsg.right {
  float: right;
}
.ui-itm-imgmsg.right > div {
  float: right;
  margin-right: 45px;
  margin-left: 0;
  width: auto;
}
.ui-itm-imgmsg.right > span {
  float: right;
}
.ui-itm-imgmsg > .hw-danger-msg {
  height: 20px;
  width: 20px;
  font-weight: 900;
  font-size: 15px;
  color: white;
  line-height: 20px;
  border: 1px solid orange;
  text-align: center;
  border-radius: 50%;
  background-color: orange;
}
.ui-itm-imgmsg > .ui-itm-txtmsg-tips {
  float: right;
  width: 100%;
  display: block;
}
.ui-itm-imgmsg > .ui-itm-txtmsg-tips > div {
  height: 36px;
  width: 400px;
  margin: auto;
  text-align: center;
  background-color: #dddddd;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

.ui-itm-filemsg > div,
.ui-itm-formmsg > div,
.ui-itm-locmsg > div {
  padding: 0;
  cursor: pointer;
  width: auto;
  max-width: calc(50% - 50px);
}
.ui-itm-filemsg > div > svg,
.ui-itm-formmsg > div > svg,
.ui-itm-locmsg > div > svg {
  display: none;
}
.ui-itm-filemsg > div > span,
.ui-itm-formmsg > div > span,
.ui-itm-locmsg > div > span {
  display: none;
}
.ui-itm-filemsg > div > a,
.ui-itm-formmsg > div > a,
.ui-itm-locmsg > div > a {
  display: block;
  color: #000;
  text-decoration: none;
}
.ui-itm-filemsg > div > a > div,
.ui-itm-formmsg > div > a > div,
.ui-itm-locmsg > div > a > div {
  border-radius: 5px;
  overflow: hidden;
}
.ui-itm-filemsg > div > a > div p,
.ui-itm-formmsg > div > a > div p,
.ui-itm-locmsg > div > a > div p {
  float: right;
  width: calc(100% - 60px);
  padding: 10px 10px 0;
  box-sizing: border-box;
}
.ui-itm-filemsg > div > a > div img,
.ui-itm-formmsg > div > a > div img,
.ui-itm-locmsg > div > a > div img {
  float: left;
  height: 60px;
  width: 60px;
}
.ui-itm-filemsg > span,
.ui-itm-formmsg > span,
.ui-itm-locmsg > span {
  display: inline-block;
  position: static;
  margin: 12px;
}
.ui-itm-filemsg.loading > div,
.ui-itm-formmsg.loading > div,
.ui-itm-locmsg.loading > div {
  cursor: default;
  color: #999999;
  width: 52px;
  padding: 6px 10px;
}
.ui-itm-filemsg.loading > div > svg,
.ui-itm-formmsg.loading > div > svg,
.ui-itm-locmsg.loading > div > svg {
  display: inline-block;
}
.ui-itm-filemsg.loading > div > span,
.ui-itm-formmsg.loading > div > span,
.ui-itm-locmsg.loading > div > span {
  display: none;
}
.ui-itm-filemsg.loading > div > a,
.ui-itm-formmsg.loading > div > a,
.ui-itm-locmsg.loading > div > a {
  display: none;
}
.ui-itm-filemsg.broken > div,
.ui-itm-formmsg.broken > div,
.ui-itm-locmsg.broken > div {
  cursor: default;
  color: #999999;
  width: 52px;
  padding: 6px 10px;
}
.ui-itm-filemsg.broken > div > svg,
.ui-itm-formmsg.broken > div > svg,
.ui-itm-locmsg.broken > div > svg {
  display: none;
}
.ui-itm-filemsg.broken > div > span,
.ui-itm-formmsg.broken > div > span,
.ui-itm-locmsg.broken > div > span {
  display: inline-block;
}
.ui-itm-filemsg.left,
.ui-itm-formmsg.left,
.ui-itm-locmsg.left {
  float: left;
}
.ui-itm-filemsg.left > div,
.ui-itm-formmsg.left > div,
.ui-itm-locmsg.left > div {
  float: left;
}
.ui-itm-filemsg.left > div > a > div p,
.ui-itm-formmsg.left > div > a > div p,
.ui-itm-locmsg.left > div > a > div p {
  float: left;
  padding: 10px 30px 10px 10px;
}
.ui-itm-filemsg.left > div > a > div img,
.ui-itm-formmsg.left > div > a > div img,
.ui-itm-locmsg.left > div > a > div img {
  float: right;
}
.ui-itm-filemsg.left > span,
.ui-itm-formmsg.left > span,
.ui-itm-locmsg.left > span {
  float: left;
}
.ui-itm-filemsg.right,
.ui-itm-formmsg.right,
.ui-itm-locmsg.right {
  float: right;
}
.ui-itm-filemsg.right > div,
.ui-itm-formmsg.right > div,
.ui-itm-locmsg.right > div {
  float: right;
  margin-right: 45px;
  margin-left: 0;
}
.ui-itm-filemsg.right > span,
.ui-itm-formmsg.right > span,
.ui-itm-locmsg.right > span {
  float: right;
}

.ui-itm-formmsg div > a > div p[desc] {
  padding: 5px;
  padding-left: 10px;
  color: gray;
}
.ui-itm-formmsg div > a > div .font-form-flag.middle {
  float: left;
  height: 60px;
  width: 60px;
  color: white;
  background: #34A5DD;
}
.ui-itm-formmsg div > a > div .font-form-flag.middle::before {
  font-size: 50px;
  line-height: 60px;
  padding-left: 5px;
}

.ui-itm-locmsg > div > a > div p {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  white-space: pre-wrap;
}
.ui-itm-locmsg.left p {
  padding: 10px 10px 0 10px !important;
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .ui-itm-locmsg > div > a > div p {
    display: block;
    overflow: ellipsis;
    white-space: nowrap;
  }
}
@media all and (min--moz-device-pixel-ratio: 0) and (min-resolution: 30dpcm) {
  .ui-itm-locmsg > div > a > div p {
    display: block;
    overflow: ellipsis;
    white-space: nowrap;
  }
}
.ui-itm-choicemsg {
  position: relative;
  height: auto;
  display: block;
  margin-bottom: 15px;
}
.ui-itm-choicemsg > div {
  position: relative;
  background-color: #e6eaf2;
  box-sizing: border-box;
  border-radius: 5px;
  margin: 0 auto;
  width: 40%;
  padding: 10px;
}
.ui-itm-choicemsg > div:before {
  background-color: #e6eaf2;
  content: "";
  position: absolute;
  width: 16px;
  height: 16px;
  top: -8px;
  left: calc((100% - 16px) / 2);
  transform: rotate(45deg);
}
.ui-itm-choicemsg > div > span {
  width: 100%;
  margin-top: 15px;
}
.ui-itm-choicemsg > div > span:first-child {
  margin-top: 5px;
}
.ui-itm-choicemsg > div > span:last-child {
  margin-bottom: 5px;
}

.ui-itm-trackmsg.right > div:before {
  transform: rotate(-45deg);
  background-color: white;
  border-color: #e5e5e5;
  right: -1px;
}

.ui-itm-articlemsg {
  display: -ms-flexbox;
  display: flex;
}
.ui-itm-articlemsg .article-body .content > h3 {
  font-size: 13px;
  margin: 0px;
  height: 30px;
  overflow: hidden;
  width: 90%;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.ui-itm-articlemsg .article-body .content p {
  font-size: 12px;
  color: #999999;
  overflow: hidden;
  width: 90%;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.ui-itm-articlemsg .article-body .content .create-time {
  line-height: 25px;
  margin-top: -5px;
  margin-bottom: 5px;
}
.ui-itm-articlemsg .article-body .content .desc {
  line-height: 40px;
  height: 40px;
}
.ui-itm-articlemsg .article-body .content .cover > img {
  width: 100%;
  height: 130px;
}
.ui-itm-articlemsg .article-body .footer {
  line-height: 40px;
  height: 30px;
  border-top: 1px solid #cccccc;
  font-size: 12px;
  color: black;
}
.ui-itm-articlemsg .article-body .footer .font-indicator {
  float: right;
}
.ui-itm-articlemsg .article-body .footer .font-indicator:before {
  transform: rotate(270deg);
}
.ui-itm-articlemsg .article-body .article-link {
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
}
.ui-itm-articlemsg .article-body .main > .cover > img {
  width: 100%;
}
.ui-itm-articlemsg .article-body .main > .bottom {
  margin-top: -40px;
  background: black;
  color: white;
  position: relative;
}
.ui-itm-articlemsg .article-body .main > .bottom > p {
  height: 40px;
  line-height: 40px;
  padding-left: 5px;
}
.ui-itm-articlemsg .article-body .sub {
  overflow: hidden;
  margin-top: 10px;
}
.ui-itm-articlemsg .article-body .sub > .sub-content {
  float: left;
  line-height: 40px;
  font-size: 12px;
  color: black;
  margin-bottom: 0px;
  overflow: hidden;
  width: 70%;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.ui-itm-articlemsg .article-body .sub > .sub-cover {
  float: right;
  height: 60px;
  width: 60px;
}
.ui-itm-articlemsg .article-body .sub > .sub-cover .sub-content > p {
  margin: 0px;
}
.ui-itm-articlemsg .article-body .sub > .sub-cover > img {
  width: 100%;
  height: 100%;
}

.ui-itm-noticemsg {
  border-radius: 0;
  width: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  font-weight: normal;
}
.ui-itm-noticemsg:before {
  display: none;
}
.ui-itm-noticemsg > div {
  border-radius: 0;
  max-width: 80%;
  border: none;
  margin: 0 20px;
  background: #eee;
  box-shadow: none;
  width: auto !important;
}
.ui-itm-noticemsg > div:before {
  display: none;
}
.ui-itm-noticemsg > div > p {
  word-wrap: break-word;
  line-height: 24px;
  word-break: break-all;
}
.ui-itm-noticemsg.loading {
  display: inline-block;
}
.ui-itm-noticemsg > svg {
  display: none;
}

.ui-itm-timeline {
  color: #999999;
  font-size: 12px;
  line-height: 20px;
  display: block;
  text-align: center;
  margin-bottom: 15px;
}

.ui-itm-moremsg {
  display: block;
  cursor: pointer;
  color: #999999;
  font-size: 12px;
  text-align: center;
  height: 15px;
  line-height: 15px;
  margin-bottom: 15px;
}
.ui-itm-moremsg > span {
  vertical-align: top;
  display: inline-block;
}
.ui-itm-moremsg > svg {
  margin-top: -10px;
  height: 30px;
  width: 30px;
  position: static;
  display: inline-block;
}

.ui-item-end {
  color: #999999;
  text-align: center;
  margin-bottom: 15px;
}
.ui-item-end hr {
  background-color: #e6eaf2;
  border: 0px;
  height: 1px;
}

.ui-itm-statusmsg {
  color: #999999;
  text-align: center;
  margin-bottom: 30px;
}
.ui-itm-statusmsg > p {
  background-color: rgba(0, 0, 0, 0.2);
  color: white;
  border-radius: 4px;
  display: inline-block;
  padding: 5px 0;
}
.ui-itm-statusmsg > p > label,
.ui-itm-statusmsg > p > span {
  width: 100%;
  text-align: center;
  display: inline-block;
  margin: 1px 0;
}

.ui-itm-videocard > div {
  cursor: pointer;
  width: auto;
  max-width: calc(60% - 50px);
}
.ui-itm-videocard > div > img {
  display: inline-block;
  max-width: 100%;
  border-radius: 3px;
  width: 156px;
  height: 156px;
}
.ui-itm-videocard > div > svg {
  display: none;
}
.ui-itm-videocard > div > span {
  display: none;
}
.ui-itm-videocard > div > .time {
  display: block;
  position: absolute;
  bottom: 10px;
  right: 15px;
}
.ui-itm-videocard > div > .size {
  position: absolute;
  bottom: 10px;
  left: 15px;
  display: block;
}
.ui-itm-videocard > span {
  display: inline-block;
  position: static;
  margin: 12px;
}
.ui-itm-videocard.loading > div {
  cursor: default;
  color: #999999;
  width: 52px;
  padding: 6px 10px;
}
.ui-itm-videocard.loading > div > svg {
  display: inline-block;
}
.ui-itm-videocard.loading > div > span {
  display: none;
}
.ui-itm-videocard.loading > div > img {
  display: none;
}
.ui-itm-videocard.broken > div {
  cursor: default;
  color: #999999;
  width: 52px;
  padding: 6px 10px;
}
.ui-itm-videocard.broken > div > svg {
  display: none;
}
.ui-itm-videocard.broken > div > span {
  display: inline-block;
}
.ui-itm-videocard.broken > div > img {
  display: none;
}
.ui-itm-videocard.left {
  float: left;
}
.ui-itm-videocard.left > div {
  float: left;
}
.ui-itm-videocard.left > span {
  float: left;
}
.ui-itm-videocard.right {
  float: right;
}
.ui-itm-videocard.right > div {
  float: right;
  margin-right: 45px;
  margin-left: 0;
  width: auto;
}
.ui-itm-videocard.right > span {
  float: right;
}
.ui-itm-videocard > .hw-danger-msg {
  height: 20px;
  width: 20px;
  font-weight: 900;
  font-size: 15px;
  color: white;
  line-height: 20px;
  border: 1px solid orange;
  text-align: center;
  border-radius: 50%;
  background-color: orange;
}
.ui-itm-videocard > .ui-itm-txtmsg-tips {
  float: right;
  width: 100%;
  display: block;
}
.ui-itm-videocard > .ui-itm-txtmsg-tips > div {
  height: 36px;
  width: 400px;
  margin: auto;
  text-align: center;
  background-color: #dddddd;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

.left.ui-itm-videocard > div {
  width: auto;
}

.ui-cmp-msgeditor {
  position: relative;
  width: 100%;
  height: 100%;
  background-color: white;
}
.ui-cmp-msgeditor > div[pre] {
  position: absolute;
  background-color: white;
  width: 100%;
  height: 100%;
  padding: 5px;
  box-sizing: border-box;
}
.ui-cmp-msgeditor > div[pre] > img {
  display: inline-block;
}
.ui-cmp-msgeditor > div[pre] > span {
  position: absolute;
  top: 0;
}
.ui-cmp-msgeditor > textarea {
  box-sizing: border-box;
  width: calc(100% - 20px);
  margin: 0 10px;
  font-size: 14px;
  line-height: 20px;
  height: calc(100% - 90px);
}
.ui-cmp-msgeditor > div[sendBtn] {
  position: absolute;
  bottom: 10px;
  right: 10px;
}
.ui-cmp-msgeditor > div[sendBtn] > span[send] {
  border-radius: 5px 0 0 5px;
}
.ui-cmp-msgeditor > div[sendBtn] > span[down] {
  width: 20px;
  height: 35px;
  background: #1ba8ed;
  display: inline-block;
  border-radius: 0 5px 5px 0;
  margin-left: -2px;
  cursor: pointer;
}
.ui-cmp-msgeditor > div[sendBtn] > span[down] > span {
  color: #fff;
  margin-left: -5px;
}
.ui-cmp-msgeditor > div[sendBtn] > div {
  position: absolute;
  bottom: 0;
  right: 0;
  z-index: 3;
  background: #fff;
  min-width: 135px;
  height: 70px;
  font-size: 14px;
  box-sizing: border-box;
  border-radius: 4px;
  overflow: hidden;
  box-shadow: 0px 5px 20px -3px #999;
  display: none;
}
.ui-cmp-msgeditor > div[sendBtn] > div > div {
  height: 35px;
  line-height: 35px;
  padding: 0 2px 0 10px;
  position: relative;
}
.ui-cmp-msgeditor > div[sendBtn] > div > div > p {
  white-space: nowrap;
  margin-right: 30px;
}
.ui-cmp-msgeditor > div[sendBtn] > div > div > span {
  display: none;
  color: #fff;
  position: absolute;
  right: 2px;
  top: 4px;
}
.ui-cmp-msgeditor > div[sendBtn] > div > div.hover {
  background: #1ba8ed !important;
  color: #fff;
}
.ui-cmp-msgeditor > div[sendBtn] > div > div.hover > span {
  display: inline-block;
}
.ui-cmp-msgeditor > div[sendBtn] > div > div:hover {
  background: #e7e7eb;
}
.ui-cmp-msgeditor > div[drag] {
  position: absolute;
  box-sizing: border-box;
  z-index: 20;
  width: calc(100% - 16px);
  height: calc(100% - 16px);
  top: 8px;
  left: 8px;
  display: none;
  background-color: #e3ecfd;
  border: 1px solid green;
}
.ui-cmp-msgeditor > div[drag] > span {
  color: green;
  height: 25px;
  font-size: 20px;
  width: 100%;
  text-align: center;
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
}
@keyframes ui-ani-loading-tr {
  0% {
    transform: rotate(0deg);
  }
  50% {
    transform: rotate(180deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.ui-cmp-loading {
  position: absolute;
  z-index: 1000;
  width: 70px;
  height: 70px;
  top: calc((100% - 70px) / 2);
  left: calc((100% - 70px) / 2);
  animation: ui-ani-loading-tr 1s linear 0s infinite;
}
.ui-cmp-loading.white > svg > path {
  stroke: #ffffff;
}
.ui-cmp-loading.gray > svg > path {
  stroke: #e5e5e5;
}
.ui-cmp-loading.fixed {
  position: fixed;
}

.ui-cmp-notify {
  position: fixed;
  box-sizing: border-box;
  border-radius: 5px;
  padding: 15px 10px;
  height: auto;
  text-align: center;
  line-height: 20px;
  max-width: 100%;
  min-width: 200px;
  font-size: 14px;
  color: white;
  right: 10px;
  top: 10px;
  z-index: 10000;
  transition: top 0.2s;
  top: -100px;
}
.ui-cmp-notify.red {
  background-color: #ff2a00;
}
.ui-cmp-notify.green {
  background-color: #60C940;
}
.ui-cmp-notify.show {
  top: 10px;
}

.ui-cmp-list {
  position: relative;
  display: inline-block;
  width: 100%;
}

.ui-itm-demolist {
  position: relative;
  display: block;
  width: 100%;
  height: 50px;
  line-height: 50px;
}
.ui-itm-demolist > div {
  margin: 10px;
}
.ui-itm-demolist > div > span {
  top: -8px;
  right: -8px;
}
.ui-itm-demolist > p {
  padding-left: 10px;
  box-sizing: border-box;
  position: absolute;
  left: 50px;
  right: 70px;
  top: 0;
  height: 50px;
  line-height: 25px;
  color: black;
  font-size: 14px;
}
.ui-itm-demolist > p:last-of-type {
  top: 50%;
  color: #999999;
  font-size: 12px;
}
.ui-itm-demolist > span {
  float: right;
  line-height: 50px;
  height: 50px;
}
.ui-itm-demolist:nth-child(odd) {
  background-color: white;
}
.ui-itm-demolist:nth-child(even) {
  background-color: #f5f7fa;
}
.ui-itm-demolist:hover {
  background-color: #1ba8ed;
}
.ui-itm-demolist:hover > p {
  color: white;
}
.ui-itm-demolist:hover > p:last-of-type {
  color: #cee7fa;
}
.ui-itm-demolist:hover > span {
  color: white;
}
.ui-itm-demolist:hover > span:hover {
  color: #cee7fa;
}

.ui-cmp-loadmore {
  border: 1px solid #caccd1;
  background-color: #ffffff;
  width: 120px;
  height: 30px;
  line-height: 30px;
  border-radius: 5px;
  display: inline-block;
  color: #000;
  cursor: pointer;
  text-align: center;
}

.ui-cmp-droplist > span, .ui-itm-droplist {
  display: inline-block;
  width: 100%;
  height: 50px;
  line-height: 50px;
  font-size: 14px;
  cursor: pointer;
  padding-left: 10px;
  box-sizing: border-box;
}
.ui-cmp-droplist > span > label, .ui-itm-droplist > label {
  cursor: pointer;
}
.ui-cmp-droplist > span > span, .ui-itm-droplist > span {
  float: right;
  line-height: 50px;
  height: 50px;
}

.ui-cmp-droplist {
  position: relative;
  display: inline-block;
  width: 100%;
  background-color: white;
  overflow: hidden;
  border: 1px solid #e6eaf3;
}
.ui-cmp-droplist > span {
  border: 0;
}
.ui-cmp-droplist > span.activated {
  border-bottom: 1px solid #e6eaf3;
}
.ui-cmp-droplist > span.activated > span:last-of-type {
  transform: rotate(180deg);
}
.ui-cmp-droplist > span.activated ~ span {
  display: block;
}
.ui-cmp-droplist > span.activated ~ ul {
  display: block;
}
.ui-cmp-droplist > ul {
  display: none;
}
.ui-cmp-droplist > ul > li {
  cursor: default;
  background-color: #f6f7fb;
  border-bottom: 1px solid #ebf0f6;
}
.ui-cmp-droplist > ul > li > label {
  cursor: default;
}
.ui-cmp-droplist > span:last-of-type {
  display: none;
  background-color: #f6f7fb;
  border: 0;
}
.ui-cmp-droplist > span:last-of-type > a {
  color: #1ba8ed;
}
.ui-cmp-droplist.round {
  border: 0;
  border-bottom: 1px solid #cfd2d9;
  border-radius: 5px;
}

.ui-cmp-tab {
  position: relative;
  display: inline-block;
  border: 1px solid;
  border-color: #e6eaf2;
  width: 100%;
}
.ui-cmp-tab > ul {
  position: relative;
  width: 100%;
  border-bottom: 1px solid;
  border-color: #e6eaf2;
  display: flex;
  display: -ms-flexbox;
}
.ui-cmp-tab > ul > li {
  -webkit-flex-grow: 1;
  -ms-flex-positive: 1;
      flex-grow: 1;
  -ms-flex-negative: 1;
      flex-shrink: 1;
  -ms-flex-preferred-size: 1px;
      flex-basis: 1px;
  -ms-flex: 1 1 1px;
  border-right: 1px solid;
  border-color: #e6eaf2;
  cursor: pointer;
  height: 50px;
  line-height: 50px;
  background-color: #f5f7fa;
  overflow: hidden;
}
.ui-cmp-tab > ul > li > span {
  font-size: 14px;
  padding: 0 10px;
  display: inline-block;
  text-align: center;
  width: 100%;
  box-sizing: border-box;
}
.ui-cmp-tab > ul > li:last-of-type {
  border: 0;
}
.ui-cmp-tab > ul > li.selected {
  background-color: white;
}
.ui-cmp-tab > div {
  position: relative;
  background-color: white;
}
.ui-cmp-tab.round {
  border: 0;
  border-bottom: 1px solid;
  border-color: #cfd2d9;
  border-radius: 5px;
  overflow: hidden;
}

.ui-itm-table, .ui-itm-demotable, .ui-itm-table-history {
  position: relative;
  width: 100%;
  height: 50px;
  border-bottom: 1px solid #e6eaf2;
  display: flex;
  display: -ms-flexbox;
}
.ui-itm-table:nth-child(odd), .ui-itm-demotable:nth-child(odd), .ui-itm-table-history:nth-child(odd) {
  background-color: #f5f7fa;
}
.ui-itm-table:nth-child(even), .ui-itm-demotable:nth-child(even), .ui-itm-table-history:nth-child(even) {
  background-color: white;
}
.ui-itm-table:last-child, .ui-itm-demotable:last-child, .ui-itm-table-history:last-child {
  border: 0;
}
.ui-itm-table > span, .ui-itm-demotable > span, .ui-itm-table-history > span {
  display: inline-block;
  height: 50px;
  line-height: 50px;
  text-align: center;
  padding: 0 10px;
  box-sizing: border-box;
}
.ui-itm-table > span.sortable, .ui-itm-demotable > span.sortable, .ui-itm-table-history > span.sortable {
  cursor: pointer;
}
.ui-itm-table > span > .font-up.small, .ui-itm-demotable > span > .font-up.small, .ui-itm-table-history > span > .font-up.small {
  display: none;
}
.ui-itm-table > span > .font-down.small, .ui-itm-demotable > span > .font-down.small, .ui-itm-table-history > span > .font-down.small {
  display: none;
}
.ui-itm-table > span > .font-arrange, .ui-itm-demotable > span > .font-arrange, .ui-itm-table-history > span > .font-arrange {
  color: lightgrey;
}
.ui-itm-table > span.desc > .font-down.small, .ui-itm-demotable > span.desc > .font-down.small, .ui-itm-table-history > span.desc > .font-down.small {
  display: inline-block;
}
.ui-itm-table > span.desc > .font-arrange, .ui-itm-demotable > span.desc > .font-arrange, .ui-itm-table-history > span.desc > .font-arrange {
  display: none;
}
.ui-itm-table > span.asc > .font-up.small, .ui-itm-demotable > span.asc > .font-up.small, .ui-itm-table-history > span.asc > .font-up.small {
  display: inline-block;
}
.ui-itm-table > span.asc > .font-arrange, .ui-itm-demotable > span.asc > .font-arrange, .ui-itm-table-history > span.asc > .font-arrange {
  display: none;
}

.ui-itm-table > span.t1, .ui-itm-demotable > span.t1, .ui-itm-table-history > span.t1 {
  -webkit-flex-grow: 1;
  -ms-flex-positive: 1;
      flex-grow: 1;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -ms-flex-preferred-size: 50px;
      flex-basis: 50px;
  -ms-flex: 1 0 50px;
}
.ui-itm-table > span.t1.fixed, .ui-itm-demotable > span.t1.fixed, .ui-itm-table-history > span.t1.fixed {
  -webkit-flex-grow: 0;
  -ms-flex-positive: 0;
      flex-grow: 0;
  -ms-flex: 0 0 50px;
}
.ui-itm-table > span.t2, .ui-itm-demotable > span.t2, .ui-itm-table-history > span.t2 {
  -webkit-flex-grow: 1.3;
  -ms-flex-positive: 1.3;
      flex-grow: 1.3;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -ms-flex-preferred-size: 100px;
      flex-basis: 100px;
  -ms-flex: 2 0 100px;
}
.ui-itm-table > span.t2.fixed, .ui-itm-demotable > span.t2.fixed, .ui-itm-table-history > span.t2.fixed {
  -webkit-flex-grow: 0;
  -ms-flex-positive: 0;
      flex-grow: 0;
  -ms-flex: 0 0 100px;
}
.ui-itm-table > span.t3, .ui-itm-demotable > span.t3, .ui-itm-table-history > span.t3 {
  -webkit-flex-grow: 2;
  -ms-flex-positive: 2;
      flex-grow: 2;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -ms-flex-preferred-size: 150px;
      flex-basis: 150px;
  -ms-flex: 3 0 150px;
}
.ui-itm-table > span.t3.fixed, .ui-itm-demotable > span.t3.fixed, .ui-itm-table-history > span.t3.fixed {
  -webkit-flex-grow: 0;
  -ms-flex-positive: 0;
      flex-grow: 0;
  -ms-flex: 0 0 150px;
}
.ui-itm-table > span.t4, .ui-itm-demotable > span.t4, .ui-itm-table-history > span.t4 {
  -webkit-flex-grow: 4;
  -ms-flex-positive: 4;
      flex-grow: 4;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -ms-flex-preferred-size: 200px;
      flex-basis: 200px;
  -ms-flex: 4 0 200px;
}
.ui-itm-table > span.t4.fixed, .ui-itm-demotable > span.t4.fixed, .ui-itm-table-history > span.t4.fixed {
  -webkit-flex-grow: 0;
  -ms-flex-positive: 0;
      flex-grow: 0;
  -ms-flex: 0 0 200px;
}
.ui-itm-table > span.t5, .ui-itm-demotable > span.t5, .ui-itm-table-history > span.t5 {
  -webkit-flex-grow: 5;
  -ms-flex-positive: 5;
      flex-grow: 5;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -ms-flex-preferred-size: 250px;
      flex-basis: 250px;
  -ms-flex: 5 0 250px;
}
.ui-itm-table > span.t5.fixed, .ui-itm-demotable > span.t5.fixed, .ui-itm-table-history > span.t5.fixed {
  -webkit-flex-grow: 0;
  -ms-flex-positive: 0;
      flex-grow: 0;
  -ms-flex: 0 0 250px;
}

.ui-cmp-table {
  position: relative;
  display: block;
  width: 100%;
}
.ui-cmp-table > ul {
  position: relative;
  display: block;
  width: 100%;
  border-bottom: 1px solid #e6eaf2;
  font-size: 14px;
}
.ui-cmp-table > ul[head] > li {
  background-color: white;
}

.ui-itm-demotable > span:nth-child(1) > img {
  border-radius: 15px;
  width: 30px;
  height: 30px;
}

.ui-itm-table-history {
  cursor: pointer;
}
.ui-itm-table-history > span:nth-child(1) > img {
  border-radius: 15px;
  width: 30px;
  height: 30px;
}
.ui-itm-table-history.selected {
  color: white;
  background-color: #1ba8ed;
}
.ui-itm-table-history.selected > span:last-child > span {
  color: white;
}

.em-chart-helptips {
  cursor: pointer;
  background-color: #698bcb;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  margin: -2px 0 0 5px;
}
.em-chart-helptips:before {
  margin: -6px 0 0 -4px;
  color: #fff;
  font-size: 25px;
}
.em-chart-helptips > span {
  display: none;
}

.ui-cmp-helptips {
  display: none;
  position: absolute;
  z-index: 10000;
  border-radius: 5px;
  box-sizing: border-box;
  padding: 5px;
  max-width: 400px;
  height: auto;
  color: black;
  background-color: white;
  font-size: 12px;
}

.ui-cmp-radio {
  position: relative;
  display: inline-block;
  cursor: pointer;
  color: #4c4c4c;
  height: 30px;
  line-height: 30px;
}
.ui-cmp-radio > label {
  cursor: pointer;
  position: relative;
  display: inline-block;
  height: 30px;
  line-height: 30px;
  border-left: 30px solid transparent;
  margin-left: -36px;
}
.ui-cmp-radio:hover > label {
  color: #1ba8ed;
}
.ui-cmp-radio:hover > span {
  color: #1ba8ed;
}
.ui-cmp-radio > input {
  display: none;
}
.ui-cmp-radio > input ~ span.font-uncheck-radio {
  display: inline-block;
  margin-top: -4px;
}
.ui-cmp-radio > input ~ span.font-radio {
  display: none;
}
.ui-cmp-radio > input:checked ~ span.font-uncheck-radio {
  display: none;
}
.ui-cmp-radio > input:checked ~ span.font-radio {
  display: inline-block;
}

.ui-cmp-dragable > .left {
  position: absolute;
  height: 100%;
  width: 10px;
  cursor: w-resize;
  left: 0px;
  top: 0px;
}
.ui-cmp-dragable > .right {
  position: absolute;
  height: 100%;
  width: 10px;
  cursor: e-resize;
  right: 0px;
  top: 0px;
}
.ui-cmp-dragable > .top {
  position: absolute;
  cursor: n-resize;
  height: 10px;
  width: 100%;
  left: 0px;
  top: 0px;
}
.ui-cmp-dragable > .bottom {
  position: absolute;
  cursor: s-resize;
  height: 10px;
  width: 100%;
  left: 0px;
  bottom: 0px;
}

.ui-cmp-video {
  width: 100%;
  height: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
}
.ui-cmp-video > div[body] {
  width: 100%;
  height: 100%;
  -ms-flex: 1;
      flex: 1;
}
.ui-cmp-video > div[body] > .shadow {
  width: 100%;
  height: 100%;
  position: absolute;
  box-shadow: inset 0 0 100px rgba(0, 0, 0, 0.5);
  z-index: 1;
}
.ui-cmp-video > div[body] > video {
  background-color: black;
  width: 100%;
  height: 100%;
}

.ui-cmp-mention {
  width: 170px;
  max-height: 200px;
  border-radius: 4px;
  overflow: hidden;
  box-shadow: 0px 5px 20px -3px #999;
  position: absolute;
  z-index: 99;
  box-sizing: border-box;
  padding: 6px 0;
  background: #ffffff;
  display: block;
}
.ui-cmp-mention > span {
  display: block;
  line-height: 28px;
  width: 100%;
  height: 28px;
  color: #999;
  text-align: center;
}
.ui-cmp-mention > ul {
  width: 100%;
  background: #ffffff;
  margin-bottom: 3px;
}
.ui-cmp-mention > ul > li {
  height: 28px;
  width: 100%;
  padding: 0 6px;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 28px;
  text-align: left;
  background: white;
  color: #1a1a1a;
}
.ui-cmp-mention > ul > li.disable {
  background: #eee;
}

.ui-search-getmore {
  background: #ffffff;
  height: 245px;
  width: 243px;
  position: absolute;
  z-index: 3000;
  overflow: hidden;
  border-radius: 2px;
  box-shadow: rgba(0, 0, 0, 0.15) 2px 6px 6px 2px;
}
.ui-search-getmore .ui-cmp-search {
  width: 100%;
}
.ui-search-getmore .ui-cmp-search .ui-cmp-searchbar {
  width: 100%;
  border: none;
}
.ui-search-getmore .ui-suggestion-container {
  height: 210px;
  width: 100%;
  overflow: hidden;
  position: relative;
  cursor: pointer;
}
.ui-search-getmore .ui-suggestion-container > ul {
  position: relative;
  padding-bottom: 3px;
}
.ui-search-getmore .ui-suggestion-container > ul.paddingBtm35 {
  padding-bottom: 35px;
}
.ui-search-getmore .ui-suggestion-container > ul > li {
  background: #ffffff;
  height: 35px;
}
.ui-search-getmore .ui-suggestion-container > ul > span {
  height: 35px;
  width: 100%;
  color: #000000;
  text-align: center;
  line-height: 35px;
  position: absolute;
  bottom: 0;
  left: 0;
  cursor: pointer;
  margin: 2px 0;
}
.ui-search-getmore .ui-suggestion-container > span {
  position: absolute;
  margin: auto;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 40px;
  height: 50px;
  color: #999999;
  text-align: center;
}

.em-search-select-popuplist {
  max-height: 400px;
}
.em-search-select-popuplist .search-select-get-more {
  font-size: 14px;
  height: 35px;
  line-height: 35px;
  cursor: pointer;
  width: 100%;
  color: #4c4c4c;
  background-color: #ffffff;
  text-align: center;
}
.em-search-select-popuplist .search-select-get-more:hover {
  color: #1ba8ed;
  background-color: #d4d7d9;
}
.em-search-select-popuplist .ui-itm-search input {
  width: calc(100% - 28px);
}

.em-tag-container {
  background-color: white;
  z-index: 99999;
  position: absolute;
  width: 400px;
  height: 200px;
  border-radius: 5px;
  border: 1px solid #dddddd;
}
.em-tag-container > .tag-list {
  width: 100%;
  height: calc(100% - 50px);
  overflow-y: auto;
  border-bottom: 1px solid #dddddd;
}
.em-tag-container > .tag-list > .user-tag-item {
  width: auto;
  margin: 5px;
  border: 1px solid #dddddd;
  padding: 5px;
  border-radius: 5px;
  cursor: pointer;
  float: left;
}
.em-tag-container > .tag-list > .user-tag-item.selected {
  background-color: #1ba8ed;
  color: white;
}
.em-tag-container > .control {
  height: 50px;
  line-height: 50px;
  float: right;
  margin-right: 10px;
}

.ui-cmp-tag > .add-tag-btn > span[btn] {
  cursor: pointer;
}
.ui-cmp-tag > div[empty] {
  font-size: 12px;
  opacity: 0.5;
}
.ui-cmp-tag > div[tags] {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.ui-cmp-tag > div[tags] > .user-tag-item {
  width: auto;
  margin: 5px;
  border: 1px solid #dddddd;
  padding: 0 5px;
  border-radius: 5px;
  background-color: #1ba8ed;
  color: white;
}
.ui-cmp-tag > div[tags] > .user-tag-item > .font-close {
  cursor: pointer;
}
.ui-cmp-tag > div[tags] > .user-tag-item > .font-close:before {
  font-size: 24px;
}