/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */

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

img,
legend {
  border: 0;
}

legend,
td,
th {
  padding: 0;
}

.btn,
.eif-icon {
  text-align: center;
}

.chat-trans-staffname,
.cm-faq-head,
.cm-prev-title,
.nav_item .item_title,
.staff_item_name,
.visitor_sinfo {
  text-overflow: ellipsis;
}

.cor_mark,
.visitor_leave .visitor_info,
.visitor_vip {
  text-indent: 0;
}

.chat_translate,
.custom-event-content,
.history_cnt,
.reply-content,
.staff_item {
  word-wrap: break-word;
}

.chat-form .form-desc,
.custom-event-title {
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.eif-icon,
.more-menu-item:before {
  -moz-osx-font-smoothing: grayscale;
}

:root {
  font-size: 14px;
  color: #545454;
  font-family: "SF Pro SC","SF Pro Display","SF Pro Icons","PingFang SC","Microsoft Yahei","Helvetica Neue",Helvetica,Arial,sans-serif,echat;
}

html {
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
}

body {
  margin: 0;
  display: flex;
  min-width: 1200px;
  min-height: 500px;
}

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

audio,
canvas,
progress,
video {
  display: inline-block;
  vertical-align: baseline;
}

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

[hidden],
template {
  display: none;
}

a {
  background-color: transparent;
}

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

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

b,
optgroup,
strong {
  font-weight: 700;
}

dfn {
  font-style: italic;
}

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

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

small {
  font-size: 80%;
}

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

.btn,
.eif-icon,
.icon {
  vertical-align: middle;
}

sup {
  top: -.5em;
}

sub {
  bottom: -.25em;
}

figure {
  margin: 1em 40px;
}

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

pre,
textarea {
  overflow: auto;
}

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

button,
input,
optgroup,
select,
textarea {
  margin: 0;
  font: inherit;
  color: inherit;
}

.echat-font,
.eif-icon,
.icon {
  font-style: normal;
}

.eif-icon,
.icon,
.more-menu-item:before {
  -webkit-font-smoothing: antialiased;
}

button {
  overflow: visible;
}

button,
select {
  text-transform: none;
}

button,
html input[type=button],
input[type=submit],
input[type=reset] {
  -webkit-appearance: button;
  cursor: pointer;
}

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

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

input {
  line-height: normal;
}

input[type=checkbox],
input[type=radio] {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0;
}

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

input[type=search] {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  -webkit-appearance: textfield;
}

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

fieldset {
  padding: .35em .625em .75em;
  margin: 0 2px;
  border: 1px solid silver;
}

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

body,
html {
  height: 100%;
  width: 100%;
}

div {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.flex {
  display: flex;
}

.flex-line {
  display: -webkit-flex;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: center;
}

.display-none {
  display: none!important;
}

.display-block {
  display: block!important;
}

video {
  max-width: 100%;
}

.flex1 {
  flex-grow: 1;
  flex-shrink: 1;
}

a,
div,
i,
label,
li,
span {
  unicode-bidi: isolate;
}

.support-link-color {
  color: #0da7db;
  cursor: pointer;
  margin-top: 22px;
  display: block;
}

.word-break-word {
  word-break: break-word;
}

.addr_name,
.staff_item_name,
.wnd-line {
  word-break: keep-all;
}

ol,
ol li {
  padding-left: 0;
  list-style: none;
}

::-webkit-scrollbar {
  -webkit-appearance: none;
  width: 8px;
  height: 8px;
}

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

.c_unauth,
.ng-cloak,
.ng-hide:not(.ng-hide-animate),
.unauth,
.x-ng-cloak,
[data-ng-cloak],
[ng-cloak],
[ng\:cloak],
[x-ng-cloak] {
  display: none!important;
}

::-webkit-scrollbar-track {
  background: 0 0;
  width: 8px;
}

::-webkit-scrollbar-thumb {
  background: 0 0;
}

div:hover::-webkit-scrollbar-thumb {
  min-height: 2rem;
  background: #ccc;
  background-clip: padding-box;
  border-radius: 6px;
  border: 2px solid transparent;
}

::-webkit-scrollbar:hover ::-webkit-scrollbar-thumb {
  background-color: #ccc;
  border-radius: 12px!important;
  border: 0 solid transparent!important;
}

::-webkit-scrollbar-thumb:hover {
  background-color: #ccc;
  border-radius: 12px!important;
  border: 0 solid transparent!important;
}

::-webkit-scrollbar-thumb:active {
  background-color: #ccc;
  border-radius: 12px!important;
  border: 0 solid transparent!important;
}

* {
  scrollbar-color: #ccc transparent;
  scrollbar-width: thin;
  scrollbar-arrow-color: #fff;
  scrollbar-face-color: #ccc;
  scrollbar-3dlight-color: transparent;
  scrollbar-highlight-color: transparent;
  scrollbar-shadow-color: #fff;
  scrollbar-darkshadow-color: transparent;
  scrollbar-track-color: transparent;
  scrollbar-base-color: transparent;
}

@font-face {
  font-family: echat;
  src: url("../_assit/echat-1d129fd5ee.eot");
  src: url("../_assit/echat-1d129fd5ee.eot#iefix") format('embedded-opentype'),url("../_assit/echat-3083650769.woff") format('woff'),url("../_assit/echat-8e73e937d4.ttf") format('truetype'),url("../_assit/echat-31e68fcda2.svg#echat") format('svg');
}

.echat-zanting1:before {
  content: "\e601";
}

.echat-xiayi:before {
  content: "\e631";
}

.echat-baidu:before {
  content: "\e64c";
}

.echat-bofang:before {
  content: "\e623";
}

.echat-shangyigeuprevious:before {
  content: "\e64e";
}

.echat-checkbox:before {
  content: "\e655";
}

.auto-switch-lb:before,
.echat-checkboxunselectd:before {
  content: "\e656";
}

.echat-siglypharrowresize2:before {
  content: "\e620";
}

.echat-8:before {
  content: "\e608";
}

.echat-ok:before {
  content: "\e6f5";
}

.echat-v:before {
  content: "\e625";
}

.echat-setting:before {
  content: "\e6a4";
}

.echat-wechat3:before {
  content: "\e629";
}

.echat-close:before {
  content: "\e699";
}

.echat-up:before {
  content: "\e6ea";
}

.echat-xiazai:before {
  content: "\e727";
}

.echat-youdao:before {
  content: "\e6c8";
}

.echat-option:before {
  content: "\e6d2";
}

.echat-icon_rotate:before {
  content: "\e61d";
}

.echat-diqiu:before {
  content: "\e60f";
}

.echat-clock:before {
  content: "\e612";
}

.echat-gou:before {
  content: "\e63f";
}

.echat-tupian:before {
  content: "\e684";
}

.echat-zanting:before {
  content: "\e7bd";
}

.echat-mobile3:before {
  content: "\e607";
}

.echat-sogou:before {
  content: "\e603";
}

.echat-send_click:before {
  content: "\e680";
}

.echat-loading:before {
  content: "\e61c";
}

.echat-down3:before {
  content: "\e60e";
}

.echat-icon-test:before {
  content: "\e648";
}

.echat-bofang1:before {
  content: "\e622";
}

.echat-tixing:before {
  content: "\e67b";
}

.echat-shenma:before {
  content: "\e62e";
}

.echat-computer4:before {
  content: "\e619";
}

.echat-google-copy:before {
  content: "\e952";
}

.echat-yahoo2-copy:before {
  content: "\e953";
}

.echat-bing-copy:before {
  content: "\e954";
}

.echat-echat:before {
  content: "\e600";
}

.echat-customs-clearance:before {
  content: "\e609";
}

.echat-weibiaoti-:before {
  content: "\e610";
}

.echat-cikuguanli:before {
  content: "\e636";
}

.echat-dianhua:before {
  content: "\e626";
}

.echat-chatlevel:before {
  content: "\e627";
}

.echat-duihuazhuti:before {
  content: "\e628";
}

.echat-duihuapingfen:before {
  content: "\e62a";
}

.echat-xiaoxichehui:before {
  content: "\e692";
}

.echat-chattheme:before {
  content: "\e62b";
}

.echat-fenzuguanli:before {
  content: "\e62c";
}

.echat-chatdistribute:before {
  content: "\e62d";
}

.echat-fangkebiaoqian:before {
  content: "\e62f";
}

.echat-fuwuqijiaohu:before {
  content: "\e630";
}

.echat-companyaccount:before {
  content: "\e632";
}

.echat-heimingdan:before {
  content: "\e633";
}

.echat-selfaccount:before {
  content: "\e634";
}

.echat-jiqiren:before {
  content: "\e635";
}

.echat-faq:before {
  content: "\e636";
}

.echat-freq-file::before {
  content: "\e61a";
}

.echat-leavemsgapi:before {
  content: "\e637";
}

.echat-thirdParty:before {
  content: "\e606";
}

.echat-analysisapi:before {
  content: "\e638";
}

.echat-manyidu:before {
  content: "\e639";
}

.echat-leavedistribute:before {
  content: "\e63a";
}

.echat-tuisongURL:before {
  content: "\e63b";
}

.echat-wangzhanjieru:before {
  content: "\e63c";
}

.echat-weibo:before {
  content: "\e63d";
}

.echat-weixin:before {
  content: "\e63e";
}

.echat-zidingyiqudaojieru:before {
  content: "\e724";
}

.echat-kefushujujiekou:before {
  content: "\e6c1";
}

.echat-xiaochengxu:before {
  content: "\e640";
}

.echat-yangshiku:before {
  content: "\e641";
}

.echat-yewuxitongjiekou:before {
  content: "\e642";
}

.echat-yemianbieming:before {
  content: "\e643";
}

.echat-zhinengbaojing:before {
  content: "\e644";
}

.echat-youjian:before {
  content: "\e645";
}

.echat-zhishikuguanli:before {
  content: "\e646";
}

.echat-zhinengxuexi:before {
  content: "\e647";
}

.echat-caogaoxiang:before {
  content: "\e66a";
}

.echat-zixunrukou:before {
  content: "\e649";
}

.echat-user:before {
  content: "\e64a";
}

.echat-zidingyiqudaoluyou:before {
  content: "\e64b";
}

.echat-app:before {
  content: "\e64d";
}

.echat-email:before {
  content: "\e702";
  font-family: echat-config;
}

.echat-webluyou:before {
  content: "\e64f";
}

.echat-anquanzhongxin:before {
  content: "\e650";
}

.echat-baiduocpc:before {
  content: "\e6bc";
}

.echat-gerenpeizhi:before {
  content: "\e651";
}

.echat-jiaoseguanli:before {
  content: "\e652";
}

.echat-photorefresh:before {
  content: "\e8bb";
  font-size: 16px;
}

.echat-fangkeweizhi:before {
  content: "\e76f";
  font-size: 16px;
}

.echat-huiyuandengji:before {
  content: "\e6af";
  font-size: 15px;
  padding-left: 1px;
}

.echat-duihuafenpei:before {
  content: "\e6ae";
  font-size: 18px;
}

.echat-clientStatus:before {
  content: "\e6ad";
  font-size: 18px;
}

.echat-xiasanjiao:before {
  content: "\e6eb";
}

.echat-tipSuccess:before {
  content: "\e621";
}

.echat-tipError:before {
  content: "\e683";
}

.echat-fangkebiaoqian2:before {
  content: "\e7d7";
}

.echat-heimingdan2:before {
  content: "\e6b7";
}

.echat-morenfenpei:before {
  content: "\e6ad";
}

.echat-font {
  font-family: echat!important;
}

input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
  color: #aaa;
  font-size: 12px;
}

.top-zindex {
  z-index: 10001!important;
}

.btn {
  display: inline-block;
  padding: 6px 12px;
  margin-bottom: 0;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.42857143;
  white-space: nowrap;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-image: none;
  border: 1px solid transparent;
  border-radius: 4px;
  outline: 0;
}

.btn-sm,
.btn-xs {
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px;
}

.btn-primary {
  color: #fff;
  background-color: #0da7db;
  border-color: #0da7db;
}

.btn-cancel {
  color: #0da7db;
  background-color: #f0f0f0;
  border-color: #ddd;
}

.btn-danger {
  color: #fff;
  background-color: #d9534f;
  border-color: #d43f3a;
}

.btn-xs {
  padding: 1px 5px;
}

.btn-sm {
  padding: 5px 10px;
}

.btn:disabled {
  background-color: #248aad!important;
}

.okay-green {
  background-color: #48C577;
  color: #fff;
}

.nega-red {
  background-color: #F26553;
  color: #fff;
}

.a_no_pseudo,
.a_no_pseudo:hover,
.a_no_pseudo:visited {
  text-decoration: none;
  color: inherit;
}

.clearfix:after,
.clearfix:before {
  display: table;
  line-height: 0;
  content: "";
}

.clearfix:after {
  clear: both;
}

.nowrap {
  white-space: nowrap;
}

.noseled ::selection {
  background-color: transparent;
}

.noseled {
  cursor: default;
}

.canseled ::selection {
  background-color: #338fff!important;
  color: #fff1ff;
}

.arrow_cor {
  position: absolute;
  right: 20px;
  width: 8px;
  height: 8px;
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  top: 12px;
  transition: all .6s;
  border-bottom: 2px solid #ddd;
  border-right: 2px solid #ddd;
}

.icon {
  display: inline-block;
  background-image: url("../_assit/service_icon-3215e5ef3b.png")!important;
  background-repeat: no-repeat;
}

.logo {
  background-position: -315px -351px;
  width: 36px;
  height: 36px;
}

.icon_mobile,
.icon_pad,
.icon_pc,
.icon_wechat,
.icon_writing {
  height: 34px;
  width: 34px;
  border-radius: 18px;
}

.icon_mobile {
  background-position: -314px -151px;
  background-color: #44cfec;
}

.icon_pad {
  background-position: -314px -24px;
}

.icon_pc {
  background-position: -314px -87px;
  background-color: #ff7b89;
  color: #fff;
}

.icon_wechat {
  background-position: -316px -581px;
  background-color: #3cce3d;
}

.icon_writing {
  background-position: -314px -218px;
}

.mobile>.media,
.sdk>.media {
  background-position: -370px -157px;
}

.sdk>.browser {
  display: none;
}

.pad>.media {
  background-position: -370px -30px;
}

.pc>.media {
  background-position: -370px -95px;
}

.writing>.media {
  background-position: -314px -224px;
}

.icon_avatar {
  height: 34px;
  width: 34px;
  border-radius: 17px;
  background-position: -434px -728px;
  background-color: #94ddf6;
}

.chat_his_icon .icon_avatar {
  background-position: -429px -723px;
}

.chat_window .visitor_icon>.icon {
  height: 44px;
  width: 44px;
  border-radius: 22px;
}

.chat_window .icon_mobile {
  background-position: -309px -146px;
  background-color: #44cfec;
}

.chat_window .icon_pad {
  background-position: -309px -19px;
}

.chat_window .icon_pc {
  background-position: -309px -82px;
  background-color: #ff7b89;
  color: #fff;
}

.chat_window .icon_wechat {
  background-position: -311px -576px;
  background-color: #3cce3d;
}

.icon-before::before {
  content: attr(icon);
  font-style: normal;
}

.eif-icon {
  position: relative;
  display: inline-block;
  font-size: 16px;
  -webkit-text-stroke-width: .2px;
}

.chat_history_item .big.icon-sdk-android,
.chat_history_item .big.icon-sdk-ios {
  font-size: 2.8rem!important;
}

.big.eif-icon {
  width: 40px;
  height: 40px;
  font-size: 1.7142rem;
  line-height: 42px;
  border-radius: 22px;
}

.small.eif-icon {
  height: 18px;
  width: 18px;
  font-size: 14px;
  line-height: 20px;
}

.selected .small.eif-icon,
.selected .visitor_sinfo {
  color: #fff!important;
}

.eif-mobile .eif-icon:before,
.icon_mobile::before {
  content: '\e607';
}

.eif-icon.icon_mobile,
.eif-mobile .big {
  background-color: #44cfec;
  color: #fff;
}

.eif-mobile .small,
.eif-mobile .visitor_sinfo {
  color: #44cfec;
}

.selected.eif-mobile .big.eif-icon {
  color: #44cfec;
  background-color: #fff;
}

.eif-pc .eif-icon:before,
.icon_pc:before {
  content: '\e619';
}

.eif-icon.icon_pc,
.eif-pc .big {
  background-color: #ff7b89;
  color: #fff;
}

.eif-pc .small,
.eif-pc .visitor_sinfo {
  color: #ff7b89;
}

.selected.eif-pc .big.eif-icon {
  color: #ff7b89;
  background-color: #fff;
}

.eif-email .eif-icon:before,
.icon_email:before {
  font-family: echat-config;
  content: '\e6f5';
}

.eif-email .big,
.eif-icon.icon_email {
  background-color: #FAAD14;
  color: #fff;
}

.eif-email .small,
.eif-email .visitor_sinfo {
  color: #FAAD14;
}

.selected.eif-email .big.eif-icon {
  color: #FAAD14;
  background-color: #fff;
}

.eif-wechat .eif-icon:before,
.icon_wechat:before {
  content: '\e629';
}

.eif-icon.icon_wechat,
.eif-wechat .big {
  background-color: #3caf36;
  color: #fff;
}

.eif-wechat .small,
.eif-wechat .visitor_sinfo {
  color: #3caf36;
}

.selected.eif-wechat .big.eif-icon {
  color: #3caf36;
  background-color: #fff;
}

.eif-web .eif-icon:before,
.icon_web:before {
  content: '\e60f';
}

.eif-icon.icon_web,
.eif-web .big {
  background-color: #3caf36;
  color: #fff;
}

.eif-web .small,
.eif-web .visitor_sinfo {
  color: #3caf36;
}

.selected.eif-web .big.eif-icon {
  color: #3caf36;
  background-color: #fff;
}

.selected.eif-vip .big.eif-icon::after {
  color: #0da7db;
  border-color: #0da7db;
  background: #fff;
}

.eif-vip .big.eif-icon::after {
  font-style: italic;
  content: 'v';
  font-size: 10px;
  line-height: 12px;
  color: #fff;
  background: #0da7db;
  border-radius: 8px;
  width: 12px;
  height: 12px;
  position: absolute;
  right: -4px;
  bottom: -2px;
  border: 2px solid #fff;
}

.chat_operation>i,
.visitor_info_email i {
  font-style: normal;
}

.eif-umcustom .small.eif-icon {
  font-size: 20px!important;
}

.eif-um-defcc.big.eif-icon {
  font-size: 26px!important;
  color: #fff;
  background-color: #7db1ff;
}

.selected .eif-um-defcc.big.eif-icon {
  color: #7db1ff;
  background-color: #fff;
}

.eif-um-defcc.small.eif-icon {
  font-size: 16px!important;
  color: #7db1ff;
}

.chat-window-item .eif-icon {
  width: 44px;
  height: 44px;
  border-radius: 25px;
  font-size: 24px;
  line-height: 44px;
}

.eif-android .eif-icon:before,
.icon-sdk-android:after {
  content: '\e68d';
}

.eif-ios .eif-icon:before,
.icon-sdk-ios:after {
  content: '\e68c';
}

.eif-android .big,
.eif-icon.icon-sdk-android {
  font-size: 2.8rem!important;
  background-color: #a5c43c;
  color: #fff;
}

.eif-icon.icon-sdk-ios,
.eif-ios .big {
  font-size: 2.8rem!important;
  background-color: #f4a4a4;
  color: #fff;
}

.selected.eif-android .big.eif-icon {
  color: #a5c43c;
  background-color: #fff;
}

.selected.eif-ios .big.eif-icon {
  color: #f4a4a4;
  background-color: #fff;
}

.eif-android .small,
.eif-android .visitor_sinfo {
  color: #a5c43c;
}

.eif-ios .small,
.eif-ios .visitor_sinfo {
  color: #f4a4a4;
}

.eif-android .small,
.eif-ios .small {
  font-size: 1.8rem;
}

.eif-android .chat_his_icon.big,
.eif-ios .chat_his_icon.big {
  font-size: 2.8rem;
}

.brow>.icon {
  height: 24px;
  width: 24px;
}

.opera>.browser {
  background-position: -680px -26px;
}

.chrome>.browser {
  background-position: -680px -86px;
}

.firefox>.browser {
  background-position: -680px -146px;
}

.safari>.browser {
  background-position: -680px -208px;
}

.uc>.browser {
  background-position: -680px -267px;
}

.f360>.browser {
  background-position: -680px -327px;
}

.qq>.browser {
  background-position: -680px -386px;
}

.msie>.browser {
  background-position: -680px -446px;
}

.edge>.browser {
  background-position: -680px -763px;
}

.baidu>.browser {
  background-position: -680px -507px;
}

.sogou>.browser {
  background-position: -680px -571px;
}

.liebao>.browser {
  background-position: -680px -635px;
}

.maxth>.browser {
  background-position: -680px -699px;
}

.ANDROID>.system,
.Android>.system,
.android>.system {
  background-position: -717px -24px!important;
}

.IPHONE>.system,
.Iphone>.system,
.iphone>.system {
  background-position: -717px -84px!important;
}

.IPAD>.system,
.Ipad>.system,
.ipad>.system {
  background-position: -717px -145px!important;
}

.UBUNTU>.system,
.Ubuntu>.system,
.ubuntu>.system {
  background-position: -717px -207px!important;
}

.WINDOWS>.system,
.Windows>.system,
.windows>.system {
  background-position: -717px -267px!important;
}

.OSX>.system,
.Osx>.system,
.osx>.system {
  background-position: -717px -328px!important;
}

.ios>.system {
  font-family: echat;
  color: #fa9a9f;
  vertical-align: top;
}

.cl-staff-name,
.cor_mark,
.header_logo>img,
.visitor-se,
.visitor_addr-name>span,
.visitor_icon_img,
.visitor_sinfo {
  vertical-align: middle;
}

.ios>.system::after {
  content: '\E68C';
}

._icon {
  display: none;
}

.baidu_1_icon,
.baidu_2_icon,
.baidu_icon,
.bing_icon,
.google_icon,
.s360_icon,
.setype,
.sm_icon,
.sogou_icon,
.yahoo_icon,
.youdao_icon,
.zhongsou_icon {
  width: 20px!important;
  height: 20px!important;
  border-radius: 10px;
  background-color: transparent;
  margin: 0;
}

.sea_icon {
  width: 0;
  height: 0;
}

.google .setype,
.google_icon {
  background-position: -193px -154px;
}

.sogou .setype,
.sogou_icon {
  background-position: -193px -26px;
}

.baidu .setype,
.baidu_icon {
  background-position: -194px -92px;
}

.bing .setype,
.bing_icon {
  background-position: -193px -218px;
}

.haoso .setype,
.haoso_icon,
.s360 .setype,
.s360_icon {
  background-position: -193px -276px;
}

.yahoo .setype,
.yahoo_icon {
  background-position: -194px -332px;
}

.sm .setype,
.sm_icon {
  background-position: -234px -391px;
}

.zhongsou .setype,
.zhongsou_icon {
  background: -202px -841px;
}

.youdao .setype,
.youdao_icon {
  background: -197px -587px;
}

.baidu_1_icon,
.baidu_2_icon {
  font-family: echat;
  font-size: 20px!important;
  color: #007ec9!important;
  position: relative!important;
  line-height: 20px!important;
  top: 0!important;
  left: 0;
  padding: 0!important;
  border: 0!important;
}

.baidu_1_icon::before {
  content: '\e6c5';
}

.baidu_2_icon::before {
  content: '\e6c4';
}

.goo .setype,
.goo_icon {
  background: -93px -996px;
}

.excite .setype,
.excite_icon {
  background: -140px -996px;
}

.biglobe .setype,
.biglobe_icon {
  background: -229px -996px;
}

.nifty .setype,
.nifty_icon {
  background: -42px -995px;
}

.rakuten .setype,
.rakuten_icon {
  background: -181px -996px;
}

.google_se:before {
  content: '\e952';
  color: #4285F4;
}

.sogou_se:before {
  content: '\e603';
  color: #FD6A26;
}

.baidu_se:before {
  content: '\e64c';
  color: #2932E1;
}

.bing_se:before {
  content: '\e954';
  color: #0C8484;
}

.s360_se:before {
  content: '\e648;';
  color: #fff;
}

.yahoo_se:before {
  content: "";
  color: #fff;
}

.sm_se:before,
.youdao_se:before,
.zhongsou_se:before {
  content: '';
  color: #fff;
}

.icon-switch {
  width: 46px;
  height: 24px;
  display: block;
  margin-top: 4px;
  margin-right: 10px;
}

.on .icon-switch {
  background-position: -181px -497px;
}

.off .icon-switch {
  background-position: -181px -533px;
}

.invite .cm-faq-entp,
.visit .cm-faq-pers {
  color: #fff;
  background-color: #0DA7DD;
}

.smplist-switch .cm-faq-label {
  margin-top: 5px;
  width: 70px;
  text-align: center;
  line-height: 20px;
}

.icon.close,
.icon.close-blue,
.icon.close-x,
.icon_close_white,
.icon_setting_white {
  width: 22px;
  height: 22px;
}

.icon.close {
  background-position: -608px -155px;
}

.icon.close-x {
  background-position: -501px -187px;
}

.icon.close-x:hover {
  background-position: -554px -187px;
}

.icon.close-blue {
  transition: transform .4s;
  background-position: -607px -116px;
}

.close-blue:hover {
  transform: rotate(180deg);
}

.icon_setting_gray {
  background-position: -445px -153px;
}

.icon_setting_white {
  background-position: -501px -154px;
}

.icon_close_white {
  background-position: -607px -154px;
}

.faq-search {
  position: absolute;
  z-index: 999;
  padding-top: 14px;
  text-align: left;
  height: 50px;
  width: 100%;
  margin-top: -50px;
  background-color: #EBEFF2;
}

.faq-search-icon {
  height: 24px;
  width: 24px;
  background-position: -570px -308px;
}

.faq-search-clear {
  position: relative;
  width: 26px;
  height: 26px;
  margin-left: -30px;
  background-position: -501px -186px;
}

.faq-search-clear:hover {
  background-position: -554px -186px;
}

.faq-search>input {
  height: 24px;
  width: calc(100% - 70px);
  margin-left: 20px;
  border: 1px solid #d0d0d0;
  padding: 0 4px;
  border-radius: 3px;
}

.faq-fold>span {
  margin-left: 20px;
  cursor: pointer;
}

.faq-fold>span:hover {
  color: #0da7db;
}

.icon.expan-all {
  width: 24px;
  height: 24px;
  background-position: -541px -758px;
}

.icon.pack-all {
  width: 24px;
  height: 24px;
  background-position: -541px -715px;
}

.circle-expand {
  background-position: -325px -718px;
}

.circle-closeup {
  background-position: -325px -680px;
}

.left_nav {
  position: relative;
  height: 100%;
  width: 60px;
  padding-top: 18px;
  background: #36404A;
  color: #FFF;
  z-index: 1010;
}

.header_logo {
  position: relative;
  height: 46px;
  width: 46px;
  margin: 2px auto 14px;
  text-align: center;
  line-height: 46px;
  font-size: 1.5rem;
  cursor: pointer;
}

.staff_desc,
.visitor-status-tip {
  position: absolute;
  text-align: left;
}

.header_logo>img {
  width: 100%;
  height: 100%;
  border: none;
  border-radius: 23px;
}

.staff_status,
.visitor_icon:before {
  position: absolute;
  width: 15px;
  height: 15px;
  cursor: pointer;
  right: 15px;
  bottom: -18px;
  background: url("../_assit/service_icon-3215e5ef3b.png") -480px -423px no-repeat;
}

.staff_icon>.staff_status {
  position: absolute;
  top: 18px;
  right: -3px;
}

.visitor_icon:before {
  background-position: 0 0;
}

.status1,
.visitor_status1 .visitor_icon:before,
.visitor_status2 .visitor_icon:before,
.visitor_status4 .visitor_icon:before {
  background-position: -445px -423px;
}

.status2 {
  background-position: -445px -439px;
}

.status3,
.visitor_status3 .visitor_icon:before {
  background-position: -463px -439px;
}

.status4 {
  background-position: -462px -423px;
}

.status5 {
  background-position: -480px -423px;
}

.status_new {
  line-height: 15px;
}

.visitor_status .visitor_icon:before,
.visitor_statusno .visitor_icon:before {
  content: '';
  display: block;
  right: 0;
  bottom: 0;
  z-index: 1;
}

.visitor-status-tip {
  pointer-events: none;
  display: none;
  top: 50px;
  left: 10px;
  padding: 8px;
  z-index: 2;
  background: #FFF;
  color: #A8A8A8;
  box-shadow: 0 0 5px #ccc;
  border-radius: 2px;
  margin-right: 10px;
}

.visitor_status.show_visitor_status .visitor-status-tip,
.visitor_status.visitor_status3 .visitor-status-tip,
.visitor_status.visitor_status3 .visitor-status-tip3,
.visitor_status1 .visitor-status-tip1,
.visitor_status2 .visitor-status-tip2,
.visitor_status4 .visitor-status-tip2,
.visitor_statusno.show_visitor_status .visitor-status-tip,
.visitor_statusno.visitor_status3 .visitor-status-tip3-0 {
  display: block;
}

.window_header.visitor_status.visitor_status4 .visitor-status-tip {
  display: block;
  animation: timeoutHide 0s ease-in 3s forwards;
}

.window_header.visitor_status4.show_visitor_status .visitor-status-tip {
  visibility: visible;
  animation: none;
}

.icon_animation,
.invisible {
  visibility: hidden;
}

@keyframes timeoutHide {
  to {
    visibility: hidden;
  }
}

.visitor-status-tip div {
  display: none;
}

.visitor-status-tip:before {
  border-style: solid;
  content: "";
  display: block;
  border-width: 6px;
  border-color: transparent transparent #fff;
  position: absolute;
  top: -12px;
  left: 11px;
  pointer-events: none;
}

.status_list {
  position: absolute;
  min-width: 62px;
  margin: 0;
  padding: 2px;
  top: 50px;
  left: 7px;
  z-index: 9999;
  background: rgba(70,115,90,.84);
  border-radius: 3px;
  overflow: hidden;
}

.status_list li {
  display: flex;
  align-items: center;
  height: 20px;
  padding: 2px 3px 2px 6px;
  font-size: .8257rem;
  line-height: 24px;
  cursor: pointer;
  white-space: nowrap;
}

.status_list li:hover {
  background: #D1D1D1;
}

.status_list>li>div {
  background-image: url("../_assit/service_icon-3215e5ef3b.png");
  width: 15px;
  height: 15px;
  margin: 0 5px 0 0;
}

.left_nav .nav_item>.item_desc,
.staff_desc {
  background: #fff;
  box-shadow: 1px 2px 10px 0 #949494;
}

.header_logo:hover .staff_desc {
  display: block;
}

.chat-inner,
.staff_desc {
  display: none;
}

.staff_desc {
  top: -8px;
  left: 53px;
  padding: 8px 10px;
  color: #888;
  font-size: 12px;
  line-height: 18px;
  max-width: 320px;
}

.staff_desc_top {
  padding-bottom: 8px;
  border-bottom: 1px solid #f1f1f1;
  margin-bottom: 8px;
}

.staff_avatar {
  width: 50px;
  float: left;
}

.staff_avatar img {
  width: 50px;
  border: 0;
}

.staff_item {
  margin-left: 58px;
}

.staff_item_name {
  line-height: 1;
  padding: 8px 0;
  white-space: nowrap;
  overflow: hidden;
}

.staff_item_name1 {
  font-size: 16px;
  color: #323232;
}

.nav_list {
  padding-top: 16px;
  height: calc(100% - 160px);
}

.nav_list>div:first-child {
  height: 100%;
}

.nav_item {
  position: relative;
  cursor: pointer;
  padding: 8px 0 10px;
  color: #53677c;
}

.left_nav .nav_item>.item_desc {
  display: none;
  position: absolute;
  z-index: 1100;
  left: 60px;
  top: 8px;
  color: #323232;
  padding: 0 10px;
  line-height: 30px;
  white-space: nowrap;
  font-size: 12px;
}

.nav_item:hover>.item_desc {
  display: inline-block;
}

.nav_item .item_title {
  font-size: 12px;
  line-height: 18px;
  text-align: center;
  overflow: hidden;
  white-space: nowrap;
}

.nav_item:hover .item_title {
  color: #fff;
}

.both_expan>.left_nav .nav_item>span,
.left_expan>.left_nav .nav_item>span {
  display: block;
  width: 78px;
  margin-left: 50px;
}

.nav_icon,
.nav_item>i {
  display: inline-block;
  height: 28px;
  width: 28px;
  margin-left: 16px;
  background: url("../_assit/service_icon-3215e5ef3b.png") no-repeat;
}

.nav_item>.newMsg,
.nav_item>.newMyMsg {
  background-color: red;
  display: inline-block;
  position: absolute;
}

.nav_item>.newMsg {
  width: 8px;
  height: 8px;
  border-radius: 6px;
  top: 8px;
  right: 13px;
}

.nav_item>.newMyMsg {
  width: 18px;
  height: 18px;
  color: #fff;
  border-radius: 15px;
  top: 0;
  right: 10px;
  line-height: 16px;
  text-align: center;
  font-size: 10px;
  z-index: 99;
}

.icon_chat>i {
  background-position: -19px -22px;
}

.icon_chat.selected>i,
.icon_chat:hover>i {
  background-position: -70px -22px;
}

.icon_colle>i {
  background-position: -20px -82px;
}

.icon_colle.selected>i,
.icon_colle:hover>i {
  background-position: -70px -82px;
}

.icon_internal {
  display: none;
}

.icon_internal>i {
  background-position: -19px -141px;
}

.icon_internal.selected>i,
.icon_internal:hover>i {
  background-position: -69px -141px;
}

.icon_leave>i {
  background-position: -21px -252px;
}

.icon_leave.selected>i,
.icon_leave:hover>i {
  background-position: -71px -252px;
}

.icon_history>i {
  background-position: -21px -196px;
}

.icon_history.selected>i,
.icon_history:hover>i {
  background-position: -71px -196px;
}

.icon_thirdapp>i {
  background-position: -20px -141px;
}

.icon_thirdapp.selected>i,
.icon_thirdapp:hover>i {
  background-position: -70px -141px;
}

.nav-workorder-unread .icon_workorder::before {
  content: "";
  width: 0;
  height: 0;
  border: 2px solid #ff3e18;
  position: absolute;
  right: 10px;
  bottom: 30px;
}

.icon_workorder>i {
  background: 0 0;
}

.icon_workorder>i:before {
  content: "\e6c2";
  color: #576b7e;
  display: inline-block;
  font-style: normal;
  background-image: none;
  font-size: 28px;
}

.icon_workorder.selected>i:before,
.icon_workorder:hover>i:before {
  content: "\e6c2";
  color: #fff;
}

.icon_booking>i {
  background-position: -71px -429px;
}

.icon_booking.selected>i,
.icon_booking:hover>i {
  background-position: -71px -369px;
}

.icon_analyze>i {
  background-position: -21px -311px;
}

.icon_analyze.selected>i,
.icon_analyze:hover>i {
  background-position: -71px -311px;
}

.icon_share>i {
  background-position: -22px -491px;
}

.icon_share.selected>i,
.icon_share:hover>i {
  background-position: -72px -491px;
}

.icon_log>i {
  background-position: -102px -531px;
}

.icon_log.selected>i,
.icon_log:hover>i {
  background-position: -102px -572px;
}

.icon_commerce>i {
  background: url("../images/commerce.png") no-repeat;
  background-size: 100%;
}

.icon_commerce.selected>i,
.icon_commerce:hover>i {
  background: url("../images/commerce_select.png") no-repeat;
  background-size: 100%;
}

.nav_list .seled {
  background: #55677B;
}

.seled>.selected_arr_left {
  display: block;
  top: 20px;
  right: 0;
}

.main,
.summary_left {
  display: flex;
}

.icon_analyze.selected,
.icon_booking.selected,
.icon_chat.selected,
.icon_colle.selected,
.icon_commerce.selected,
.icon_history.selected,
.icon_internal.selected,
.icon_leave.selected,
.icon_log.selected,
.icon_share.selected,
.icon_thirdapp.selected,
.icon_workorder.selected {
  background-color: #55677B;
  color: #fff;
}

.nav_oprt_more {
  position: absolute;
  bottom: 15px;
  width: 100%;
}

.nav_oprt_more>.nav_item {
  height: 38px;
  line-height: 38px;
}

.nav_oprt_more>.nav_item>.nav_icon {
  height: 24px;
  width: 24px;
  transition: transform .5s;
}

.icon_setting {
  background-position: -22px -364px;
}

.nav_item:hover>.icon_setting {
  transform: rotate(90deg);
}

.icon_logout {
  background-position: -22px -403px;
}

.nav_item:hover>.icon_logout {
  transform: rotate(180deg);
}

.icon_help {
  background-position: -22px -441px;
}

.nav_item:hover>.icon_help {
  transform: rotate(360deg);
}

.item-menu-badge {
  position: absolute;
  right: 8px;
  bottom: 24px;
  width: 5px;
  height: 5px;
  color: #fff;
  font-size: 0;
  background: red;
  border-radius: 3px;
}

.icon_charticon,
.main,
.summary_item,
.summary_right {
  position: relative;
}

.item-menu-badge.badge-num {
  height: auto;
  width: auto;
  padding: 0 2px;
  min-width: 15px;
  max-width: 18px;
  line-height: 16px;
  font-size: 12px;
  text-align: center;
  border-radius: 10px;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.main {
  flex: 1;
  flex-direction: column;
  height: 100%;
  background-color: #f2f2f2;
  overflow: hidden;
}

.header_summary {
  display: flex;
  min-width: 840px;
  height: 50px;
  margin-left: 10px;
  z-index: 1008;
  background: #fff;
  box-shadow: 12px 0 10px 2px #CCC;
}

.icon_charticon {
  display: block;
  vertical-align: inherit;
  top: 12px;
  margin: 0 10px;
  background-position: -315px -283px;
  width: 34px;
  height: 30px;
}

.summary_item {
  top: 7px;
  padding: 0 10px;
  text-align: center;
  color: #000;
}

.summary_item>div:first-child {
  color: #0DA7DD;
  font-size: 1.14285rem;
  cursor: pointer;
  font-weight: 700;
}

.summary_right {
  flex: 1;
}

.summary_desc {
  font-size: .8514rem;
}

.summary_mid {
  display: flex;
  height: 40px;
  box-shadow: 0 2px 6px 1px #ccc;
  border-radius: 0 8px 8px;
  margin-top: 5px;
}

.summary_mid>.logo {
  position: absolute;
  margin: 4px 0 0 -48px;
  box-shadow: -3px 0 0 4px #FFF;
  background-color: #fff;
}

.summary_bg_left {
  background: url("../_assit/service_icon-3215e5ef3b.png") -135px -429px;
  left: -11px;
  top: -2px;
  position: absolute;
  z-index: 10;
  width: 12px;
  height: 42px;
}

.logo:not(:empty) {
  background-image: none!important;
}

.logo>img {
  width: 100%;
  height: 100%;
  border-radius: 20px;
}

.summary_mid>.summary_item {
  top: 0;
  height: 40px;
  background-color: #f4f8fb;
  cursor: pointer;
}

.no-operate {
  text-decoration: none!important;
  cursor: default!important;
}

.ext_track_loader:hover,
.history_load:hover span,
.history_refresh:hover span,
.needsumup-item:hover>.sumup-item-desc,
.reply-tigger>span:hover {
  text-decoration: underline;
}

.summary_item.head {
  border: none;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}

.summary_item.trail {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}

.chat-trans-list {
  position: absolute;
  min-height: 90px;
  max-height: 240px;
  width: 460px;
  margin: 2px 0 0 -200px;
  box-shadow: 0 0 10px 0 #ddd;
  background: #fff;
  border-radius: 3px;
  z-index: 999;
  overflow-y: auto;
  cursor: auto;
}

.chat-trans-head,
.chat-trans-head img {
  width: 34px;
  height: 34px;
  border-radius: 18px;
}

.chat-trans-item {
  padding: 8px 8px 0;
}

.chat-trans-info {
  display: flex;
}

.chat-trans-head {
  margin: 0 10px 0 4px;
}

.chat-trans-desc {
  display: flex;
  width: 280px;
  line-height: 34px;
  text-align: left;
}

.chat-trans-visitor {
  color: #ccc;
}

.chat-trans-vname {
  color: #555;
}

.chat-trans-staffname {
  max-width: 80px;
  overflow: hidden;
  white-space: nowrap;
}

.chat-trans-operate>.btn {
  height: 26px;
  line-height: 14px;
  margin-right: 6px;
}

.chat-trans-memo {
  text-align: left;
  padding: 1px 30px 2px 20px;
  color: #0CA6DC;
  background: #eee;
  margin: 6px 0;
  border-radius: 6px;
}

.content-wrapper {
  display: flex;
  flex: 1;
  position: relative;
  height: calc(100% - 50px);
}

.chat_list {
  display: flex;
  width: 100%;
  padding: 10px 6px 0 10px;
}

.config_loading {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(255,255,255,.95);
  text-align: center;
  line-height: 340px;
}

.config_frame+.config_loading {
  display: none;
}

.config-extension-wrapper {
  display: none;
  flex: 1;
  overflow: hidden;
}

.extapp-frm-show,
.extapp-sfrm-show {
  display: flex;
}

.extapp-sfrm-show {
  flex: none;
}

.extapp-sfrm-show>.config_frame_box {
  display: none;
}

.config_frame_box {
  flex: 1;
  min-width: 300px;
  box-shadow: 0 0 4px #ccc;
}

.config-func-alone {
  position: relative;
  display: flex;
  margin-left: 10px;
  flex-direction: column;
  box-shadow: 0 0 4px #ccc;
  background-color: #fff;
  min-width: 370px;
  max-width: calc(100% - 300px);
}

.config-func-alone:empty {
  display: none;
}

.config-func-alone>.rsc-wrapper {
  flex: 1;
  width: 370px;
  min-width: 370px;
  max-width: 100%;
  position: relative;
  overflow: auto;
}

.extapp-item {
  width: 100%;
  height: 100%;
}

.single-win~.external_panel .cm_faq_labels {
  height: 36px;
  background-color: #cfcdce;
}

.single-win~.external_panel .cm-faq-desc {
  line-height: 36px;
  color: #000;
}

.single-win~.external_panel .cm-faq-label {
  margin-top: 5px;
  background: #f5f5f5;
}

.single-win~.external_panel .cm_ext_lists>.cm_list {
  height: calc(100% - 68px);
}

.single-win~.external_panel .close-blue {
  margin-top: 7px;
  background-position: -607px -154px;
}

.cm_faq_labels {
  display: flex;
  text-align: center;
}

.cm_faq_labels>.close-blue {
  margin: 13px 10px 0 0;
}

.cm-faq-head {
  position: relative;
  flex: 1;
  white-space: nowrap;
  overflow: hidden;
}

.cm-faq-desc {
  padding-right: 12px;
  line-height: 50px;
}

.cm-faq-label {
  height: 24px;
  padding: 0 6px;
  line-height: 23px;
  margin-top: 14px;
  border-top: 1px solid #0DA7DD;
  border-bottom: 1px solid #0DA7DD;
  cursor: pointer;
}

.entp .cm-faq-entp,
.pers .cm-faq-pers {
  color: #fff;
  background-color: #0DA7DD!important;
}

.cm_ext_lists,
.cm_lists {
  background: #fff;
  width: 100%;
}

.pers .freq_whos {
  display: block;
}

.freq_whos>select {
  max-width: 100%;
  height: 30px!important;
  min-width: 200px;
  cursor: pointer;
}

.cm-faq-pers {
  border-left: 1px solid #0DA7DD;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}

.cm-faq-entp {
  border-right: 1px solid #0DA7DD;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}

.cm_lists {
  display: flex;
  min-height: 60px;
  overflow: hidden;
}

.ext_cusinfo>.cm_lists {
  bottom: 0!important;
}

.cm_ext_lists,
.cm_list {
  flex: 1 0 100%;
  height: 100%;
  overflow-y: auto;
  overflow-x: hidden;
  transition: transform .4s;
}

.cm_list.hid {
  overflow-y: hidden;
}

.cm_list.hid .crm_list_sbox {
  height: calc(100% - 135px);
}

.custom_info_form {
  height: calc(100% - 175px);
  overflow: auto;
}

.cm_ext_lists {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
}

.cm_ext_lists>.cm_list {
  height: calc(100% - 84px);
  padding-top: 50px;
  overflow-x: visible;
  overflow-y: auto;
}

.ext_faq .cm_ext_faq,
.ext_preview .cm_ext_preview,
.ext_urls .cm_ext_urls {
  display: block;
  overflow: visible!important;
}

.cm-prev-title,
.visitor_addr,
.visitor_sinfo {
  overflow: hidden;
}

.cm_ext_preview {
  z-index: 999;
}

.cm_ext_preview iframe {
  width: 100%;
  height: calc(100% - 38px);
  border: 1px solid #bbb;
}

.cm-prev-title {
  width: 100%;
  white-space: nowrap;
  line-height: 36px;
}

.visitor_item {
  position: relative;
  display: flex;
  cursor: default;
  height: 60px;
  font-size: .85721rem;
  border-bottom: 1px solid #f2f2f2;
  transition: background-color .1s;
}

.chat-list-end .talk-unread.un-sumup:after,
.un-sumup:after {
  display: none;
}

.chat-list-end .un-sumup:after {
  display: block;
  content: '\e671';
  font-size: 14px;
  color: #666;
  position: absolute;
  right: 8px;
  top: 22px;
}

.chat-list-end .selected.un-sumup:after,
.cor_mark,
.visitor_item.selected .visitor-date {
  color: #FFF;
}

.chat-list-end .chat-list-his .un-sumup:after {
  top: 31px;
}

.un-sumup:after {
  display: none;
}

.chat-list-end>.un-sumup:after {
  display: block;
  content: '';
  width: 22px;
  height: 22px;
  position: absolute;
  right: 5px;
  top: 18px;
  background-image: url("../_assit/service_icon-3215e5ef3b.png");
  background-position: -282px -838px;
}

.chat-list-end>.selected.un-sumup:after {
  background-position: -322px -838px;
}

.chat-list-end>.assessmentShow::after {
  display: none;
}

.cor_mark {
  margin: 0 10px;
  min-width: 15px;
  max-width: 24px;
  height: 15px;
  padding: 1px;
  text-align: center;
  border-radius: 9px;
  background-color: #F05858;
  opacity: 0;
  line-height: 12px;
  font-size: 10px;
  transition: all .3s;
}

.unread {
  opacity: 1;
}

.visitor-date {
  flex: 1;
  color: #666;
  text-align: right;
  padding-right: 6px;
}

.queue>.cm_lists>.cm_list {
  position: relative;
  left: 0;
  transition: left .5s;
}

.chatting>.cm_lists>.cm_list {
  position: relative;
  left: -100%;
  transition: left .5s;
}

.closing>.cm_lists>.cm_list {
  position: relative;
  left: -200%;
  transition: left .5s;
}

.end-gray .chat_history_item.from_service,
.end-gray .chat_history_item.from_visitor,
.end-gray .window_header,
.reply-timeout {
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%);
  filter: gray;
}

.nofilter {
  -webkit-filter: none!important;
}

.visitor-status .visitor_icon::after {
  content: '';
  display: none;
  right: 0;
  z-index: 1;
  position: absolute;
  width: 15px;
  height: 15px;
  bottom: 3px;
  background: url("../_assit/service_icon-3215e5ef3b.png") no-repeat;
}

.visitor-status.status1 .visitor_icon::after {
  display: block;
  background-position: -445px -423px;
}

.visitor-status.status3 .visitor_icon::after {
  display: block;
  background-position: -463px -439px;
}

.sign1 {
  border-left: 3px solid #f4a4a4;
}

.onstaff>.cm_labels,
.onstaff>.cm_lists {
  display: none;
}

.chatting>.cm_labels>.cm_label:nth-child(2),
.closing>.cm_labels>.cm_label:last-child,
.queue>.cm_labels>.cm_label:first-child {
  border-bottom: 2px solid #0da7db;
  color: #0da7db;
}

.no-data-icon {
  line-height: 54px;
  font-size: 1rem;
}

.no-data-icon:before {
  content: '';
  height: 100%;
  width: 80px;
  margin: 0 10px;
  background-image: url("../_assit/service_icon-3215e5ef3b.png");
}

.icon-wait-bg:before {
  background-position: 0 -669px!important;
}

.icon-chat-bg:before {
  background-position: 0 -614px!important;
}

.icon-end-bg:before {
  background-position: 0 -721px!important;
}

.icon-visitor-bg:before {
  background-position: -6px -783px!important;
}

.icon-leave-bg:before {
  background-position: -352px -778px!important;
  border-bottom: none;
}

.chat-list-wrap>.selected,
.chat-list-wrap>.visitor_item:hover,
.cm_list>.selected,
.cm_list>.visitor_item:hover,
.search-results>.selected,
.search-results>.visitor_item:hover {
  background-color: #0da7db!important;
  color: #fff;
}

.cm_list>.selected .icon,
.cm_list>.visitor_item .icon {
  transition: background-color .4s;
}

.cm_list>.selected .icon,
.cm_list>.visitor_item:hover .icon {
  background-color: #fff;
}

.cm_list>.selected .icon_mobile,
.cm_list>.visitor_item:hover .icon_mobile {
  background-position: -364px -151px;
}

.cm_list>.selected .icon_pad,
.cm_list>.visitor_item:hover .icon_pad {
  background-position: -364px -24px;
}

.cm_list>.selected .icon_pc,
.cm_list>.visitor_item:hover .icon_pc {
  background-position: -364px -87px;
}

.cm_list>.selected .icon_wechat,
.cm_list>.visitor_item:hover .icon_wechat {
  background-position: -364px -580px;
}

.cm_list>.selected .icon_writing,
.cm_list>.visitor_item:hover .icon_writing {
  background-position: -364px -218px;
}

.cm_list>.selected .visitor_booking,
.cm_list>.visitor_item:hover .visitor_booking {
  border: 1px solid #0da7db;
}

.visitor_item.no-data-icon:hover {
  background-color: transparent!important;
  color: #555!important;
}

.multi-sel {
  background-color: #ECF9FF;
}

.visitor_icon {
  position: relative;
  width: 50px;
  height: 100%;
  line-height: 60px;
  text-align: right;
  z-index: 0;
}

.eif-wechat .visitor_icon::after {
  content: '\e629';
  font-family: echat;
  font-size: 28px;
  position: absolute;
  width: 34px;
  height: 34px;
  right: 0;
  top: 12px;
  line-height: 40px;
  color: #3caf36;
  z-index: -1;
  text-align: center;
}

.visitor_info {
  flex: 1;
  width: 242px;
  line-height: 34px;
  padding-left: 8px;
}

.visitor_sinfo {
  display: inline-block;
  padding-right: 4px;
  width: calc(100% - 16px);
}

.visitor_sinfo:empty {
  display: none;
}

.visitor_addr-name {
  height: 30px;
  display: flex;
  align-items: center;
  position: relative;
}

.visitor-chat-more,
.visitor_accept {
  display: none;
  font-size: 14px;
  background: #25ad20;
  cursor: pointer;
  position: absolute;
  color: #fff;
  text-align: center;
}

.visitor-extico {
  flex: 1;
  align-items: center;
  min-width: calc(100% - 120px);
}

.visitor-msg,
.visitor_addr,
.visitor_search {
  flex: 1;
  text-overflow: ellipsis;
}

.visitor_item_time {
  position: absolute;
  right: 2px;
  color: #A8A8A8;
  padding-right: 6px;
  text-align: right;
}

.un-sumup .visitor_item_time {
  line-height: 24px;
}

.visitor_item.selected .visitor_item_time,
.visitor_item:hover .visitor_item_time {
  color: #fff;
}

.visitor_accept {
  right: 6px;
  top: 6px;
  width: 90px;
  height: 30px;
  line-height: 30px;
  border-radius: 2px;
  box-shadow: 0 0 7px 0 #ddd;
}

.visitor-chat-more {
  right: 0;
  top: 0;
  z-index: 1;
  min-width: 60px;
  height: 59px;
  line-height: 59px;
  box-shadow: -2px 0 8px -1px #777;
}

.visitor_item:hover .visitor-chat-more,
.visitor_item:hover .visitor_accept {
  display: block;
}

.search-contacts {
  padding-bottom: 38px;
}

.search-contact-line {
  position: relative;
  z-index: 2;
  padding: 0 6px 0 24px;
  height: 40px;
}

.search-contact-line>.faq-search-icon {
  transform: rotate(90deg);
}

.search-results {
  height: calc(100% - 40px);
  overflow-y: auto;
}

.search-contact-ipt {
  width: 236px;
  margin: 0 auto;
  height: 36px;
  padding: 0;
  box-sizing: border-box;
  border: none;
  outline: 0;
}

.search-contact-clear {
  position: absolute;
  right: 10px;
  top: 6px;
  width: 24px;
  height: 24px;
  background-position: -486px -344px;
}

.search-match {
  color: #A8A8A8;
}

.search-highlight {
  color: #0da7db!important;
}

.visitor_item.selected .search-highlight,
.visitor_item:hover .search-highlight {
  color: red!important;
}

.addr_name {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  width: 110px;
  font-size: .95rem;
  padding-left: 6px;
}

.visitor-vip {
  color: #FC7D17!important;
}

.visitor-se,
.visitor-vip {
  position: relative;
  width: 22px;
  height: 20px;
  font-size: .85rem;
  overflow: hidden;
  line-height: 21px;
  top: 7px;
  padding: 0 2px 0 13px;
  border-radius: 0;
  text-indent: 0;
}

.visitor-se {
  height: 20px!important;
  border: 2px solid transparent;
  font-size: 1.1rem;
  text-align: center;
  line-height: 19px;
}

.visitor-vip:before {
  content: '\e625';
  position: absolute;
  left: 2px;
  font-size: 1rem;
  line-height: 19px;
  display: inline-block;
  width: 14px;
  top: -1px;
}

.selected .visitor-vip,
.visitor_item:hover .visitor-vip {
  background-color: #FC7D17;
  color: #fff!important;
}

.selected .visitor-se,
.visitor_item:hover .visitor-se {
  background-color: #fff;
  border-color: #fff;
}

.visitor_search-msg {
  position: relative;
  height: 28px;
  line-height: 24px;
  color: #A8A8A8;
  text-align: left;
  white-space: nowrap;
  display: flex;
}

.visitor_search {
  display: flex;
  overflow: hidden;
}

.visitor-msg {
  overflow: hidden;
  padding-right: 30px;
}

.window_header .visitor_search .icon {
  margin: 3px 3px 3px 1px;
}

.cm_list>.selected .visitor_search-msg,
.cm_list>.visitor_item:hover .visitor_search-msg,
.has-warn,
.has-warn .visitor_search-msg {
  color: #fff;
}

.visitor_vip {
  background-color: #F8D9C1;
  color: #FC7D17;
  width: 16px;
  height: 16px;
  line-height: 16px;
  text-align: center;
  border-radius: 2px;
  margin-left: 10px;
}

.visitor_booking {
  position: absolute;
  width: 16px!important;
  height: 16px!important;
  top: -4px;
  right: 10px;
  z-index: 950;
  border: none!important;
  border-radius: 9px;
  color: #fff;
  background-color: #FEB901!important;
  background-position: -193px -391px;
  box-shadow: 0 0 1px 1px #fff;
  background-size: initial!important;
}

.leave-head,
.share-head {
  position: absolute;
  width: 26px;
  height: 26px;
  border-radius: 16px;
  right: 20px;
  top: 30px;
  box-shadow: 0 0 2px 1px #999;
  border: 1px solid #efefef;
}

.indic-line,
.show-share-head .share-head {
  position: absolute;
  width: 14px;
  height: 30px;
  left: -16px;
  top: -12px;
  border-left: 1px dashed #0DA7DB;
  border-bottom: 1px dashed #0DA7DB;
}

.indic-dot {
  position: absolute;
  width: 8px;
  height: 8px;
  background: #0DA7DB;
  border-radius: 6px;
  bottom: -4px;
  left: -4px;
}

.msg-detect-timer {
  padding: 0 2px;
  border-radius: 3px;
}

.selected>.indic-line>.indic-dot {
  background-color: #6BF041;
}

.visitor_leave.selected .big.eif-icon,
.visitor_leave.selected .visitor_icon_img {
  width: 40px;
  height: 40px;
  font-size: 1.7142rem;
  line-height: 40px;
}

.visitor_icon_img.um-img-icon {
  display: inline-block;
  background-size: contain;
}

.visitor_leave.selected>.visitor_info *,
.visitor_leave:hover>.visitor_info * {
  color: #fff;
}

.leave-msg-info {
  padding-top: 4px;
}

.leave-msg-time {
  position: absolute;
  right: 2px;
  color: #A8A8A8;
  padding-right: 6px;
  text-align: right;
}

.leave-operate {
  display: none;
  position: absolute;
  right: 0;
  height: 100%;
  width: 0;
}

.visitor_leave:hover .leave-operate {
  display: block;
  width: auto;
}

.leave-operate button {
  height: 100%;
  width: 70px;
  border: none;
  font-size: 1rem;
}

button.leave-claim {
  display: none;
  background-color: #ed6942;
  box-shadow: -2px 0 3px 0 #d9603d inset;
}

button.leave-dist {
  background-color: #44b549;
  box-shadow: -4px 0 4px -3px #2c8e2f;
}

.undistrib .leave-operate button:last-child {
  box-shadow: none;
}

.undistrib .leave-operate button:first-child {
  display: inline-block;
}

.chat-staff {
  overflow-x: hidden;
  overflow-y: auto;
  transition: transform .4s;
}

.chat-staff>.cm_labels {
  overflow: visible;
}

.cl-sortchat>.cm_labels>.cm_label:first-child,
.cl-staffchat>.cm_labels>.cm_label:last-child {
  border-bottom: 2px solid #0DA7DB;
  color: #0DA7DB;
}

.chat-staff>.cm_lists {
  height: calc(100% - 84px);
}

.cl-sortchat>.cm_lists>.cm_list {
  transform: translateX(0);
}

.cl-staffchat>.cm_lists>.cm_list {
  transform: translate(-100%);
}

.chat-staff-all>.cor_mark {
  display: none;
  line-height: 16px;
}

.chat-staff-all>.cor_mark.unread,
.sort-indicator {
  display: inline-block;
}

.sort-indicator {
  position: absolute;
  height: 0;
  width: 0;
  margin-left: 4px;
  margin-top: 23px;
  border-style: solid;
  border-color: #0da7db transparent transparent;
  cursor: pointer;
  border-width: 8px 5px;
  border-width: 8px 5px;
}

.sort-itemslabel {
  position: absolute;
  display: none;
  width: 300px;
  text-align: left;
  color: #444;
  box-shadow: 0 2px 6px 0 #ddd;
  z-index: 99;
  background-color: #fff;
}

.sort-itemslabel>div {
  height: 34px;
  padding-left: 20px;
  line-height: 34px;
  border-bottom: 1px solid #dfdfdf;
  font-size: 13px;
  position: relative;
}

.sort-showlabel>.sort-itemslabel {
  display: block;
}

.sort-itemslabel .glyphicon {
  position: absolute;
  display: none;
  right: 20px;
  top: 10px;
  font-size: 12px;
  color: #0da7db;
}

.sort-msgamount .msgamount,
.sort-waittime .waittime {
  color: #0da7db;
}

.sort-ok {
  position: absolute;
  display: inline;
  font-size: 1.2871rem;
  text-align: right;
  right: 20px;
}

.cl-group {
  max-height: 40px;
  overflow: hidden;
  border-bottom: 1px solid #f0f0f0;
  transition: max-height .5s ease-in-out;
}

.cl-group>.cl-group-label {
  height: 40px;
}

.cl-group-staff.expan>.visitor_item {
  display: flex;
}

.cl-group-staff>.visitor_item {
  display: none;
  margin: 0 2px 0 44px;
  height: 34px;
  border: none;
  border-radius: 3px;
}

.icon-head-samll>.visitor_icon_img {
  width: 25px;
  height: 25px;
  border-radius: 12px;
}

.icon-head-samll>.big.eif-icon {
  width: 26px;
  height: 26px;
  font-size: 1.4rem;
  line-height: 29px;
}

.cl-group-label {
  position: relative;
  height: 32px;
  background-color: #F8FCFF;
  border-bottom: 1px solid #E4E4E4;
}

.cl-staff-status {
  width: 16px;
  height: 16px;
  position: relative;
}

.cl-staff-name {
  display: inline-block;
  max-width: 170px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  line-height: 28px;
}

.cl-staff-indicator {
  position: relative;
  width: 18px;
  height: 18px;
  margin-left: 20px;
  z-index: 1212;
  background-position: -325px -718px;
  transition: all .3s;
  background-color: #fff;
}

.expan>.cl-group-label>.cl-staff-indicator {
  background-position: -325px -680px;
}

.group-label-title {
  line-height: 40px;
  padding-left: 36px;
}

.group-label-indic {
  position: absolute;
  width: 10px;
  height: 10px;
  border-right: 2px solid #999;
  right: 20px;
  top: 14px;
  border-bottom: 2px solid #999;
  transform: rotate(-45deg);
  transition: all .4s;
  -webkit-transition: all .4s;
}

.cl_selector,
.expan .group-label-indic {
  transform: rotate(45deg);
}

.staff-nochat {
  line-height: 60px;
  font-size: 1.14285rem;
  padding-left: 48px;
  color: #ccc;
}

.chat_mark,
.nochat_mark {
  position: relative;
  padding: 0 4px;
  border-radius: 6px;
  background: #0DA7DB;
  font-size: 11px;
  color: #fff;
}

.nochat_mark {
  background-color: #aaa;
}

.chat_mark {
  border-radius: 8px 0 0 8px;
  letter-spacing: -2px;
  padding: 0 2px 0 4px;
}

.chat_mark:empty,
.chat_mark:empty~.chat_mark2,
.chat_mark:not(:empty)~.nochat_mark {
  display: none;
}

.chat_mark2 {
  border-bottom-right-radius: 6px;
  border-top-right-radius: 6px;
  margin-left: -2px;
  padding: 0 4px;
  background: #0DA7DB;
  font-size: 11px;
  color: #fff;
}

.cl-group-staff .visitor_info {
  display: flex;
  white-space: nowrap;
  line-height: 36px;
  text-overflow: ellipsis;
  overflow: hidden;
}

.cl-group-staff .visitor_sinfo {
  width: auto;
}

.cl-group-staff {
  max-height: 32px;
  transition: max-height .5s ease-in-out;
  overflow: hidden;
}

.cl-group-staff>.cl-group-label {
  background-color: #fff;
  border-bottom: none;
  line-height: 32px;
}

.cl-group-staff .glyphicon-triangle-right {
  position: absolute;
  right: 20px;
  top: 18px;
  transition: all .4s;
  color: #777;
  font-size: .85714rem;
}

.cl-group-staff>.visitor_item>.visitor_icon {
  line-height: 32px;
  width: 26px;
}

.cl-group-staff>.visitor_item .visitor_icon .eif-icon {
  width: 26px;
  height: 26px;
  border-radius: 20px;
  font-size: 1.2rem;
  line-height: 28px;
}

.cl-group-staff>.visitor_item.eif-android .visitor_icon .eif-icon,
.cl-group-staff>.visitor_item.eif-ios .visitor_icon .eif-icon {
  font-size: 2rem!important;
}

.cl-group-staff .visitor_icon>.icon {
  width: 26px;
  height: 26px;
  border-radius: 20px;
}

.cl-group-staff .visitor_info .visitor-name {
  flex: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: auto;
  padding-right: 4px;
}

.cl-group-staff .eif-wechat .visitor_icon::after {
  content: '';
}

.cl-group-staff .visitor_info .visitor-keyword {
  max-width: 70px;
  text-overflow: ellipsis;
  overflow: hidden;
}

.cl-group-staff .visitor_info .icon {
  margin-top: 10px;
  margin-right: 4px;
}

.cl-group-staff .visitor_item .msg-detect-timer {
  line-height: 34px;
}

.visitor_icon_img {
  width: 40px;
  height: 40px;
  border-radius: 22px;
}

.window_header .visitor_icon_img {
  width: 44px;
  height: 44px;
  border-radius: 22px;
}

.cl-group-staff>.selected {
  background: #313131!important;
  color: #fff;
}

.cl-group-staff>.selected>.visitor_icon>.icon {
  background-color: transparent;
  transition: background-color .4s;
}

.cl-group-staff .visitor_icon>.icon_mobile {
  background-position: -318px -155px;
}

.cl-group-staff .visitor_icon>.icon_pad {
  background-position: -318px -24px;
}

.cl-group-staff .visitor_icon>.icon_pc {
  background-position: -318px -90px;
}

.cl-group-staff .visitor_icon>.icon_wechat {
  background-position: -318px -585px;
}

.cl-group-staff .visitor_icon>.icon_writing {
  background-position: -364px -218px;
}

.cl-group-staff .visitor_icon>.visitor_booking {
  border: 1px solid #0DA7DB;
}

.cl-group-staff .visitor_icon>.visitor_search-msg {
  color: #ebebeb;
}

.cl-group-staff>.selected,
.cl-group-staff>.visitor_item:hover {
  background: #0da7db;
  color: #fff;
}

.cl-group-staff>.selected .icon,
.cl-group-staff>.visitor_item .icon {
  transition: background-color .4s;
}

.cl-group-staff>.selected .icon,
.cl-group-staff>.visitor_item:hover .icon {
  background-color: #fff;
}

.cl-group-staff>.selected .icon_mobile,
.cl-group-staff>.visitor_item:hover .icon_mobile {
  background-position: -368px -155px;
}

.cl-group-staff>.selected .icon_pad,
.cl-group-staff>.visitor_item:hover .icon_pad {
  background-position: -368px -24px;
}

.cl-group-staff>.selected .icon_pc,
.cl-group-staff>.visitor_item:hover .icon_pc {
  background-position: -368px -91px;
}

.cl-group-staff>.selected .icon_wechat,
.cl-group-staff>.visitor_item:hover .icon_wechat {
  background-position: -368px -585px;
}

.cl-group-staff>.selected .icon_writing,
.cl-group-staff>.visitor_item:hover .icon_writing {
  background-position: -364px -218px;
}

.cl-group-staff>.selected .visitor_booking,
.cl-group-staff>.visitor_item:hover .visitor_booking {
  border: 1px solid #0da7db;
}

.cl-group-staff>.selected .visitor_search-msg,
.cl-group-staff>.visitor_item:hover .visitor_search-msg {
  color: #ebebeb;
}

.cl_box {
  flex: 1 0 auto;
  width: 100%;
  height: 100%;
  transition: all .45s;
}

.chat-visitor .cm_lists {
  height: calc(100% - 84px);
}

.chat_list_box {
  width: 300px;
  height: 100%;
  background: #fff;
  box-shadow: 1px 3px 13px -1px #ccc;
  -webkit-user-select: element;
}

.cl_header {
  position: relative;
  height: 36px;
  line-height: 36px;
  background: #cfcdce;
  cursor: default;
  overflow: hidden;
  display: block!important;
  width: 100%;
}

.chat-visitor .visitor_search {
  flex: none;
}

.chat-visitor .visitor_search .visitor_sinfo {
  width: auto;
  max-width: 96px;
}

.visitor_search-msg .cor_mark {
  display: none;
}

.visitor_search-msg .unread {
  display: block;
  margin: 0 9px 0 0;
}

.chat-list-end .visitor_search-msg .unread {
  margin-top: -8px;
}

.selected .visitor-msg {
  color: #d6d6d6;
}

.visitor-his .visitor_search {
  flex: 1;
  text-overflow: ellipsis;
  padding-right: 20px;
}

.visitor-his .visitor_search>.visitor_sinfo {
  max-width: none;
}

.cl_indicator {
  height: 36px;
  padding-left: 16px;
}

.cl_header>.expan {
  border-bottom: 2px solid #00ABE2;
}

.cl_header>.expan>.cl_selector {
  display: block;
}

.cl_selector {
  display: none;
  position: absolute;
  height: 26px;
  width: 26px;
  right: -13px;
  top: 5px;
  background: #0da7db;
}

.cm_labels {
  position: relative;
  display: flex;
  height: 50px;
  background: #EBEFF2;
  overflow: hidden;
}

.cm_label {
  position: relative;
  flex: 1;
  line-height: 50px;
  text-align: center;
  cursor: default;
}

.cm_label.seled {
  border-bottom: 2px solid #0da7db;
  color: #0da7db;
}

.msg_indicator {
  position: absolute;
  top: 10px;
  right: 7px;
  min-width: 15px;
  height: auto;
  border-radius: 10px;
  line-height: 15px;
  background: #ff3262;
  font-size: .85714rem;
  color: #fff;
}

.msg-unrea-ind {
  width: 5px;
  height: 5px;
  min-width: 0;
  border-radius: 4px;
  background: #FF7575;
  top: 16px;
  right: 10px;
}

.chat_lists {
  display: flex;
  height: calc(100% - 36px);
}

.chat_onleave~.main_middle .chat_label>*,
.cl_box {
  display: none;
}

.chat_onleave-add,
.chat_onself-add,
.chat_onstaff-add {
  transition: all .4s;
}

.chat_onleave-add .chat_lists,
.chat_onself-add .chat_lists,
.chat_onstaff-add .chat_lists {
  overflow: hidden;
}

.chat_onleave .chat-leave,
.chat_onleave-add .chat-leave,
.chat_onleave-remove .chat-leave,
.chat_onself .chat-visitor,
.chat_onself-add .chat-visitor,
.chat_onself-remove .chat-visitor,
.chat_onstaff .chat-staff,
.chat_onstaff-add .chat-staff,
.chat_onstaff-remove .chat-staff {
  display: block;
}

.chat_onleave-add.chat_onstaff-remove .chat-leave,
.chat_onleave-remove.chat_onstaff-add .chat-leave,
.chat_onself-add .chat-visitor,
.chat_onself-remove .chat-visitor {
  margin-left: -300px;
}

.ng-hide-remove .chat_onself-add {
  transition: none!important;
}

.ng-hide-remove .chat_onself-add .chat-visitor {
  margin-left: 0!important;
  transition: none!important;
}

.chat_onleave-add.chat_onstaff-remove-active .chat-leave,
.chat_onself-add.chat_onleave-remove-active .chat-visitor,
.chat_onself-add.chat_onstaff-remove-active .chat-visitor {
  margin-left: 0!important;
}

.chat-staff .visitor_search .visitor_sinfo {
  padding-left: 4px;
}

.chat-staff ._icon~.visitor_sinfo {
  padding-left: 0;
}

.main_middle {
  flex: 1;
  position: relative;
  display: flex;
  height: 100%;
  margin-left: 10px;
  overflow: hidden;
  box-shadow: 0 12px 2px 2px #ddd;
  background-color: #f2f2f2;
}

.vl_main {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  transform: translateX(0);
  background: #fcfcfc;
  box-shadow: 0 0 5px 1px #dfdfdf;
  transition: transform .5s;
  left: 0;
  z-index: 1002;
}

.vl_list_box {
  max-height: calc(100% - 36px);
  overflow: auto;
}

.ext-visitor .vl_main {
  width: calc(100% - 308px);
}

.vl-animate.ng-hide {
  transform: translateX(-110%);
}

.external_header>.icon:hover,
.vl_operate .icon:hover {
  transform: rotate(180deg);
}

.vl_operate {
  position: relative;
  right: 0;
  height: 36px;
  line-height: 36px;
  background: #0da7db;
  text-align: right;
}

.vl_main .icon {
  height: 22px;
  width: 22px;
  margin-right: 10px;
  transition: transform .4s;
}

.vl_setting {
  background-position: -501px -154px;
}

.vl_operate .close {
  background-position: -607px -154px;
}

.vis-config-box {
  position: absolute;
  background: #fff;
  width: 220px;
  box-shadow: 0 0 10px 0 #aaa;
  right: 12px;
  text-align: left;
  padding-left: 30px;
  border-radius: 4px;
  z-index: 999;
}

.chat_operation,
.chat_panel,
.editor_header,
.keyword:hover,
.window_content,
.window_editorbox,
.window_header {
  position: relative;
}

.vis-configs {
  line-height: 28px;
}

.vis-configs label>span {
  padding-left: 6px;
  vertical-align: "middle";
}

.vl_table {
  width: 100%;
  table-layout: fixed;
  box-shadow: 0 -1px 10px -1px #ccc;
}

.vl_table>thead td {
  height: 30px;
  padding: 0 0 0 10px;
  vertical-align: middle;
  cursor: default;
}

.vl_table>tbody tr:hover {
  background-color: #ececec;
  cursor: default;
}

.vis-select {
  background-color: #4e4e4e!important;
  cursor: default;
  color: #efefef!important;
}

.vis-select a {
  color: #efefef;
}

.keyword:hover {
  overflow: visible;
}

.keyword:hover>.vl-keyword {
  padding: 4px 4px 4px 0;
  background: inherit;
}

.vl_table tr>td:first-child,
.vl_table tr>td:nth-child(2) {
  text-align: center;
  width: 70px;
}

.vl_table>tbody td {
  height: 36px;
  padding-left: 12px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.vl-sort {
  display: none;
}

.vl-sort.triangle,
.vl_icon_chat {
  display: inline-block;
}

.triangle-bottom:before {
  content: '\e60e';
}

.triangle-top:before {
  content: '\e6ea';
}

.vl_icon_chat {
  height: 22px;
  width: 22px;
  border: 1px solid #47CABA;
  border-radius: 12px;
  text-align: center;
  font-size: .85rem;
  line-height: 22px;
  margin-right: 5px;
  cursor: pointer;
  color: #47CABA;
}

.vl_icon_chat:hover {
  color: #fff!important;
}

.dis_chat>.vl_icon_chat {
  display: none;
}

.dis_chat>.vl-chatting {
  display: block;
}

.vl-chatting {
  display: none;
  font-size: .85rem;
  color: #929292;
}

.novisitor {
  width: 300px!important;
  height: 54px!important;
  margin: 0 auto!important;
}

.vl_list {
  max-height: calc(100% - 66px);
  overflow-y: auto;
  overflow-x: hidden;
}

.vl_initiative {
  border: 1px solid #47CABA;
  color: #47CABA;
}

.vl_initiative:hover {
  background: #47CABA;
}

.vl_invite {
  border: 1px solid #F16252;
  color: #F16252;
}

.vl_invite:hover {
  background: #F16252;
}

.noinitiative .vl_initiative,
.noinvite .vl_invite {
  display: none!important;
}

.dis_invite>.vl_invite {
  color: #ccc;
  border-color: #ccc;
  cursor: default;
}

.dis_invite>.vl_invite:hover {
  background: 0 0;
  color: #ccc!important;
}

.chat_panel {
  height: 100%;
}

.main_middle.ext_hide>.chat_panel {
  width: 100%!important;
}

.main_middle.ext_show>.chat_panel {
  width: calc(100% - 378px);
  min-width: 300px;
}

.chat_label {
  height: 36px;
  background: #cfcdce;
  text-align: right;
  line-height: 36px;
}

.chat_label>.icon {
  width: 26px;
  height: 26px;
  background-color: transparent;
  margin-right: 20px;
}

.chat_label_title {
  width: auto!important;
  font-size: 1.1667rem;
  line-height: 26px;
  background: 0 0!important;
}

.chat_single {
  background-position: -447px -55px;
}

.chat_double {
  background-position: -494px -55px;
}

.chat_triple {
  background-position: -543px -55px;
}

.single-win {
  flex: 1;
  box-shadow: 0 0 4px #ccc;
}

.single-win>.chat_label>.icon:nth-child(2) {
  background-position: -447px -25px;
}

.double-win>.chat_label>.icon:nth-child(3) {
  background-position: -494px -25px;
}

.triple-win>.chat_label>.icon:last-child {
  background-position: -543px -25px;
}

.chat_windows {
  display: flex;
  height: calc(100% - 36px);
}

.chat_window {
  display: flex;
  flex-direction: column;
  height: 100%;
  width: 100%;
}

.chat_window_multi {
  position: relative;
  height: 100%;
  box-shadow: 1px 8px 4px 1px #CCC;
}

.double-win .chat_window_multi {
  width: calc(50% - 3px);
  margin-left: 6px;
}

.triple-win .chat_window_multi {
  width: calc(33.333% - 3px);
  margin-left: 4.5px;
}

.double-win .chat_window_multi:first-child,
.triple-win .chat_window_multi:first-child {
  margin: 0;
}

.window_header {
  display: flex;
  height: 50px;
  background-color: #EBEFF2;
  text-align: right;
}

.window_header>.visitor_item {
  flex: 1;
  border: none;
  height: 100%;
}

.window_header .visitor_icon {
  width: 50px;
  line-height: 46px;
}

.window_header .visitor_addr-name {
  height: 25px;
  line-height: 30px;
  text-align: left;
  overflow: hidden;
  white-space: nowrap;
}

.window_header .visitor_search-msg {
  height: 25px;
  line-height: 20px;
}

.window_header .visitor_sinfo {
  color: #A8A8A8;
  padding-left: 8px;
  min-width: 130px;
}

.window_header .visitor_info {
  flex: none;
  padding-right: 20px;
  width: auto;
  max-width: 260px;
  min-width: 180px;
}

.window_header .visitor_info.visitor_info_email {
  flex: 1;
  max-width: 400px;
}

.window_header ._icon~.visitor_sinfo {
  padding-left: 0;
}

.wnd-line {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  max-width: 120px;
  font-size: .95rem;
  padding-left: 10px;
}

.window_header .visitor_addr-name>:nth-child(3) {
  max-width: 90px;
  font-size: .8725rem;
  color: #aaa;
  padding-left: 6px;
}

.visitor_null>* {
  display: none!important;
}

.chat_operation,
.visitor-share .chat-box-share {
  display: inline-block;
}

.chat_operation {
  height: 50px;
  margin-right: 16px;
  line-height: 50px;
  cursor: pointer;
}

.chat-box-share,
.trans-leave>.trans-chat-labl {
  display: none;
}

.chat_operation>.icon {
  height: 20px;
  width: 20px;
  transition: transform .5s;
}

.chat-more {
  font-size: 1.2857rem;
  vertical-align: middle;
}

.chat_tranform {
  background-position: -443px -347px;
}

.chat_operation:hover {
  color: #0da7db;
}

.chat_operation:hover>.chat_tranform {
  background-position: -443px -387px;
}

.chat-box-share>img {
  width: 26px;
  height: 26px;
  border-radius: 14px;
  border: 1px solid #fff;
  vertical-align: middle;
  margin-right: 4px;
}

.expan_ext {
  transform: rotate(90deg);
  color: #fff!important;
}

.window_content {
  height: calc(100% - 210px);
  overflow: auto;
  background: #fff;
}

.window_content::-webkit-scrollbar {
  width: 6px;
}

.window_editorbox {
  height: 160px;
  background: #dfdfdf;
}

.editor_header {
  height: 34px;
  line-height: 34px;
  min-width: 130px;
}

.chat-toolbar {
  display: flex;
  align-items: center;
  height: 34px;
  background: #eee;
}

.chat-toolbar>.icon {
  width: 28px;
  height: 28px;
  line-height: 28px;
  min-width: 28px;
  margin-left: 10px;
  overflow: hidden;
}

.channel-bar ::selection {
  background: #1890ff;
  color: #fff;
}

.channel-bar {
  position: absolute;
  right: 0;
  top: 0;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}

.editor_cover {
  position: absolute;
  width: 100%;
  right: 0;
  bottom: 0;
  background-color: #f3f3f3;
  height: calc(100% - 33px);
  text-align: center;
}

.can-chat .editor_cover,
.leave-reply .editor_cover,
.pend-reply .editor_cover,
.search-reply .editor_cover {
  display: none;
}

.first_win .chat_window:nth-child(1) .editor_cover,
.second_win .chat_window:nth-child(2) .editor_cover,
.third_win .chat_window:nth-child(3) .editor_cover {
  background-color: #f3f3f3!important;
}

.chat_window_multi .editor_cover {
  background-color: #f3f3f3;
}

.accept-btn {
  padding: 0 10px;
  height: 30px;
  color: #fff;
  font-size: 1.14285rem;
  outline: 0;
  line-height: 18px;
  margin-right: 10px;
}

.end-chat-seled,
.no-chat-seled,
.view-chat-seled {
  padding-right: 10px;
  color: #afafaf;
}

.accept-chat-seled,
.end-chat-chatting,
.end-chat-replace,
.end-chat-seled,
.initia-chat-seled,
.no-chat-seled,
.start-chat-seled,
.view-chat-seled,
.view-leave-seled,
.view-leave-undist,
.view-reply-timeout {
  display: none;
  width: 100%;
  height: calc(100% - 34px);
  padding-top: 26px;
  font-size: 1.2rem;
}

.accept-chat .accept-chat-seled,
.end-can-chat .end-chat-chatting,
.end-chat .end-chat-seled,
.initia-chat .initia-chat-seled,
.no-chat .no-chat-seled,
.replace-bynew .end-chat-replace,
.start-chat .start-chat-seled,
.view-chat .view-chat-seled,
.view-leave .view-leave-seled {
  display: block!important;
}

.leave-undist .view-leave-undist {
  display: block;
}

.view-timeout .view-reply-timeout {
  display: block!important;
  line-height: normal;
}

.view-reply-timeout-tip {
  flex: 1;
  padding-right: 10px;
  display: none;
}

.view-reply-timeout button {
  display: inline-block!important;
}

.editor-leave,
.editor-pend,
.editor-search {
  display: none;
}

.leave-reply .editor-leave,
.pend-reply .editor-pend,
.search-reply .editor-search {
  display: block;
}

.view-leave-undist {
  position: relative;
  padding-top: 0;
  text-align: left;
}

.view-leave-undist>span {
  display: inline-block;
  font-size: .8725rem;
  margin: 12px 12px 0;
}

.leave-undist-btns {
  padding-top: 66px;
  text-align: center;
}

.view-leave-undist .btn {
  min-width: 70px;
  height: 32px;
  color: #0da7db;
  border: 1px solid #0da7db;
  background: #fff;
  margin: 0 8px;
  border-radius: 0;
  outline: 0;
}

.view-leave-undist .btn:hover {
  background: #0da7db;
  color: #fff;
}

.pend-chat .chat-editor,
.pend-chat .editor-chat,
.rich-editor {
  display: none;
  -webkit-user-modify: inherit!important;
  border: none!important;
}

.pend-chat .rich-editor {
  display: block;
}

.rich-editor .ql-editor {
  padding: 0!important;
  font-size: 1rem;
}

.rich-editor .ql-editor.ql-blank::before {
  font-size: .8725rem;
  font-style: normal!important;
  color: #aaa!important;
}

.pend-chat .editor_header {
  height: 68px;
  overflow: visible!important;
}

.editor-fileinfo,
.pend-chat .channel-bar,
.short-faq {
  white-space: nowrap;
  overflow: hidden;
}

.pend-chat .channel-bar {
  position: static;
  background: #fff;
}

.pend-chat-temp .editor-pend .chat_close {
  display: none;
}

.rich-editor .ql-editor img {
  font-size: .8725rem;
  color: #999;
}

.rich-editor.ql-editor img[alt='上传中...']:before {
  content: '\e684';
  font-family: echat;
  font-size: 1rem;
  color: #888;
}

.ql-snow .ql-picker.ql-expanded .ql-picker-options {
  top: auto!important;
  bottom: 100%;
}

.richeditor-bars {
  display: inline-block;
  line-height: 22px;
  margin-left: 4px;
}

.richeditor-bars .ql-toolbar {
  padding: 0!important;
  border: none!important;
}

@media screen and (min-width:0px) and (max-width:1298px) {
  .richeditor-bars>.ql-toolbar>.ql-formats:nth-child(4),
  .richeditor-bars>.ql-toolbar>.ql-formats:nth-child(5) {
    display: none;
  }
}

@media screen and (min-width:0px) and (max-width:1220px) {
  .richeditor-bars>.ql-toolbar>.ql-formats:nth-child(3) {
    display: none;
  }
}

.pend-chat.main_middle .window_content {
  height: calc(100% - 320px);
}

.pend-chat .window_editorbox {
  height: 270px;
}

.pend-chat .editor-manager {
  height: calc(100% - 102px)!important;
}

.pend-chat .chat-ext,
.pend-chat .chat_tool_extend {
  bottom: 270px;
}

.editor-manager {
  width: 100%;
  height: calc(100% - 68px)!important;
}

.editor-manager p {
  margin-block-start: 0;
  margin-block-end: 0;
}

.editor-manager .chat-editor-file {
  font-size: 14px!important;
  line-height: 48px;
  vertical-align: baseline;
}

.msg-chans {
  display: none;
  margin-left: 14px;
}

.pend-chat .msg-chans {
  display: inline-flex;
  white-space: nowrap;
}

.msg-chans-more-type,
.pend-chat .msg-chans .msg-chans-more-type:hover .more-list {
  display: inline-block;
}

.pend-chat .msg-chans .msg-chans-more-type::before {
  content: '...';
}

.pend-chat .msg-chans .msg-chans-more-type:hover::after {
  content: "";
  width: 80px;
  height: 16px;
  position: absolute;
  transform: translate(-96%,14px);
  z-index: 99;
  display: inline-block;
}

.pend-chat .msg-chans .msg-chans-more-type .more-list {
  display: none;
  position: absolute;
  color: #666;
  font-size: 13px;
  padding: 6px;
  line-height: 22px;
  background: #fff;
  border-radius: 1px;
  white-space: nowrap;
  box-shadow: 0 0 4px 0 #aaa;
  transform: translate(-96%,28px);
  cursor: pointer;
  z-index: 999;
}

.pend-chat .msg-chans .msg-chans-more-type .more-list label {
  padding: 0 4px 0 8px;
  display: block!important;
}

.msg-chans-type {
  padding-right: 14px;
}

.msg-chans-type input {
  -webkit-appearance: none;
  vertical-align: middle;
  outline: 0;
  margin-right: 4px;
}

.msg-chans-type input:before {
  display: block;
  content: "";
  border: 1px solid #ddd;
  background: #fff;
  width: 12px;
  height: 12px;
  line-height: 10px;
  font-size: .85rem;
  border-radius: 2px;
}

.cover-msg-box,
.wait-drop>.dropzone {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  text-align: center;
}

.msg-chans-type input:checked:before {
  content: "\e63f";
  color: #3DB44C;
}

.msg-chans-type input:disabled:before {
  background: #ddd;
  content: "";
}

.msg-chans-type input:disabled:checked:before {
  background: #f8f8f8;
  content: "\e63f";
  color: #3DB44C;
}

.msg-chans-type input.type-mail:disabled:checked:before,
.msg-chans-type input.type-sms:disabled:checked:before {
  background: #ddd;
  content: "";
  color: #3DB44C;
}

.msg-chans-options {
  display: inline-block;
}

.dropzone,
.wait-drop>.editor_cover {
  display: none;
}

.wait-drop>.dropzone {
  display: block;
  color: #fff;
  font-size: 1.428rem;
  background: rgba(255,255,255,.65);
  line-height: 150px;
  animation: droptip 3s linear infinite;
}

.cover-msg-box {
  z-index: 998;
}

.cover-msg-box:before {
  display: block;
  height: 49%;
  content: '';
}

.cover-msg {
  position: relative;
  padding: 8px 19px 10px 15px;
  border-radius: 30px;
  box-shadow: 0 0 8px 0 #777;
  background-color: #383838;
  opacity: .8;
  color: #fff;
  line-height: 22px;
}

.cover-msg:before {
  font-size: 1.18rem;
  content: '\e63f';
  margin-left: 4px;
}

@keyframes droptip {
  0%, 100% {
    background: rgba(58,142,228,.5);
  }

  50% {
    background: rgba(61,204,112,.5);
  }
}

.editor-file {
  display: inline-block;
  position: relative;
  width: 120px;
  height: 78px;
  margin: 0 3px;
  box-shadow: 1px 1px 3px 1px #bbb;
  border-radius: 3px;
  vertical-align: bottom;
  box-sizing: border-box;
  padding: 3px;
}

.chat-editor img,
.editor_sendbtn,
.ext_info_memo,
.ext_info_memo>label,
.tool-extmenu .icon-before::before {
  vertical-align: middle;
}

.editor-file::selection {
  color: transparent;
}

.editor-fileicon {
  height: 56px;
  width: 100%;
  background: url("../_assit/service_icon-3215e5ef3b.png") -410px -556px no-repeat;
}

.editor-filecap {
  background-size: 100% 56px;
  background-position: 0 0;
}

.editor-fileinfo {
  position: relative;
  text-overflow: ellipsis;
  font-size: .8572rem;
}

.editor-fileclose {
  position: absolute;
  right: 4px;
  top: 2px;
  color: red;
  font-size: 12px;
  border-radius: 8px;
}

.editor-fileclose:hover {
  background-color: red;
  color: #fff;
  border: 1px solid red;
}

.emotion {
  background-position: -441px -224px;
}

.emotion:hover {
  background-position: -441px -264px;
}

.pic {
  background-position: -483px -224px;
}

.pic:hover {
  background-position: -483px -264px;
}

.file_form {
  display: none;
  padding: 0;
  margin: 0;
  line-height: 0;
  opacity: .01;
}

.file_form input {
  height: 30px;
}

.can-chat .file_form,
.leave-reply .file_form,
.pend-reply .file_form,
.search-reply .file_form {
  display: block;
}

.file {
  background-position: -525px -224px;
}

.file:hover {
  background-position: -525px -264px;
}

.icon-capture {
  background-position: -402px -224px;
  width: 22px;
}

.icon-capture:hover {
  background-position: -402px -265px;
}

.evaluate {
  background-position: -645px -224px;
}

.evaluate:hover {
  background-position: -645px -264px;
}

.init-sumup {
  background-position: -523px -376px;
}

.init-sumup:hover {
  background-position: -523px -416px;
}

.init-sumup.done {
  background-position: -561px -341px;
}

.init-sumup.done:hover {
  background-position: -561px -381px;
}

.pushurl {
  background-position: -484px -992px;
}

.pushurl:hover {
  background-position: -484px -1032px;
}

.confirm {
  background-position: -607px -224px;
}

.confirm:hover {
  background-position: -607px -264px;
}

.tool_bar_rside {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
}

.pend-chat .tool_bar_rside {
  position: absolute;
  right: 0;
}

.tool_bar {
  position: relative;
  height: 34px;
  line-height: 34px;
  padding: 0 12px 0 0;
  margin: 0!important;
  cursor: pointer;
}

.tool_bar .icon-before {
  color: #888;
  font-size: 12px;
  padding: 0 3px;
}

.tool_bar:hover,
.tool_bar:hover .icon-before {
  color: #00ABE2;
}

.item-title>.icon,
.tool_bar>.icon {
  width: 20px;
  height: 20px;
}

.short_msg {
  background-position: -447px -86px;
}

.tool_bar:hover>.short_msg {
  background-position: -447px -116px;
}

.short_ans {
  background-position: -501px -86px;
}

.tool_bar:hover>.short_ans {
  background-position: -501px -116px;
}

.tool-hasinteli .tool-faq,
.tool-inteli {
  display: none;
}

.tool-hasinteli .tool-inteli {
  display: block;
}

.tool-extmenu {
  display: none;
  position: absolute;
  z-index: 999;
  left: 6px;
  top: 30px;
  color: #666;
  font-size: 13px;
  padding: 0;
  line-height: 22px;
  background: #fff;
  border-radius: 1px;
  white-space: nowrap;
  box-shadow: 0 0 4px 0 #aaa;
}

.tool-extmenu .icon-before {
  color: #666!important;
  padding: 0 4px 0 8px;
  font-size: 13px;
}

.tool-extmenu .icon-before:hover {
  background: #eaeff2;
}

.tool-extmenu .icon-before::before {
  font-size: 14px;
  line-height: 14px;
  padding-right: 4px;
}

.ext-hide-recomm .ext-recomm {
  display: none;
}

.ext-dis-assoc .ext-associate.icon-before,
.ext-dis-assoc .ext-associate.icon-before:hover,
.ext-dis-recomm .ext-recomm.icon-before,
.ext-dis-recomm .ext-recomm.icon-before:hover {
  color: #aaa!important;
}

.selected-assoc .ext-associate::before,
.selected-recomm .ext-recomm::before {
  content: attr(select);
  color: #0da7db;
}

.ext-menu.tool-extmenu {
  display: block;
}

.translator {
  background-position: -608px -304px;
}

.translated,
.translator:hover {
  background-position: -608px -344px;
}

.icon-sel {
  background-position: -178px -961px;
}

.icon-trans {
  background-position: -133px -957px;
}

.sel-lan-icon {
  background-position: -30px -950px;
}

.short-faq-list {
  position: absolute;
  bottom: 26px;
  width: 160px;
  right: -50%;
  text-align: left;
  background: #FBFBFB;
  box-shadow: 2px 1px 6px 0 #D6D6D6;
  border-radius: 3px;
  padding: 3px 2px;
  color: #000;
}

.short-faq {
  padding: 2px 2px 2px 10px;
  line-height: 20px;
  text-overflow: ellipsis;
}

.short-faq:hover {
  background: #EFEFEF;
}

.faq-selected {
  background: #F2F2F2;
}

.chat-editor,
.rich-editor {
  height: 100%;
  width: 100%;
  padding: 5px;
  margin: 0;
  color: #5B5961;
  overflow-y: auto;
  border: none;
  resize: none;
  outline: 0;
  word-break: keep-all;
  white-space: pre-wrap;
  box-sizing: border-box;
  font-family: inherit;
  -webkit-user-modify: read-write-plaintext-only;
  background: #fff;
}

.first_win>.chat_window_multi:first-child .window_editorbox,
.second_win>.chat_window_multi:nth-child(2) .window_editorbox,
.single-win .window_editorbox,
.third_win>.chat_window_multi:last-child .window_editorbox {
  background: #f8f8f8;
}

.first_win>.chat_window_multi:first-child .window_content,
.second_win>.chat_window_multi:nth-child(2) .window_content,
.third_win>.chat_window_multi:last-child .window_content {
  background: #fff;
}

.booking_box .editor_sendbtn,
.first_win>.chat_window_multi:first-child .window_editorbox .editor_sendbtn,
.second_win>.chat_window_multi:nth-child(2) .window_editorbox .editor_sendbtn,
.single-win .editor_sendbtn,
.third_win>.chat_window_multi:last-child .window_editorbox .editor_sendbtn {
  background: #0da7db;
  color: #efefef;
}

.first_win>.chat_window_multi:first-child .window_editorbox .chat_close,
.second_win>.chat_window_multi:nth-child(2) .window_editorbox .chat_close,
.third_win>.chat_window_multi:last-child .window_editorbox .chat_close {
  background-color: #bbb!important;
}

.first_win>.chat_window_multi:first-child .visitor_sinfo,
.second_win>.chat_window_multi:nth-child(2) .visitor_sinfo,
.third_win>.chat_window_multi:last-child .visitor_sinfo {
  color: #fff;
}

.chat_window_multi .chat_close {
  background-color: #d7d7d7!important;
}

.chat-editor img {
  max-width: 100%;
}

.chat-editor img[code] {
  height: 32px;
}

.editor-leavemsg,
.editor_bottom {
  position: relative;
  height: 34px;
  text-align: right;
  background-color: #e7e7e7;
}

.wrap_tip {
  line-height: 34px;
  padding-right: 20px;
  color: #a8a5a5;
}

.auto-switch {
  appearance: none;
  -webkit-appearance: none;
}

.auto-switch-lb:before {
  font-size: .8571rem;
  margin-right: 4px;
}

.auto-switch:checked~.auto-switch-lb {
  color: #0da7db;
}

.auto-switch:checked~.auto-switch-lb:before {
  content: "\e655";
  color: #0da7db;
}

.auto-switch-txt {
  font-family: "Microsoft YaHei","Helvetica Neue",Helvetica,STHeiti,Sans-Serif,FangSong,Arial;
}

.editor_sendbtn {
  display: flex;
  float: right;
  position: relative;
  width: 80px;
  height: 34px;
  line-height: 34px;
  box-sizing: border-box;
  font-size: 1rem;
  color: #656565;
  background-color: #d0d0d0;
  text-align: center;
  cursor: pointer;
}

.share-chat {
  position: relative;
  float: left;
  padding: 0 6px;
  color: #0da7db;
  border: 1px solid #0da7db;
  border-radius: 2px;
  height: 24px;
  line-height: 22px;
  top: 6px;
  left: 10px;
  cursor: pointer;
}

.editor_bottom .chat_close,
.editor_bottom .send_translate {
  display: inline-block;
  line-height: 34px;
  padding: 0 4px;
  min-width: 74px;
  font-size: small;
  text-align: center;
}

.share-chat:hover {
  background: #0da7db;
  color: #fff;
}

.editor_sendbtn:hover {
  color: #f5f5f5;
  background-color: #0da7db;
}

.editor_sendbtn>span {
  width: 54px;
  text-align: center;
}

.editor-leave span,
.editor-pend span,
.editor-search span {
  width: 100%;
}

.editor_sendbtn>span,
.enter-sel-btn {
  display: inline-block;
  vertical-align: middle;
  height: 100%;
}

.editor_bottom .chat_close {
  background-color: #bbb;
  color: #fff;
  margin: 0;
}

.editor_bottom .chat_close:hover {
  color: #008dbd;
}

.editor_bottom .send_translate {
  background: #0da7db;
  color: #fff;
  margin: 0 1px;
}

.editor-leave .chat_close {
  color: #000;
}

.editor-leave>div {
  width: 96px;
}

.chat-notme>.chat_close,
.chat-notme>.wrap_tip {
  display: none;
}

.enter-sel-btn {
  line-height: 37px;
}

.enter-sel-btn>span {
  left: -2px;
  padding-left: 6px;
  border-left: 1px solid rgba(250,250,250,.3);
  cursor: default;
}

.enter-sel-btn:hover .enter-sel-list {
  display: block;
}

.enter-sel-list {
  display: none;
  position: absolute;
  bottom: 32px;
  right: 0;
  min-width: 200px;
  text-align: left;
  border-radius: 4px;
  overflow: hidden;
  box-shadow: 1px 1px 4px 0 #ccc;
  z-index: 101;
  margin-bottom: 0;
}

.enter-sel-list>li:after {
  font-family: echat;
  position: absolute;
  right: 6px;
  color: #555;
}

.enter-sel-list.selected>li:nth-child(2):after,
.enter-sel-list>li:nth-child(1):after {
  content: "\e6f5";
}

.enter-sel-list.selected>li:nth-child(1):after {
  content: "";
}

.enter-sel-list-item {
  position: relative;
  color: #323232;
  background: #FFF;
  padding: 0 5px;
  font-size: 14px;
  height: 28px;
  line-height: 28px;
}

.enter-sel-list-item:hover {
  background: #0da7db;
  color: #FFF;
}

.editor_change {
  width: 16px;
  margin-left: 14px;
}

.trigon_up {
  margin-top: 13px;
  border-color: #fff transparent transparent;
  border-style: solid;
  border-width: 10px 8px 0;
}

.trigon_down {
  margin-top: 12px;
  border-color: transparent transparent #fff;
  border-style: solid;
  border-width: 0 8px 10px;
}

.chat-leave {
  position: relative;
}

.visitor_leave {
  transition: all .2s;
}

.cm-label-idx,
.leave-list-idx {
  transition: left .4s;
  position: absolute;
}

.cm-label-idx {
  top: 48px;
  height: 2px;
  width: 33.33%;
  background-color: #0da7db;
}

.pend-list .cm-label-idx {
  left: 0;
}

.leave-list .cm-label-idx {
  left: 33.333%;
}

.search-list .cm-label-idx {
  left: 66.666%;
}

.leave-list-cater .cm_label>span {
  color: #545454;
}

.leave-all .cm_label:nth-child(2)>span,
.leave-list .cm_label:nth-child(2),
.leave-my .cm_label:nth-child(1)>span,
.pend-list .cm_label:nth-child(1),
.search-list .cm_label:nth-child(3) {
  color: #0da7db;
}

.chat-leave>.cm_list {
  height: calc(100% - 84px);
}

.leave-list-cater,
.leave-list-idx {
  display: none;
}

.leave-list .leave-list-cater,
.leave-list .leave-list-idx {
  display: flex;
}

.leave-list-cater {
  height: 34px;
  background-color: #e7e7e7;
}

.leave-list-cater>.cm_label {
  line-height: 34px;
}

.leave-list-idx {
  bottom: 32px;
  height: 2px;
  width: 50%;
  background-color: #0da7db;
}

.leave-my>.leave-list-idx {
  left: 0;
}

.leave-all>.leave-list-idx {
  left: 50%;
}

.visitor-staff {
  max-width: 54px;
  min-width: 54px;
  padding-right: 10px;
  overflow: hidden;
  text-align: center;
  text-overflow: ellipsis;
  white-space: nowrap;
  line-height: 38px;
  color: #A8A8A8;
}

.staff-del .visitor-staff,
.undistrib .visitor-staff {
  max-width: 100px;
  color: red;
}

.get-more {
  height: 30px;
  background-color: #fff4f0;
  text-align: center;
  line-height: 30px;
}

.get-more:hover {
  cursor: pointer;
  color: #0da7db;
}

.get-more:after {
  content: '\e61c';
  color: #2c8e2f;
  display: none;
  animation: rotateInt .8s linear infinite;
}

.get-more.loading:after {
  display: inline-block;
}

div .leave-send {
  background: #ff7e46!important;
  font-size: 1rem;
}

.ext_info_dispose,
.leave-handle-con {
  width: 74px;
  height: 24px;
  text-align: center;
  line-height: 24px;
  padding: 0 10px;
  margin-right: 10px;
  background: #36404A;
  color: #FFF;
  box-shadow: 0 0 2px 0 #ccc;
  font-size: .85rem;
  border-radius: 0;
  cursor: pointer;
}

.leave-handle-op {
  display: none;
  position: absolute;
  top: -30px;
  width: 170px;
  text-align: center;
}

.leave-handle-op div {
  margin-bottom: 5px;
  border: 1px solid #d2d1d0;
  background: #e7e7e7;
  line-height: 24px;
  cursor: pointer;
}

.leave-handle:hover .leave-handle-op {
  display: block;
}

.editor-leavemsg {
  position: absolute;
  top: 0;
  width: 100%;
}

.editor-leavemsg>.editor_sendbtn {
  background-color: transparent;
  display: inline-block;
  margin-left: 2px;
  text-align: center;
}

.editor_fontlimit {
  margin-right: 10px;
  color: #aaa;
  display: none;
}

.leave-handle {
  background-color: #36404A!important;
}

.editor_lan {
  display: inline-block;
  font-size: 14px;
  color: #aaa;
  margin-right: 10px;
  white-space: nowrap;
  line-height: 34px;
}

.editor_lan span {
  color: #545454;
  margin: 0 0 0 6px;
  display: inline-block;
  position: relative;
  width: auto;
  padding-right: 10px;
}

.editor_lan span::after {
  color: #777;
  content: '\e6eb';
  font-family: echat;
  font-size: 12px;
  margin-left: 10px;
}

.editor_lan i {
  width: 100%;
  height: 100%;
  background: 0 0;
  position: absolute;
  left: 0;
  margin: 0;
  cursor: pointer;
}

.editor_lan i::before {
  content: '';
}

.single-win~.external_panel {
  max-width: calc(100% - 283px);
  min-width: 370px;
}

.external_panel {
  position: relative;
  width: 370px;
  margin: 0 0 0 8px;
  height: 100%;
  background-color: #fff;
  box-shadow: 0 0 8px -1px #BBB;
  transition: all linear .4s;
}

.main_middle>.animate-show.ng-hide {
  width: 0!important;
}

.main_middle>.external_panel>div {
  width: 100%!important;
  z-index: 0;
}

.adjust-width {
  position: absolute;
  left: -6px;
  height: 60px;
  top: 50%;
  margin-top: -60px;
  max-width: 6px;
  background: url("../_assit/service_icon-3215e5ef3b.png") -141px -358px;
  cursor: col-resize;
}

.adjust-width>div {
  height: 100%;
  opacity: 0;
}

.external_header {
  height: 36px;
  background-color: #cfcdce;
  text-align: right;
  line-height: 36px;
}

.external_header>.icon {
  margin-right: 10px;
  transition: transform .3s;
}

.ext_crminfo>.cm_lists {
  height: calc(100% - 86px);
}

.ext_crminfo>.ext-operate-wrap {
  display: none;
}

.chat_window_multi .cm_lists {
  height: calc(100% - 87px)!important;
}

.external_label {
  display: flex;
  background-color: #EBEFF2;
}

.external_label>.cm_labels {
  width: 100%;
  margin: 0 16px;
}

.external_label>.close-blue {
  position: absolute;
  top: 15px;
  right: 10px;
}

.external_label .cm_label {
  flex: 1;
  transition: left .4s;
}

.ext-hascrm .cm_label {
  flex: 1;
}

.single-win+.external_panel .close-blue {
  display: none;
}

.single-win+.ext_faq .close-blue,
.single-win+.ext_preview .close-blue,
.single-win+.ext_urls .close-blue {
  display: block;
}

.cm_dir {
  width: 22px;
  cursor: pointer;
  height: 100%;
  line-height: 50px;
  text-align: center;
}

.cm_arrow {
  display: inline-block;
  width: 10px;
  height: 10px;
  border-top: 2px solid #666;
}

.cm_left {
  border-left: 2px solid #666;
  transform: rotate(-45deg);
}

.cm_right {
  border-right: 2px solid #666;
  transform: rotate(45deg);
}

.ext-info-summary {
  display: flex;
  height: 130px;
  padding: 5px 12px 0;
  margin-top: 10px;
  border-bottom: 7px solid #e7e7e7;
}

.eif-wechat .ext_info_avatar::after {
  content: '\e629';
  font-family: echat;
  font-size: 60px;
  position: absolute;
  width: 100px;
  height: 100px;
  left: 19px;
  top: 1px;
  color: #ccc;
  z-index: -1;
}

.ext_info_avatar {
  height: 100px;
  width: 100px;
  border: 1px solid #e6e6e6;
  color: #d8d8d8;
  font-size: 4rem;
  overflow: hidden;
  position: relative;
}

.eif-ios .ext_info_avatar {
  color: #f4a4a4!important;
}

.eif-android .ext_info_avatar {
  color: #a5c43c!important;
}

.ext_info_avatar:not(:empty):before {
  display: none;
}

.ext-avator-box {
  width: 100%;
  height: 100%;
}

.ext-avator-box .eif-icon,
.ext-avator-box .visitor_icon_img {
  width: 100%;
  height: 100%;
  border-radius: 0;
  background-color: #fff!important;
  color: #d8d8d8!important;
  font-size: 60px;
}

.ext-avator-box .eif-icon {
  line-height: 100px;
}

.eif-umcustom>.ext-avator-box>.eif-icon {
  font-size: 72px!important;
}

.ext_info_avatar_img {
  display: block;
  border: none;
  width: 100px;
  height: 100px;
}

.photo-refresh {
  position: absolute;
  background-color: #444;
  opacity: .8;
  line-height: 16px;
  top: 0;
  padding: 2px 1px 0;
  font-size: 16px;
  cursor: pointer;
  display: none;
}

.ext_info_avatar:hover .photo-refresh {
  display: block;
}

.ext_info_item.ext_info_header {
  margin-left: 16px;
  margin-top: 10px;
  font-size: 1.07142rem;
  color: #0da7db;
}

.ext_info_sea .icon {
  margin-top: 6px;
  width: 20px;
}

.ext_info_col {
  width: 100%;
}

.keyword-color {
  color: #1890FF;
}

.ext_info_item {
  display: flex;
  margin: 2px 16px 6px 15px;
  list-style: none;
  height: 30px;
  border-bottom: 1px solid #f1f1f1;
  font-size: 12px;
  text-overflow: ellipsis;
  line-height: 28px;
}

.ext_info_item.cust_gender>* {
  margin-top: 5px;
}

.ext_info_item input,
.ext_info_item select {
  height: 26px;
  outline: 0;
  border: none;
  margin: 0;
  background: 0 0;
  color: #7d7d7d;
  font-size: 12px;
}

.ext_info_item input.ng-invalid {
  color: #f33838!important;
  font-weight: 700;
  border-bottom: 2px solid #f33838!important;
}

.ext_info_item select {
  height: 28px;
  cursor: pointer;
}

.ext_info_item input:focus,
.ext_info_item input:hover,
.ext_info_item select:focus,
.ext_info_item select:hover {
  color: #323232;
}

.ext_info_item textarea {
  border: 1px solid transparent;
  width: calc(100% - 84px);
}

.ext_info_item textarea:focus,
.ext_info_item textarea:hover {
  border: 1px solid #ddd;
  outline: 0;
}

.ext_info_memo {
  height: 66px;
  line-height: 26px;
}

.ext_info_refer {
  height: auto;
  max-height: 52px;
  min-height: 30px;
}

.ext_info_refer>label {
  vertical-align: top;
}

.ext_info_refer>span {
  display: inline-block;
  width: calc(100% - 78px);
  white-space: initial;
  max-height: 52px;
  overflow-y: auto;
  word-break: break-all;
  text-indent: 6px;
}

.distributionInfo span,
.ext-info2>.distributionInfo>div,
.ext_info_key>div,
.ext_info_vid>span,
.visitor-win-ext {
  white-space: nowrap;
}

.distributionInfo span,
.ext-info2>.distributionInfo>div,
.ext_info_item>a,
.ext_info_item>label,
.ext_info_item>span,
.ext_info_key>div,
.ext_info_vid>span {
  overflow: hidden;
  text-overflow: ellipsis;
}

.custom_info_form>.ext_info_item {
  display: flex;
}

.ext_info_edit .custom_memo {
  width: calc(100% - 8px);
  height: 50px;
  border: 1px solid transparent;
  line-height: normal;
  resize: vertical;
  vertical-align: middle;
}

.ext_info_edit .custom_memo::-webkit-scrollbar {
  width: 8px;
}

.custom_info_form>.ext_info_item:hover label {
  color: #444;
}

.custom_info_form>.ext_info_item:hover input,
.custom_info_form>.ext_info_item:hover select {
  border-bottom: 1px solid #d0d0d0;
}

.ext_info_item>label {
  display: inline-block;
  min-width: 55px;
  color: #909090;
  margin: 0 5px 0 0;
  font-size: 12px;
}

.ext_info_item>a,
.ext_info_item>span {
  max-width: calc(100% - 82px);
  word-break: keep-all;
  white-space: nowrap;
}

.ext_info_vid>label {
  display: inline-block;
  width: 45px;
}

.ext_info_vid>span {
  display: inline-block;
  width: calc(100% - 50px);
  line-height: 30px;
}

.ext-info-grade {
  position: relative;
}

.ext-info-grade:before {
  display: block;
  content: '\e625';
  position: absolute;
  width: 20px;
  height: 20px;
  top: 4px;
  left: 79px;
  font-size: 1.2rem;
  line-height: 20px;
  color: #FC7D17!important;
}

.ext-info-grade input {
  padding-left: 24px;
  font-size: 1rem;
  color: #FC7D17!important;
}

.ext_info_col .custom_info_title {
  font-size: 16px;
  color: #555;
}

.ext_info_center {
  text-align: center;
  line-height: 40px;
  height: 40px;
}

.save_booking_info {
  margin-top: 5px!important;
  min-width: 76px;
  height: 26px;
  background: #4AD2CB;
  border: none;
  line-height: 8px;
  vertical-align: middle;
}

.ext-device>i,
.ext-device>i.small.eif-icon {
  width: 24px;
  height: 24px;
  font-size: 18px;
  text-align: left;
}

.ext-device.eif-umcustom>i.small.eif-icon {
  text-align: center;
  font-size: 24px;
  line-height: 23px;
}

.ext-device.eif-umcustom>.eif-um-defcc.small.eif-icon {
  color: #7db1ff;
}

.ext-device.wechat>.eif-icon::before {
  content: '\e629';
  font-size: 18px;
  color: #3caf36;
}

.ext_info_key {
  position: relative;
  width: calc(100% - 100px);
  padding-left: 10px;
}

.ext_info_key .eif-icon {
  line-height: 16px;
  vertical-align: text-top;
}

.ext_info_key .pendDeal_box {
  position: absolute;
  padding: 3px 7px;
  font-size: 12px;
  background-color: #ccc;
  color: #FFF;
  border-bottom-left-radius: 6px;
  border-bottom-right-radius: 6px;
  top: -17px;
  right: 0;
  cursor: pointer;
}

.ext-vname {
  font-size: 1.1429rem;
  color: #0da7db;
  font-weight: 700;
}

.ext-info2 {
  position: relative;
  vertical-align: text-top;
  color: #ccc;
  line-height: 24px;
}

.ext-info2>.ext-area {
  display: inline-block;
  max-width: 100%;
  font-size: .8742rem;
  white-space: normal;
  margin-left: 5px;
  vertical-align: text-bottom;
}

.ext-info2>.visitor-vip {
  right: 2px;
  top: 0;
  vertical-align: middle;
}

.ext-info2 .distributionName,
.ext-info2>.nodistribution {
  color: #FFF;
  padding: 1px 8px;
  border-radius: 2px;
  margin-left: 4px;
  vertical-align: text-bottom;
  font-size: 12px;
  cursor: pointer;
}

.ext-info2>.nodistribution {
  background-color: #bfbfbf;
}

.ext-info2 .distributionName {
  background-color: #0da7db;
}

.ext-info2>.distributionInfo {
  display: none;
  border: 1px solid #ccc;
  position: absolute;
  top: 35px;
  left: -100px;
  background-color: #fff;
  z-index: 999;
  font-size: 12px;
  padding: 6px;
  color: #323232;
  max-width: 280px;
}

.distributionInfo span {
  width: 60px;
  display: inline-block;
  vertical-align: top;
  margin-right: 5px;
}

.distributionInfo .datetime {
  width: 125px;
  margin: 0;
}

.ext-info2:hover .distributionInfo {
  display: block;
}

.ext-info2.ext-vip>.ext-area {
  max-width: calc(100% - 40px);
}

.ext-info2.ext-vip>.visitor-vip {
  display: inline;
}

.visitor-win-ext {
  padding-top: 5px;
}

.visitor-win-ext span {
  background: #FC7D17;
  padding: 0 2px 1px;
  color: #fff;
}

.visitor-win-ext .visitor-vip {
  display: inline;
  padding: 1px 3px;
  background-color: #FC7D17;
  color: #fff!important;
  top: 0;
}

.visitor-win-ext .visitor-vip::before {
  position: relative;
  content: attr(ext-text);
  width: auto;
  font-size: 13px;
}

.bookings-time::before,
.visitor_tracks_item::before {
  content: '';
  position: absolute;
}

.ext-info-area {
  font-size: 1rem;
}

.ext_info_handle {
  position: absolute;
  width: 100%;
}

.ext_info_name {
  color: #ff6522;
  font-size: 1.14285rem;
}

.ext_info_btns {
  float: right;
  width: 96px;
}

.margin-b10 {
  margin-bottom: 10px;
}

.margin-l10,
.margin-t10 {
  margin-top: 10px;
}

.border-b1 {
  border-bottom: 1px solid #f1f1f1;
}

.ext_info_dispose {
  width: 135px;
  max-width: 100px;
  border-radius: 3px;
  background-color: #bfbfbf;
  color: #FFF;
}

.history_cnt,
.history_cnt .reply-item,
.history_cnt .sound-wrap,
.history_cnt img,
.history_cnt video {
  max-width: 100%;
}

.ext-info-category {
  background-color: #EBEFF2;
  color: #999;
}

.ext_info_handle .ext_info_dispose {
  margin-top: 16px;
}

.ext_info_dispose.selected {
  background: #0da7db;
}

.ext_info_names {
  margin-right: 100px;
  min-height: 42px;
}

.ext_info_tip {
  color: #a3a3a3;
  font-size: .85717rem;
}

.booking-date {
  overflow: visible;
}

.booking-date>datepicker {
  float: none;
  width: auto;
  padding: 10px 0;
}

.booking-date>datepicker>._720kb-datepicker-calendar {
  margin-left: 30px;
}

.ext_info_bookings {
  margin: 8px 0;
}

.bookform {
  margin-bottom: 30px;
}

.bookings {
  margin-left: 42px;
  padding-left: 16px;
  border-left: 2px solid #0DA7DD;
}

.bookings-time {
  color: #0DA7DD;
}

.bookings-time::before {
  display: inline-block;
  width: 10px;
  height: 10px;
  background: #0DA7DD;
  border-radius: 6px;
  margin-left: -22px;
  margin-top: 0;
}

.bookings-item {
  padding-top: 6px;
  font-size: .91428rem;
}

._720kb-datepicker-calendar-header {
  line-height: 30px!important;
}

._720kb-datepicker-calendar-day {
  margin: 0 1%!important;
  padding: 0!important;
}

.history_refresh,
.reply-item {
  margin-bottom: 20px;
}

._720kb-datepicker-calendar-days-header div {
  padding: 0 .5%!important;
}

._720kb-datepicker-calendar-years-pagination {
  white-space: normal;
}

.visitor_track>.visitor_tracks_list:first-child>.visitor_tracks_header {
  background: #fff;
  margin-left: -2px;
}

.ext_track_header {
  margin-top: 30px;
}

.visitor_tracks_list {
  border-left: 1px solid #96D5EA;
}

.visitor_track {
  display: block;
  height: auto;
}

.visitor_tracks_header {
  color: #0da7db;
  font-size: 1.14285rem;
  font-weight: 700;
}

.visitor_tracks_item {
  font-size: .85717rem;
}

.visitor_tracks_item::before {
  display: inline-block;
  width: 7px;
  height: 7px;
  background: #78d1ef;
  border-radius: 4px;
  left: 12px;
  vertical-align: middle;
  margin-top: 11px;
}

.visitor_tracks_header,
.visitor_tracks_item {
  line-height: 28px;
  padding-left: 14px;
}

.visitor_tracks_header>span,
.visitor_tracks_item>span {
  margin-right: 20px;
}

.ext_track_loader {
  cursor: pointer;
}

.ext_track_loader:hover {
  color: #0da7db;
}

.records-list {
  height: calc(100% - 34px);
  overflow: auto;
}

.records-list.noscope-holder {
  text-align: center;
  padding-top: 20px;
}

.formmsg-list,
.history-list,
.leavemsg-list,
.pushmsg-list,
.robotmsg-list {
  display: none;
}

.chat .history-list,
.form .formmsg-list,
.leave .leavemsg-list,
.push .pushmsg-list,
.robot .robotmsg-list {
  display: block;
}

.record-swiper {
  display: flex;
  background-color: #EBEFF2;
  position: relative;
  z-index: 99999;
}

.record-swiper>div {
  position: relative;
  max-height: 40px;
  min-height: 34px;
  flex: 1;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  cursor: pointer;
  white-space: nowrap;
}

.record-indx {
  position: absolute;
  bottom: 32px;
  width: 24%;
  height: 2px;
  transition: all .3s;
  background-color: #0da7db;
}

.chat .record-swiper>:first-child:before,
.faq-swiper>div.selected:before,
.form .record-swiper>:last-child::before,
.leave .record-swiper>:nth-child(2):before,
.push .record-swiper>:nth-child(3):before,
.robot .record-swiper>:nth-child(4):before,
.swiper-contact .crm-swiper>:nth-child(2):before,
.swiper-crm .crm-swiper>:first-child:before {
  position: absolute;
  content: "";
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 2px;
  background-color: #0da7db;
}

.history_detail,
.loading-s {
  position: relative;
}

.ext_chatrecord .cm_lists {
  height: calc(100% - 86px);
}

.ext_cusinfo .ext-operate-wrap,
.ext_visinfo .ext-operate-wrap {
  display: block;
}

.history_load,
.history_refresh {
  position: relative;
  margin-top: 14px;
  text-align: center;
  cursor: pointer;
  z-index: 10010;
  background: #fff;
  color: #13AEE2;
}

.history_load:before,
.history_refresh:before {
  content: '\e612';
  color: #13AEE2;
  font-size: 1.1428rem;
  line-height: 18px;
  margin-right: 2px;
  vertical-align: middle;
}

.history_refresh:before {
  content: '\e608';
  font-size: 1rem;
}

.history_detail {
  padding: 14px 16px 0;
  margin: 26px 0;
  border-top: 1px solid #ddd;
  z-index: 10009;
  transform: translateY(0);
  transition: transform .5s;
  background-color: #fff;
}

.history_detail.ng-enter-active {
  transition: none;
  transform: translateY(-100%);
}

.loading-s:before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 999;
  background: url("../_assit/loading_s-1503671831.gif") 50% 50% no-repeat #FFF;
}

.nodata-chat {
  text-align: center;
}

.nodata-chat:before {
  content: '';
  width: 56px;
  height: 40px;
  background-image: url("../_assit/service_icon-3215e5ef3b.png");
  display: inline-block;
  background-position: -465px -794px;
}

.nodata-chat>* {
  display: block;
  width: 100%;
  margin: 0 auto;
  color: #888;
}

.history_item {
  padding: 6px 0;
}

.history_tile {
  line-height: 28px;
}

.history_cnt {
  word-break: break-all;
  overflow: auto;
}

.history_cnt>p {
  padding: 2px;
}

.history_luntime {
  position: absolute;
  text-align: center;
  top: -12px;
  background: #fff;
  color: #aaa;
  width: 160px;
  left: 50%;
  margin-left: -80px;
}

.msg-vis>.history_tile {
  color: #fdbe92;
}

.msg-staff>.history_tile {
  color: #0da7db;
}

.msg-sys>.history_tile,
.msg-tran>.history_tile {
  color: #D1D1D1;
}

.msg-tip {
  color: #666;
}

.msg-book>.history_tile {
  color: #2EAC58;
}

.msg-file-name {
  border-bottom: 1px solid #bfbfbf;
  padding-bottom: 3px;
  margin-bottom: 5px;
  vertical-align: middle;
}

.msg-file-name span {
  vertical-align: middle;
}

.msg-file-name>.file {
  width: 28px;
  height: 24px;
}

.chat-comment {
  border: 1px solid #f0f0f0;
  border-radius: 3px;
  margin-top: 10px;
  padding: 0 2px 6px 6px;
  background: #fbfbfb;
}

.chat-comment>div {
  display: flex;
  white-space: nowrap;
  margin-top: 10px;
}

.comment-label {
  padding-right: 8px;
  min-width: 58px;
  text-align: right;
}

.comment-them {
  flex: 1;
  min-width: 100px;
}

.theme-sel {
  cursor: pointer;
}

.theme-sel::after {
  content: '\e60e';
  display: inline-block;
  font-size: .8725rem;
  position: relative;
  right: 16px;
}

.comment-item {
  width: calc(100% - 8px);
  border: 1px solid #dadada;
  padding-left: 4px;
  border-radius: 1px;
}

.comment-text {
  width: calc(100% - 12px);
  resize: none;
}

.comment-text::-webkit-scrollbar {
  width: 6px;
}

.ext_chatrecord .cm_labels>.cm_label:nth-child(4),
.ext_crminfo .external_label .cm_labels>.cm_label:nth-child(6),
.ext_cusinfo .cm_labels>.cm_label:nth-child(2),
.ext_faqMenu .cm_labels>.cm_label:first-child,
.ext_orderlist .cm_labels>.cm_label:nth-child(5),
.ext_visinfo .cm_labels>.cm_label:nth-child(3) {
  border-bottom: 2px solid #0da7db;
  color: #0da7db;
}

.ext_chatrecord .cm_right,
.ext_cusinfo .cm_left,
.ext_faq .cm_right,
.ext_visinfo .cm_left {
  opacity: .2;
}

.external_panel>.cm_lists>.cm_list {
  position: relative;
  padding-top: 2px;
}

.external_panel .external_label>.cm_labels>.cm_label:nth-child(6),
.external_panel>.cm_lists>.cm_list:nth-child(6) {
  display: none;
}

.ext-hascrm .external_label>.cm_labels>.cm_label:nth-child(6),
.ext-hascrm>.cm_lists>.cm_list:nth-child(6) {
  display: block;
}

.ext_chatrecord>.cm_lists>.cm_list:not(:nth-child(4))>*,
.ext_crminfo>.cm_lists>.cm_list:not(:nth-child(6))>*,
.ext_cusinfo>.cm_lists>.cm_list:not(:nth-child(2))>*,
.ext_faqMenu>.cm_lists>.cm_list:not(:first-child)>*,
.ext_orderlist>.cm_lists>.cm_list:not(:nth-child(5))>*,
.ext_visinfo>.cm_lists>.cm_list:not(:nth-child(3))>* {
  display: none;
}

.ext_faqMenu>.cm_lists>.cm_list {
  transform: translateX(0);
}

.ext_cusinfo>.cm_lists>.cm_list {
  transform: translateX(-100%);
}

.ext_visinfo>.cm_lists>.cm_list {
  transform: translateX(-200%);
}

.ext_chatrecord>.cm_lists>.cm_list {
  transform: translateX(-300%);
}

.ext_orderlist>.cm_lists>.cm_list {
  transform: translateX(-400%);
}

.ext_crminfo>.cm_lists>.cm_list {
  transform: translateX(-500%);
}

.crm-ifrabox.cm_lists {
  height: calc(100% - 34px)!important;
}

.crm-ifrabox~.cm_labels>.cm_label {
  flex: 1;
  line-height: 35px;
}

.crm-ifrabox~.cm_labels {
  height: 34px;
  background-color: #ebeff2;
}

.cm-cover,
iframe.cm_list {
  display: none;
  height: 100%;
  width: 100%;
}

.cm-cover {
  position: absolute;
  top: 0;
  left: 0;
}

iframe.cm_list {
  border: none;
}

.crm-curr0>.cm_labels>.cm_label:nth-child(1),
.crm-curr10>.cm_labels>.cm_label:nth-child(11),
.crm-curr11>.cm_labels>.cm_label:nth-child(12),
.crm-curr12>.cm_labels>.cm_label:nth-child(13),
.crm-curr13>.cm_labels>.cm_label:nth-child(14),
.crm-curr14>.cm_labels>.cm_label:nth-child(15),
.crm-curr15>.cm_labels>.cm_label:nth-child(16),
.crm-curr16>.cm_labels>.cm_label:nth-child(17),
.crm-curr17>.cm_labels>.cm_label:nth-child(18),
.crm-curr18>.cm_labels>.cm_label:nth-child(19),
.crm-curr19>.cm_labels>.cm_label:nth-child(20),
.crm-curr1>.cm_labels>.cm_label:nth-child(2),
.crm-curr2>.cm_labels>.cm_label:nth-child(3),
.crm-curr3>.cm_labels>.cm_label:nth-child(4),
.crm-curr4>.cm_labels>.cm_label:nth-child(5),
.crm-curr5>.cm_labels>.cm_label:nth-child(6),
.crm-curr6>.cm_labels>.cm_label:nth-child(7),
.crm-curr7>.cm_labels>.cm_label:nth-child(8),
.crm-curr8>.cm_labels>.cm_label:nth-child(9),
.crm-curr9>.cm_labels>.cm_label:nth-child(10) {
  border-bottom: 2px solid #0da7db;
  color: #0da7db;
}

.crm-curr0>.cm_lists>.cm_list:nth-child(1),
.crm-curr10>.cm_lists>.cm_list:nth-child(11),
.crm-curr11>.cm_lists>.cm_list:nth-child(12),
.crm-curr12>.cm_lists>.cm_list:nth-child(13),
.crm-curr13>.cm_lists>.cm_list:nth-child(14),
.crm-curr14>.cm_lists>.cm_list:nth-child(15),
.crm-curr15>.cm_lists>.cm_list:nth-child(16),
.crm-curr16>.cm_lists>.cm_list:nth-child(17),
.crm-curr17>.cm_lists>.cm_list:nth-child(18),
.crm-curr18>.cm_lists>.cm_list:nth-child(19),
.crm-curr19>.cm_lists>.cm_list:nth-child(20),
.crm-curr1>.cm_lists>.cm_list:nth-child(2),
.crm-curr2>.cm_lists>.cm_list:nth-child(3),
.crm-curr3>.cm_lists>.cm_list:nth-child(4),
.crm-curr4>.cm_lists>.cm_list:nth-child(5),
.crm-curr5>.cm_lists>.cm_list:nth-child(6),
.crm-curr6>.cm_lists>.cm_list:nth-child(7),
.crm-curr7>.cm_lists>.cm_list:nth-child(8),
.crm-curr8>.cm_lists>.cm_list:nth-child(9),
.crm-curr9>.cm_lists>.cm_list:nth-child(10) {
  display: inline;
}

.chat_tool_extend {
  z-index: 9;
  height: auto;
  position: absolute;
  left: 0;
  bottom: 160px;
  width: 100%;
  max-height: 100%;
  box-shadow: 0 -6px 24px -5px #ddd;
  background-color: #fff;
}

.chat_tool_extend>* {
  display: none;
}

.ext_emoji>.chat_tool_emoji {
  display: block;
}

.ext_emoji .emotion-list {
  height: calc(100% - 34px);
  padding: 15px 15px 10px;
  overflow: auto;
  background: #FFF;
}

.emotion-bar {
  height: 34px;
  background-color: #EBEFF2;
}

.emotion-bar-item {
  box-sizing: content-box;
  display: inline-block;
  padding: 0 12px;
  line-height: 34px;
  vertical-align: middle;
  cursor: pointer;
}

.emotion-icon-emoji:before,
.emotion-icon-qq:before {
  content: "";
  display: inline-block;
  width: 30px;
  height: 28px;
  vertical-align: middle;
  background-image: url("../_assit/service_icon-3215e5ef3b.png");
}

.emotion-icon-qq:before {
  background-position: -540px -893px;
}

.emotion-icon-emoji:before {
  background-position: -589px -893px;
}

.emotion-selected {
  background-color: #FFF;
}

.emotion-selected.emotion-icon-qq:before {
  background-position: -649px -893px;
}

.emotion-selected.emotion-icon-emoji:before {
  background-position: -689px -893px;
}

.ext_faqs>.chat_tool_faqs {
  display: block;
  margin: 10px;
  max-height: 240px;
  overflow: auto;
}

.chat_onstaff~.main_middle .chat_label>*,
.chat_window_multi .chat_operation>span,
.chat_window_multi .tool_bar>span,
.ext-visitor>.external_panel .external_label>.close-blue,
.ext-visitor>.external_panel form.bookform,
.mini-chat-win .chat_operation>span,
.mini-chat-win .tool_bar>span {
  display: none;
}

.chat_tool_faqs>ul>li {
  cursor: default;
  outline: 0;
}

.chat_tool_faqs>ul>li:focus {
  border: 1px solid #ddd;
  outline: 0;
}

.chat_tool_faqs>ul>.selected {
  border: 2px solid #0C9FD3;
}

.operation_tip,
.trans_to_staff {
  border-radius: 2px;
  text-align: left;
}

.chat_tool_emoji {
  position: relative;
  width: 100%;
  height: 100%;
  opacity: 1;
  transition: all .2s;
  -webkit-transition: all .3s;
}

.chat_window_multi .window_header>.visitor_item,
.mini-chat-win .window_header>.visitor_item {
  width: 190px;
}

.chat_tool_emoji ul {
  padding: 2px;
}

.chat_tool_emoji li {
  float: left;
  list-style: none;
  margin: 2px;
  cursor: pointer;
}

@media screen and (min-width:0px) and (max-width:1198px) {
  .single-win .chat_operation>span,
  .single-win .tool_bar>span {
    display: none;
  }

  .single-win .window_header>.visitor_item {
    width: 190px;
  }

  .single-win .chat_operation {
    margin-right: 10px;
  }

  .single-win .tool_bar {
    padding-right: 7px;
    margin: unset;
  }
}

@media screen and (min-width:0px) and (max-width:1100px) {
  .ext_show>.single-win .chat_operation>span,
  .ext_show>.single-win .tool_bar>span {
    display: none;
  }

  .ext_show>.single-win .window_header>.visitor_item {
    width: 190px;
  }

  .ext_show>.single-win .chat_operation {
    margin-right: 10px;
  }

  .ext_show>.single-win .tool_bar {
    padding-right: 7px;
    margin: unset;
  }
}

.mini-chat-win .chat_operation {
  margin-right: 10px;
}

.mini-chat-win .tool_bar {
  margin-right: 7px;
}

.chat_window_multi .chat_operation {
  margin-right: 10px;
}

.chat_window_multi .tool_bar {
  margin-right: 7px;
}

.ext-visitor>.external_panel {
  position: absolute;
  right: 0;
  z-index: 9999;
}

.ext-visitor>.single-win~.external_panel {
  position: relative!important;
}

.multi_header {
  display: flex;
}

.multi_header>.visitor_item {
  position: relative;
  width: 210px;
}

.multi_header .visitor_info {
  width: 160px;
}

.multi_lock_box {
  position: absolute;
  text-indent: 0;
  right: 5px;
  top: 5px;
}

.multi_lock_box>span {
  display: none;
}

.multi_lock {
  width: 16px;
  height: 16px;
}

.multi_lock.lock {
  background-position: -375px -482px;
}

.multi_lock.unlock {
  background-position: -375px -533px;
}

.lock_disable>.multi_lock {
  display: none!important;
}

.operation_items {
  position: relative;
  width: 100%;
}

.operation_items>.chat_operation {
  margin-right: 10px;
}

.operation_items>.chat_operation:first-child>.operation_tip {
  right: 55px;
}

.operation_items>.chat_operation:nth-child(2)>.operation_tip {
  right: 24px;
}

.operation_items>.chat_operation:last-child>.operation_tip {
  right: 2px;
}

.chat_operation:hover>.operation_tip {
  display: inline-block;
  padding: 1px 4px;
}

.operation_items .icon {
  text-align: left;
  line-height: 20px;
  color: #959595;
}

.operation_items .icon:hover {
  color: #0da7db;
}

.operation_tip {
  position: absolute;
  display: none;
  max-width: 70px;
  z-index: 1002;
  top: -3px;
  padding: 0;
  line-height: normal;
  transition: all .3s;
  white-space: nowrap;
  overflow: hidden;
}

.trans_to_staff {
  position: absolute;
  width: 200px;
  left: -14px;
  top: 50px;
  color: #666;
  line-height: 26px;
  z-index: 1006;
  max-height: 240px;
  overflow: auto;
  padding: 2px;
  background-color: #fafafa;
  box-shadow: 0 0 10px -1px #aaa;
}

.trans_staffs {
  padding: 6px 4px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.trans_staffs:hover {
  background-color: #eee;
}

.trans_staffs>.icon {
  width: 16px;
  height: 16px;
}

.double-win .ext_emoji,
.triple-win .ext_emoji {
  height: 250px;
  overflow: auto;
}

.triple-win .editor_header>.tool_bar>span {
  display: none;
}

.triple-win .editor_header>.tool_bar:hover>span {
  display: inline-block;
  position: absolute;
  top: -18px;
  margin-left: -40px;
  width: 65px;
  z-index: 1002;
}

.triple-win .tool_bar {
  margin-right: 7px;
}

@media screen and (min-width:0px) and (max-width:1200px) {
  .triple-win .operation_items>.chat_operation {
    margin-right: 2px;
  }

  .triple-win .editor_header>.tool_bar {
    margin-right: 4px;
  }

  .operation_items>.chat_operation:first-child>.operation_tip {
    right: 26px;
  }

  .operation_items>.chat_operation:nth-child(2)>.operation_tip {
    right: 5px;
  }

  .operation_items>.chat_operation:last-child>.operation_tip {
    right: -4px;
  }

  .multi_header>.visitor_item {
    width: 190px;
  }

  .multi_header .visitor_info {
    width: 140px;
  }
}

@media screen and (min-width:1200px) and (max-width:1360px) {
  .triple-win .operation_items>.chat_operation {
    margin-right: 3px;
  }

  .triple-win .editor_header>.tool_bar {
    margin-right: 10px;
  }

  .operation_items>.chat_operation:first-child>.operation_tip {
    right: 34px;
  }

  .operation_items>.chat_operation:nth-child(2)>.operation_tip {
    right: 15px;
  }

  .operation_items>.chat_operation:last-child>.operation_tip {
    right: 1px;
  }

  .multi_header>.visitor_item {
    width: 198px;
  }

  .multi_header .visitor_info {
    width: 150px;
  }
}

.first_win>.chat_window_multi:nth-child(1)>.window_header,
.second_win>.chat_window_multi:nth-child(2)>.window_header,
.third_win>.chat_window_multi:nth-child(3)>.window_header {
  background: #0da7db;
  color: #fff;
}

.first_win>.chat_window_multi:nth-child(1) .visitor_search-msg,
.second_win>.chat_window_multi:nth-child(2) .visitor_search-msg,
.third_win>.chat_window_multi:nth-child(3) .visitor_search-msg {
  color: #fff!important;
}

.first_win>.chat_window_multi:nth-child(1) .unlock,
.second_win>.chat_window_multi:nth-child(2) .unlock,
.third_win>.chat_window_multi:nth-child(3) .unlock {
  background-position: -325px -533px;
}

.first_win>.chat_window_multi:nth-child(1) .lock,
.second_win>.chat_window_multi:nth-child(2) .lock,
.third_win>.chat_window_multi:nth-child(3) .lock {
  background-position: -325px -482px;
}

.first_win>.chat_window_multi:nth-child(1) .visitor_icon .icon_mobile,
.second_win>.chat_window_multi:nth-child(2) .visitor_icon .icon_mobile,
.third_win>.chat_window_multi:nth-child(3) .visitor_icon .icon_mobile {
  background: #fff;
  color: #44cfec;
}

.first_win>.chat_window_multi:nth-child(1) .visitor_icon .icon_pad,
.second_win>.chat_window_multi:nth-child(2) .visitor_icon .icon_pad,
.third_win>.chat_window_multi:nth-child(3) .visitor_icon .icon_pad {
  background-position: -309px -17px;
}

.first_win>.chat_window_multi:nth-child(1) .visitor_icon .icon_pc,
.second_win>.chat_window_multi:nth-child(2) .visitor_icon .icon_pc,
.third_win>.chat_window_multi:nth-child(3) .visitor_icon .icon_pc {
  background: #fff;
  color: #ff7b89;
}

.first_win>.chat_window_multi:nth-child(1) .visitor_icon .icon_wechat,
.second_win>.chat_window_multi:nth-child(2) .visitor_icon .icon_wechat,
.third_win>.chat_window_multi:nth-child(3) .visitor_icon .icon_wechat {
  background-position: -359px -575px;
}

.first_win>.chat_window_multi:nth-child(1) .visitor_icon .icon_writing,
.second_win>.chat_window_multi:nth-child(2) .visitor_icon .icon_writing,
.third_win>.chat_window_multi:nth-child(3) .visitor_icon .icon_writing {
  background-position: -319px -213px;
}

.first_win>.chat_window_multi:nth-child(1) .visitor_icon .icon,
.first_win>.chat_window_multi:nth-child(1) .visitor_icon .visitor_icon .icon,
.second_win>.chat_window_multi:nth-child(2) .visitor_icon .icon,
.second_win>.chat_window_multi:nth-child(2) .visitor_icon .visitor_icon .icon,
.third_win>.chat_window_multi:nth-child(3) .visitor_icon .icon,
.third_win>.chat_window_multi:nth-child(3) .visitor_icon .visitor_icon .icon {
  background-color: #fff;
}

.icon_animation {
  position: absolute;
  left: 0;
  top: 0;
  border: 1px solid #0da7db;
  box-sizing: border-box;
  border-radius: 18px;
  box-shadow: 1px 1px 16px -1px #888;
  transition-duration: 1s;
  transition-timing-function: ease-in-out;
  animation: rotateInt .6s linear infinite;
  transform: translate3d(0,0,0);
}

.icon_animation.icon_mobile {
  background-position: -314px -151px;
}

.icon_animation.icon_pc {
  background-position: -314px -87px;
}

.icon_animation.icon_wechat {
  background-position: -316px -581px;
}

.icon_animation.icon_pad {
  background-position: -314px -24px;
}

@keyframes rotateInt {
  0% {
    transform: rotate(0);
  }

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

.animate-show {
  visibility: visible;
}

.first_win>.chat_window_multi:nth-child(1) .chat_operation .chat_tranform,
.second_win>.chat_window_multi:nth-child(2) .chat_operation .chat_tranform,
.third_win>.chat_window_multi:nth-child(3) .chat_operation .chat_tranform {
  background-position: -534px -348px;
}

.first_win>.chat_window_multi:nth-child(1) .chat_operation .glyphicon-option-horizontal,
.first_win>.chat_window_multi:nth-child(1) .chat_operation:hover,
.second_win>.chat_window_multi:nth-child(2) .chat_operation .glyphicon-option-horizontal,
.second_win>.chat_window_multi:nth-child(2) .chat_operation:hover,
.third_win>.chat_window_multi:nth-child(3) .chat_operation .glyphicon-option-horizontal,
.third_win>.chat_window_multi:nth-child(3) .chat_operation:hover {
  color: #fff;
}

.double-win .ext_emoji {
  width: calc(50% - 3px);
}

.triple-win .ext_emoji,
.triple-win .first_win+.ext_emoji {
  width: calc(33.333% - 3px);
}

.first_win+.ext_emoji {
  margin-left: 0;
  height: 254px;
}

.double-win .second_win+.ext_emoji {
  margin-left: calc(50% + 3px);
}

.triple-win .second_win+.ext_emoji {
  margin-left: calc(33.333% + 1.5px);
}

.triple-win .third_win+.ext_emoji {
  margin-left: calc(66.666% + 3.5px);
}

.ext_emoji::-webkit-scrollbar {
  width: 6px;
}

.ext_emoji::-webkit-scrollbar:hover {
  color: #eee;
}

.ext_emoji::-webkit-scrollbar-track {
  background-color: #EBF8F9;
}

.ext_emoji::-webkit-scrollbar-thumb:hover {
  background-color: #aaa;
}

.chat_window_multi>.external_panel {
  position: absolute;
  top: 0;
  left: 0;
  margin: 0;
  width: 100%;
  height: 100%;
  box-shadow: none;
  z-index: 2;
}

.double-win .cm_labels>.cm_label {
  flex: 1 0 20%;
}

.double-win .cm_dir {
  display: none;
}

.chat_window_multi .animate-show,
.double-win .ext_chatrecord .cm_labels>.cm_label,
.double-win .ext_faq .cm_labels>.cm_label,
.double-win .ext_trackinfo .cm_labels>.cm_label,
.double-win .ext_visinfo .cm_labels>.cm_label {
  left: 0;
}

.chat_window_multi .animate-show.ng-hide {
  left: 101%;
}

.chat_his_container {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0;
  padding: 10px 0 26px;
  width: 100%;
  height: auto;
  -webkit-touch-callout: inherit;
  -webkit-user-select: initial;
  -khtml-user-select: initial;
  -moz-user-select: initial;
  -ms-user-select: initial;
  user-select: initial;
}

.chat_history_item {
  margin-bottom: 2px;
}

.history-bubble.chat_history_item {
  margin-bottom: 10px;
  position: relative;
}

.chat_convert,
.chat_convert_error,
.chat_convert_loadnig {
  padding: 0 10px;
  border-radius: 4px;
  color: #fff;
  background-color: #0da7db;
  margin-top: 4px;
  line-height: 30px;
  min-height: 30px;
  display: inline-block;
}

.chat_convert_loadnig {
  line-height: 25px;
}

.chat_convert_error {
  background: #f1f1f1;
  border-radius: 4px;
  color: #aaa;
  padding-left: 6px;
}

.chat_convert_error::before {
  font-family: echat;
  content: '\e683';
  font-size: 18px;
  vertical-align: bottom;
  padding-right: 4px;
  display: inline-block;
  transform: scale(1.2);
}

.chat_convert.hide,
.chat_convert_error.hide {
  display: none;
}

.chat_content {
  position: relative;
  display: inline-table;
  max-width: 85%;
  min-width: 10px;
  padding: 2px 10px;
  border-radius: 4px;
  margin: 0 30px;
}

.chat_content .chat_content_con,
.chat_content>.chat_content_con {
  display: block;
  word-break: break-word;
  word-wrap: break-word;
  max-width: 100%;
  white-space: pre-wrap;
}

.sys-tag-bubble .chat_content {
  background-color: #F4F5FA!important;
  border: 1px solid #d2d2d2;
}

.sys-tag-bubble .chat_content_con {
  position: relative;
  margin: 4px 0 4px 25px;
  color: #3e3e3e;
  font-weight: 600;
  font-size: .8899rem;
}

.sys-tag-bubble .chat_content_con:before {
  position: absolute;
  content: '';
  width: 27px;
  height: 20px;
  left: -28px;
  background-image: url("../_assit/service_icon-3215e5ef3b.png");
  background-position: -603px -635px;
}

.sys-tag-bubble .sys-chat-tag {
  background-color: #fff;
  padding: 4px 8px;
  border: 1px solid #efefef;
  border-radius: 3px;
  color: #0FA6DD;
}

.chat_content_con>p {
  padding: 0;
  margin: 0;
}

.chat_translate,
.history-bubble .chat_content {
  padding: 7px 13px;
}

.chat_content img {
  vertical-align: bottom;
  max-width: 100%;
}

.record-detail img {
  max-width: 100%;
}

.chat_content li {
  list-style-type: inherit;
}

.history-bubble .chat_his_content>.chat_content {
  margin: 0;
}

.chat_his_icon {
  position: absolute;
  width: 44px;
  height: 44px;
  border-radius: 22px;
  border: none;
}

.chat_translate {
  display: inline-block;
  max-width: 85%;
  min-width: 10px;
  margin-top: 5px;
  background: #f1f1f1;
  color: #545454;
  position: relative;
  border-radius: 4px;
  overflow-wrap: break-word;
}

.chat-form .form-desc,
.chat-form .form-name,
.pushurl-text>div {
  overflow: hidden;
  text-overflow: ellipsis;
}

.icon-16-error {
  font-size: 16px;
  margin-right: 8px;
  line-height: 1;
  position: relative;
  top: 1px;
}

.icon-18 {
  width: 18px;
  max-height: 18px;
}

.cursor-p {
  cursor: pointer;
}

.color-error {
  color: #FF4D4F;
}

.reply-item .chat_translate {
  display: block;
  width: 60%;
  margin: 5px auto 20px;
  color: #545454;
  text-align: left;
}

.chat_content .reply-item .chat_translate {
  text-align: left;
  max-width: 100%;
  width: 100%;
  margin-top: 5px;
  color: #545454;
}

.history-bubble-none .chat-rec-opts {
  position: relative;
  top: 7px;
  left: -14px;
}

.chat-rec-opts {
  position: relative;
  top: 3px;
  padding: 0 5px;
  cursor: pointer;
  color: #e5f1fa;
  font-size: 20px;
  font-family: echat;
  display: inline-table;
  user-select: none;
}

.chat_content .chat-form,
.chat_content.chat-ext-pushurl {
  display: inline-flex;
  padding: 3px;
  cursor: pointer;
}

.chat-ext-pushurl .chat_content_con {
  position: relative;
  display: flex;
  background: #f1f1f1;
  border-radius: 3px;
}

.chat-form .chat_content_con {
  position: relative;
  display: flex;
  background: #fff;
  border-radius: 3px;
}

.chat-form .form-img {
  width: 53px;
  height: 52px;
  margin: 2px 0 0 4px;
  line-height: 52px;
}

.chat-form .form-img>img {
  max-width: 100%;
  max-height: 100%;
  vertical-align: middle;
}

.chat-form .form-text {
  margin-left: 7px;
  background-color: #fff;
  font-size: 12px;
  padding: 5px;
  max-width: 140px;
}

.chat-form .form-name {
  white-space: nowrap;
  margin-bottom: 5px;
  color: #323232;
}

.chat-form .form-desc {
  color: #ccc;
  display: -webkit-box;
}

.chat-sump-in,
.chat-sumup .btn-cancel,
.chat-sumup-only .chat-sump-ended,
.history-bubble.from_service .chat_his_icon.no-staff-icon {
  display: none;
}

.pushurl-icon {
  background-position: -111px -611px;
  width: 53px;
  height: 52px;
  background-color: #f1f1f1;
  margin: 2px 0 0 4px;
}

.unsafe-pushurl .pushurl-icon {
  background-position: -187px -611px;
}

.pushurl-text {
  padding: 2px 4px 2px 9px;
  max-width: calc(100% - 48px);
  margin-left: 7px;
  background-color: #fff;
}

.pushurl-text>div {
  line-height: 26px;
  white-space: nowrap;
}

.pushurl-text>div[href] {
  font-size: 12px;
  color: #888;
}

.chat_his_icon.icon_avatar {
  background-position: -429px -723px;
}

.chat_his_icon>.eif-icon.staff-def-icon {
  font-size: 28px;
  width: 44px;
  height: 44px;
  color: #fff;
  line-height: 48px;
  border-radius: 22px;
  background-color: #0ea7db;
}

.chat_his_icon>.staff-rec-img {
  width: 44px;
  height: 44px;
  border: none;
  border-radius: 22px;
}

.chat_his_icon.big {
  width: 44px;
  height: 44px;
  line-height: 44px;
  font-size: 1.7142rem;
}

.history-bubble.from_service .chat_his_content.no-staff-icon {
  padding-right: 24px;
}

.custom-system .chat_content {
  background-color: transparent!important;
}

.chat-sumup {
  position: relative;
  text-align: center;
  margin: 10px auto;
  max-width: 400px;
  background-color: #F0F4F7;
  border: 1px solid #e5e5e5;
  border-radius: 6px;
  padding: 8px 12px;
  color: #545454;
}

.chat-sump-desc {
  width: 100%;
  margin-bottom: 10px;
  text-align: center;
  font-weight: 700;
}

.chat-sumup-only .chat-sump-in {
  display: inline;
}

.chat-sumup-only .btn-cancel,
.sumup-item-desc,
.time-item {
  display: inline-block;
}

.chat-topic-list {
  position: relative;
  text-align: left;
  margin-bottom: 10px;
}

.chat-topic-list>input {
  width: 100%;
  min-width: 100px;
  height: 24px;
  border-radius: 4px;
  box-sizing: border-box;
  padding: 0 8px;
  border: 1px solid #C8CCCF;
}

.chat-topic-list:after {
  position: absolute;
  top: 8px;
  right: 8px;
  border-width: 6px 4px;
  border-style: solid;
  border-bottom: none;
  border-left: 4px solid transparent!important;
  border-right: 4px solid transparent!important;
  border-color: #000;
  content: '';
}

.chat-sumup textarea {
  width: 100%;
  height: 60px;
  border: 1px solid #C8CCCF;
  border-radius: 4px;
  box-sizing: border-box;
  resize: none;
}

.chat-sumup>.btn-cancel,
.chat-sumup>.btn-primary {
  padding: 4px 20px;
  margin: 0 8px;
}

.chat-sumup>.btn-cancel {
  background-color: #fbfbfb;
  border: 1px solid #eee;
  color: #0da7db;
}

.sys-sumup-bubble .chat-sumup-result {
  position: relative;
  display: inline-block;
  background-color: #FBFBFB!important;
  padding: 4px 8px;
  border: 1px solid #efefef;
  border-radius: 3px;
  color: #3e3e3e;
  max-width: 420px;
  min-width: 200px;
  text-align: left;
}

.chat-sumup-result>div:nth-child(2) {
  text-align: center;
}

.sumup-memo-title {
  margin-left: -40px;
}

.sumup-result-cnt {
  font-size: .8725rem;
  color: #888;
}

.sumup-modify {
  line-height: 14px;
}

.chat-needsumup {
  position: absolute;
  z-index: 10;
  left: -120px;
  top: 43px;
  width: 300px;
  background-color: #fff;
  height: 406px;
  overflow-y: scroll;
  overflow-x: hidden;
  box-shadow: 0 2px 6px 0 #888;
  border-radius: 4px;
  cursor: default;
  text-align: left;
}

.chat-needsumup.noHistory {
  height: auto;
}

.sumup-item-desc {
  color: #333;
  margin-left: 8px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100px;
  vertical-align: middle;
}

.chat-needsumup::-webkit-scrollbar {
  width: 0;
}

.needsumup-list {
  padding: 0 15px 10px;
  height: 320px;
  overflow-y: scroll;
  position: absolute;
  width: 100%;
}

.Lately_Time,
.needsumup-type,
.needsumup-type>div {
  height: 40px;
  display: flex;
}

.vipClass {
  color: #0da7dd;
}

.time-item {
  color: #aaa;
  font-size: 10px;
  vertical-align: middle;
}

.Lately_Time,
.notopen-sumup {
  font-size: 12px;
  text-align: center;
}

.needsumup-type {
  width: 100%;
  justify-content: space-between;
}

.needsumup-type>div {
  padding-right: 10px;
  width: 50%;
  flex: 1;
  text-align: center;
  line-height: 40px;
  background-color: #E7E7E7;
  color: #888;
  cursor: pointer;
}

.needsumup-type>.selected {
  background-color: #fff;
  color: #0DA7DD;
}

.needsumup-type span:first-child {
  flex: 1;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.needsumup-item {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  cursor: pointer;
  padding: 5px 15px;
}

.Lately_Time {
  width: 240px;
  margin: 0 auto;
  line-height: 40px;
  color: #ccc;
}

.Lately_Time span:first-child {
  padding-right: 12px;
}

.Lately_Time span:last-child {
  padding-left: 12px;
}

.Lately_Time i {
  width: 1px;
  background-color: #ccc;
  height: 12px;
  margin-top: 14px;
}

.Lately_Time span.selected {
  color: #0DA7DD;
}

.notopen-sumup {
  height: 320px;
  color: #888;
  width: 100%;
  top: 42px;
  padding: 120px 0 0;
  background: #fff;
  position: absolute;
}

.notopen-sumup .img {
  background: url("../images/queshengye.svg") center center no-repeat;
  background-size: contain;
  width: 68px;
  margin: 0 auto;
  height: 70px;
}

.notopen-sumup span {
  margin: 0 6px;
  cursor: pointer;
  color: #0DA7DD;
}

.loadMore {
  width: 100%;
  height: 20px;
  background-color: #ccc;
  color: #888;
  text-align: center;
  line-height: 20px;
  font-weight: 700;
  position: absolute;
  bottom: 0;
  cursor: pointer;
}

.noAssessment {
  height: 320px;
  display: flex;
}

.noAssessment>div {
  margin: auto;
  width: 300px;
  height: auto;
  text-align: center;
}

.noAssessment>div>img {
  width: 100px;
  height: auto;
  display: block;
  margin: 0 auto 20px;
}

.sumup_loading {
  background-color: #000;
  opacity: .4;
}

.sumup_nullbox {
  background-color: #FFF;
}

.sumup-detail-topic {
  height: 60px;
  padding-top: 10px;
  color: #333;
}

.sumup-detail-select {
  background-color: #EBEFF2;
  height: 28px;
  line-height: 28px;
  border-radius: 3px;
  transition: box-shadow .3s;
  text-indent: 8px;
}

.sumup-detail-select>input {
  height: 100%;
  width: 100%;
  margin-left: -8px;
  box-sizing: border-box;
  background: 0 0;
  text-indent: 8px;
  border: none;
}

.sumup-detail-select.error {
  box-shadow: red 0 0 4px 0 inset;
}

.sumup-detail-history {
  height: calc(100% - 120px);
}

.sumup-detail-cusinfo,
.sumup-detail-record {
  height: calc(100% - 20px);
  background-color: #EBEFF2;
}

.sumup-detail-record {
  padding: 4px 6px;
  overflow: scroll;
}

.sumup-detail-record .chat_his_content {
  padding: 2px 0;
}

.sumup-detail-record .chat_history_item {
  position: relative;
  text-align: left;
}

.sumup-detail-record .chat_his_icon {
  display: none;
}

.sumup-detail-record .from_visitor {
  color: #0da7db;
  margin: 0;
}

.sumup-detail-record .from_service {
  color: #A8A8A8;
}

.sumup-detail-record .chat_time {
  padding: 0;
}

.sumup-detail-record .chat_content {
  margin: 0!important;
  padding: 0;
}

.sumup-detail-record .down-link {
  color: #0da7db;
}

.sumup-detail-record .down-link:before {
  background-position: -201px -879px;
}

.sumup-detail-record .view_img {
  border-radius: 3px;
  border: 2px solid #ccc;
}

.sumup-detail-record .file_msg_info {
  border: 2px solid #ccc;
  border-bottom: none;
}

.sumup-detail-record .file_msg_down {
  border: 2px solid #ccc;
  border-top-width: 1px;
}

.sumup-detail-cusinfo {
  padding-top: 8px;
}

.crm-sumup-detail-cusinfo {
  overflow: hidden;
  overflow-y: auto;
}

.sumup_info_form>.ext_info_item>label {
  text-align: right;
  color: #333;
  width: 60px;
  min-width: 60px;
  vertical-align: top;
}

.book-ipt,
.book-label,
.chat-resend:before,
.visitor_inputing img {
  vertical-align: middle;
}

.sumup_info_form>.ext_info_item {
  margin: 0 10px 2px 0;
}

.sumup_info_form input,
.sumup_info_form select {
  height: 24px;
  width: calc(100% - 60px)!important;
  background-color: #fefefe;
}

.sumup_info_form select {
  box-sizing: content-box;
  padding: 1px 0;
}

.sumup_info_form textarea {
  height: 64px;
  width: calc(100% - 66px)!important;
  margin-top: 2px;
  line-height: 16px;
  border: none!important;
}

.chat-ext {
  position: absolute;
  bottom: 160px;
  left: 0;
  width: 100%;
}

.chat-capture>.editor_capture,
.chat-faq>.chat-faqs,
.chat-inputing>.visitor_inputing {
  display: block;
}

.chat-sumup-header {
  width: 50%;
  margin: 24px auto 0;
  padding: 9px 12px;
  background: #eee;
  text-align: left;
  border-radius: 3px;
  color: #545454;
}

.chat-sumup-editpanel {
  margin: 0 auto;
  max-width: 420px;
  min-width: 200px;
}

.chat-sumup-edit::before {
  font-size: 16px;
  content: "\e67a";
  font-family: echat;
}

.chat-sumup-edit {
  color: #999;
  float: right;
  cursor: pointer;
}

.visitor_inputing {
  display: none;
  padding: 0 10px;
  line-height: 28px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  background: #eee;
  border-bottom: 1px solid #ccc;
}

.capture-opt,
.editor_capture {
  position: relative;
  background: #fff;
}

.visitor_inputing img {
  width: 25px;
  height: 25px;
}

.input_cnt {
  color: #868686;
}

.chat_time {
  padding: 0 30px;
  font-size: .87514rem;
}

.chat-name {
  margin-right: 10px;
}

.history-bubble .chat_time {
  color: #A8A8A8!important;
  margin: 8px 0 4px;
  padding: 0;
}

.history-bubble .chat-name {
  margin-right: 5px;
}

.editor_capture {
  display: none;
  text-align: center;
  margin-bottom: 12px;
  border-radius: 4px;
  box-shadow: 0 0 8px -1px #aaa;
}

.capture-desc {
  text-align: left;
  text-indent: 14px;
  padding: 4px 0;
}

.capture-img {
  padding: 0 10px;
}

.capture-img>img {
  max-width: 100%;
  border: 1px solid #D5DCAC;
  box-sizing: border-box;
  border-radius: 4px;
  padding: 2px;
}

.capture-opt {
  z-index: 901;
  padding: 4px 0;
}

.capture-opt>.btn {
  margin: 0 5px;
  width: 60px;
  outline: 0;
}

.capture-opt .btn-primary {
  background: #30e18d;
  border: #30e18d;
}

.capture-opt .btn-primary:hover {
  background: #30c18d;
}

.capture-opt .btn-cancel {
  background: #efefef;
  border: #efefef;
}

.capture-opt .btn-cancel:hover {
  background: #e0e0e0;
}

.capture-arrow {
  position: absolute;
  z-index: 900;
  bottom: -6px;
  width: 10px;
  height: 10px;
  border-bottom: 1px solid #ddd;
  border-right: 1px solid #ddd;
  transform: rotate(45deg);
  background: #fff;
  left: 50%;
  box-shadow: 0 0 4px 0 #ccc;
}

.chat-faqs {
  position: relative;
  display: none;
  max-height: 260px;
  margin: 0 2px;
  padding: 4px 0;
  overflow: auto;
  border: 1px solid #eee;
  background: rgba(255,255,255,.98);
  box-shadow: 0 -4px 8px -2px #bbb;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  box-sizing: content-box;
}

.chat-faqs>ul {
  margin: 0;
  padding: 0 2px;
}

.chat-faqs>ul>li {
  display: flex;
  list-style: none;
  cursor: default;
  outline: 0;
  overflow: hidden;
  height: 24px;
  line-height: 24px;
  text-indent: 4px;
}

.chat-faqs>ul>li:hover,
.updown-hover {
  background-color: #0C9FD3;
  color: #fff!important;
}

li:hover .short_ans {
  background: 0 0;
  font-style: normal;
  cursor: pointer;
}

li:hover .short_ans:before {
  content: "\e680";
  margin-left: -4px;
}

.chat-faqs>ul>.selected {
  border: 2px solid #0C9FD3;
}

.chat-faqs>ul>li:focus {
  outline: #ddd solid 1px;
}

.chat-faqs .item-title {
  width: 200px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.chat-faqs-tip {
  position: absolute;
  display: none;
  visibility: hidden;
  bottom: 2px;
  left: 208px;
  z-index: 10;
  padding: 4px;
  min-width: 300px;
  box-shadow: 1px 1px 6px 1px #CCC;
  background: #fff;
  border-radius: 3px;
}

.chat-faq:hover .chat-faqs-tip,
.tree-node.hover .edit-div,
.tree-node:hover .edit-div {
  visibility: visible;
}

.chat-faqs-tip::after {
  position: absolute;
  content: "";
  bottom: -5px;
  left: 30px;
  width: 10px;
  height: 10px;
  background: #fff;
  transform: rotate(45deg);
  box-shadow: 2px 2px 2px 0 #ddd;
  border-top-left-radius: 20px;
}

.chat-faqs-tip>pre {
  word-break: break-all;
  white-space: pre-wrap;
  overflow: hidden;
  margin: 0;
  font-family: inherit;
}

.file_info_name,
.item-faq-content {
  white-space: nowrap;
  text-overflow: ellipsis;
}

.item-faq-content {
  width: calc(100% - 200px);
  overflow: hidden;
  color: #888;
}

.updown-hover .item-faq-content,
li:hover .item-faq-content {
  color: #fff;
}

#search-faqs-tip {
  position: absolute;
  z-index: 20;
  width: 240px!important;
  left: -220px;
  padding: 4px;
  box-shadow: 0 0 6px 0 #aaa;
  background: #fff;
  color: #888;
  font-size: 12px;
  border-radius: 2px;
  overflow: visible!important;
}

#search-faqs-tip.bottomTip::before,
#search-faqs-tip:before {
  content: "";
  display: block;
  right: -3px;
  height: 6px;
  width: 6px;
  background: #fff;
  box-shadow: 1.5px 1.5px 1px 0 #eee;
  transform: rotate(-45deg);
  position: absolute;
}

#search-faqs-tip:before {
  top: 6px;
}

#search-faqs-tip.bottomTip::before {
  top: auto;
  bottom: 6px;
}

.img-upinfo {
  color: #15AFE1;
}

.chat_content>.chat_arrw {
  display: none;
  width: 0;
  height: 0;
  position: absolute;
  border-style: solid;
}

.from_visitor .chat_content {
  color: #960CC1;
  margin-left: 30px;
}

.from_visitor>.chat_time {
  color: #0FA63B;
}

.from_visitor>.chat_content .view_img {
  border: 1px solid #468DBD;
}

.chat_content .view_img {
  cursor: pointer;
  max-width: 100px;
}

.history-bubble.history-bubble-none:not(.from_system) .chat_content {
  background: 0 0!important;
  padding-left: 0!important;
  color: inherit!important;
}

.history-bubble.history-bubble-none .chat_arrw {
  display: none!important;
}

.chat_his_content::after,
.chat_his_content::before {
  content: '';
  display: table;
  clear: both;
}

.history-bubble.from_visitor .chat_his_icon {
  top: 8px;
  left: 8px;
}

.from_visitor .visitor-icon-bg {
  background-color: #94ddf6;
}

.history-bubble.from_visitor .chat_his_content {
  padding-left: 68px;
  position: relative;
  z-index: 1;
}

.history-bubble.from_visitor .chat_content {
  color: #fff;
  background-color: #0da7db;
}

.history-bubble.from_visitor .chat_arrw {
  display: block;
  top: 0;
  left: -10px;
  border-width: 6px;
  border-color: #0da7db #0da7db transparent transparent;
}

.history-bubble.from_service .chat_his_icon {
  bottom: 0;
  right: 8px;
}

.history-bubble.from_service .chat_his_content {
  padding-right: 68px;
  position: relative;
  z-index: 1;
}

.from_service .chat_content {
  position: relative;
  color: #545454;
  text-align: left;
}

.chat-resend,
.chat-resend:before {
  height: 30px;
  width: 30px;
  text-align: center;
}

.from_service>.chat_time {
  color: #006ACC;
}

.from_service>.chat_content .view_img {
  border: 1px solid #D5DADE;
}

.chat-resend {
  display: none;
  position: absolute;
  bottom: 2px;
  left: -30px;
  border-radius: 12px;
  line-height: 32px;
}

.chat-resend:before {
  font-family: echat;
}

.chat-resend.resended,
.chat-resend.send-fail,
.chat-resend.sending,
.from_service>.chat_content .chat-resend {
  display: inline-block;
}

.chat-resend.send-fail {
  cursor: pointer;
}

.chat-resend.send-fail:before {
  content: '\e653';
  font-size: 28px;
  color: #ff3f3f;
}

.chat-resend.sending:before {
  position: absolute;
  left: 0;
  bottom: 0;
  content: "\e61c";
  font-size: 22px;
  color: #e6cd37;
  animation: rotateInt 2s linear infinite;
}

.chat-resend.resended:before {
  content: "\e7c4";
  color: #05bd0e;
  font-size: 20px;
}

.history-bubble.from_service {
  text-align: right;
}

.history-bubble.from_service .chat_content {
  color: #333;
  background-color: #f1f1f1;
}

.history-bubble.from_service .chat_arrw {
  display: block;
  bottom: 0;
  right: -10px;
  border-width: 6px;
  border-color: transparent transparent #f1f1f1 #f1f1f1;
}

.booking_box>div,
.from_system .chat_his_icon,
.from_system .chat_time>.chat-name,
.leave-sumup>.chat_time,
.reply-system .chat_his_icon,
.reply-system>.chat_time {
  display: none;
}

.from_system {
  text-align: center;
}

.from_system .chat_content {
  text-align: center;
  background: #7ecdf4;
  padding: 6px 10px;
  color: #fff;
  font-size: 12px;
  border-radius: 2px;
}

.history-bubble.from_system .chat_content {
  background: #BFBFBF;
}

.history-bubble.from_system .chat-form {
  background: inherit;
  border: 1px solid #0da7db;
  border-radius: 3px;
}

.file_msg_info {
  position: relative;
  height: 80px;
  width: 240px;
  background-color: #eee;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
}

.file_exa_icon {
  position: absolute;
  left: 0;
  top: 15px;
  height: 50px;
  width: 60px;
  background-image: url("../_assit/service_icon-3215e5ef3b.png");
  background-position: -434px -558px;
}

.file_info_detail {
  height: 100%;
  padding-left: 90px;
  text-align: left;
}

.file_info_name {
  overflow: hidden;
  color: #000;
  padding-top: 15px;
}

.file_info_size {
  color: #909090;
  margin-top: 15px;
}

.file_msg_down {
  height: 30px;
  line-height: 30px;
  text-align: right;
  padding-right: 20px;
  border-top: 1px solid #DCDCDC;
  width: 240px;
  background-color: #eee;
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
  color: #15AFE1;
}

.leave-sumup>.chat_content,
.reply-system>.chat_content {
  padding: 0;
  background: 0 0!important;
  width: 100%;
}

.reply-item .chat_time {
  text-align: center;
  color: #A8A8A8;
  margin: 8px 0 4px;
  padding: 0;
}

.reply-wrap {
  color: #333;
  width: 300px;
  margin: 0 auto;
  border: 1px solid #ededed;
  border-radius: 4px;
  background: #fff;
  text-align: left;
  font-size: 12px;
}

.book-label,
.reply-tigger {
  text-align: right;
}

.history_cnt .reply-wrap {
  margin: 0;
}

.reply-title {
  padding: 10px;
  background: #f2f2f2;
  border-bottom: 1px solid #ededed;
}

.reply-staffname {
  color: #0da7db;
  padding-right: 6px;
}

.reply-tigger>span {
  color: #0da7db;
  cursor: pointer;
}

.reply-content {
  padding: 10px;
  white-space: pre-wrap;
}

.chat_tool_extend.ext_booking {
  bottom: 0;
}

.booking_confirm>.booking_confbox,
.booking_invite>.booking_board,
.ext_booking>.booking_box {
  display: block;
}

.book_title {
  height: 26px;
}

.book_title>.icon {
  float: right;
  cursor: pointer;
  width: 22px;
  height: 22px;
}

.book_grd>span,
.book_panel_opt>span {
  cursor: default;
}

.book_title>.chat_tranform {
  background-position: -443px -385px;
  margin-right: 6px;
}

.booking_formbox {
  position: relative;
  margin: 0 auto;
}

.book_grd {
  line-height: 26px;
}

.book_grd>span {
  margin-right: 20px;
}

.book_grd>.curr_grd {
  color: #0C9FD3;
}

.booking_form {
  position: absolute;
  top: 50px;
  left: 0;
  bottom: 0;
  right: 0;
  min-width: 100%;
}

.booking_form>div {
  position: absolute;
  width: 100%;
}

.booking_confbox {
  padding: 10px;
}

.book-half {
  width: 179px;
  float: left;
  overflow: hidden;
  height: 30px;
}

.book-label {
  display: inline-block;
  width: 70px;
  margin: 0;
}

.book_tpl_name,
.topic-clear,
.tree-empty {
  text-align: center;
}

.book-ipt {
  background: 0 0;
  outline: 0;
  border-width: 0 0 1px;
  border-bottom: 1px solid #ccc;
  padding: 0 5px;
}

.book-half .book-ipt {
  width: 90px;
}

.book-line .book-ipt {
  width: 110px;
}

.booking-mobile {
  width: 260px;
}

.booking-mobile>img {
  width: 100%;
  height: auto;
}

.book-one-line .book-half .book-ipt {
  width: 200px;
}

.booking_form .book-one-line {
  float: none;
  width: 100%;
  clear: both;
}

.booking_form .book-one-line .book-ipt {
  width: 270px;
}

.book-all-line .book-half .book-ipt {
  width: 160px;
}

.book-all-line .book-half {
  float: none;
  width: 100%;
  clear: both;
}

.booking_board {
  height: 100%;
  padding: 10px 10px 4px;
  overflow: hidden;
}

.book_tpl_category {
  padding: 6px 10px 5px;
  height: 148px;
  overflow: auto;
}

.book_tpls {
  margin: 0;
  padding-top: 10px;
}

.book_tpl {
  float: left;
  list-style: none;
  border-radius: 2px;
  border: 1px solid #c3c3c3;
  width: 140px;
  height: 110px;
  margin: 6px;
  background-color: #fbfbfb;
}

.book_tpl_sleected {
  border: 1px solid #FBFBFB;
  box-shadow: 1px 1px 4px 2px #99C5E8;
}

.book_tpl_img {
  padding: 10px 15px;
  height: 86px;
}

.book_tpl_img>img {
  width: 100%;
  height: 100%;
}

.book_panel_opt {
  position: absolute;
  top: 5px;
  right: 10px;
  display: block;
}

.topic-clear,
.topic-toggle>span,
.tree-item,
.tree-list .angular-ui-tree-handle {
  cursor: pointer;
}

.config_item {
  display: none;
  justify-content: end;
  box-shadow: 0 8px 12px -4px #aaa;
  padding: 0;
  margin: 0 6px 0 10px;
  width: auto;
  min-width: 680px;
  flex: 1;
  height: calc(100% - 8px);
  transform: translateY(100%);
  transition: none;
  overflow: hidden;
}

.config_item>iframe {
  width: 100%;
  flex: 1;
  height: 100%;
  box-shadow: 0 0 4px #ccc;
}

.config-show {
  display: flex;
  transform: translateY(0);
}

.keep-header {
  margin-top: 10px;
}

.chat_item {
  flex: 1;
  top: 50px;
  transition: all .5s;
}

.chat_item.ng-hide-remove {
  display: flex!important;
  transform: translateY(-110%);
}

.chat_item.ng-hide-add {
  display: none!important;
  transition: none;
}

.chat_item.ng-hide-remove-active {
  transform: translateY(0);
}

.chat_item.ng-hide-add-active {
  display: flex!important;
  transform: translateY(-110%);
}

.hide-cancel .btn.btn-default,
.ngdialog-once .ngdialog-btns {
  display: none;
}

.ngdialog-theme-default .ngdialog-content {
  background: #FFF!important;
  border: none;
  padding: 0!important;
  max-width: 760px;
  min-width: 300px;
  box-shadow: 0 0 10px 0 #aaa;
}

.ngdialog-theme-default .ngdialog-overlay {
  background: 0 0!important;
}

.ngdialog-content h2 {
  color: #7e7b7c;
  background: #f5f5f5;
  height: 40px;
  line-height: 40px;
  text-indent: 24px;
  font-size: 16px;
  margin: 0;
  padding: 0;
  border-radius: 4px;
}

.ngdialog-content .dialog-cnt {
  font-size: 1.14285rem;
  padding: 20px 26px;
  min-height: 4.5em;
}

.ngdialog-once {
  padding-bottom: 0!important;
}

.tree-wrap::-webkit-scrollbar {
  width: 6px;
}

.tree-wrap {
  padding: 5px 10px;
  max-height: 500px;
  overflow: auto;
}

.tree-empty {
  padding: 10px;
}

.topic-search {
  position: relative;
  margin-top: 4px;
  padding: 1px 30px 4px;
}

.topic-input {
  width: 100%;
  border-radius: 3px;
  border: 1px solid #ddd;
  padding: 5px;
}

.topic-clear {
  display: inline-block;
  position: absolute;
  right: 40px;
  top: 6px;
  font-size: 20px;
  color: #a0a0a0;
  font-weight: 700;
  vertical-align: bottom;
  width: 20px;
  height: 20px;
  line-height: 18px;
  border-radius: 10px;
  background-color: #e5e5e5;
  transition: transform .2s;
}

.topic-clear:hover {
  transform: rotate(180deg);
}

.topic-clear:before {
  content: '\00d7';
}

.topic-toggle {
  padding: 3px 0;
  border-top: 1px solid #ddd;
}

.topic-toggle>span {
  user-select: none;
  margin-right: 12px;
}

.topic-toggle>span:hover {
  color: #0da7db;
}

.dialog-cnt>.dialog-prompt-text {
  margin: 0;
  padding-bottom: 10px;
}

.dialog-prompt-item {
  position: relative;
}

.dialog-prompt-label {
  padding: 2px 10px 2px 0;
  color: #888;
  font-weight: 700;
  font-size: 1rem;
}

.dialog-prompt-input {
  position: relative;
  padding: 4px;
  width: 100%;
  border-radius: 3px;
  font-size: 1rem;
  color: #555;
  border: 1px solid #bbb;
  outline: 0;
}

.dialog-prompt-input:focus {
  border: 1px solid rgba(102,175,233,.6);
  box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 4px rgba(102,175,233,.6);
}

.dialog-cnt p {
  margin: 0;
  padding: 10px 0;
}

.dialog-prompt-text>:last-child {
  padding-bottom: 0;
}

.ngdialog-theme-default .dialog-btns {
  padding: 0 30px 10px 0;
  text-align: right;
}

.ngdialog-content .btn {
  outline: 0;
}

.ngdialog-content .btn-default {
  background: #F5F5F5;
  border: none;
  color: #7e7b7c;
}

.ngdialog-content .btn-default:hover {
  background: #f0f0f0;
}

.ngdialog-content .btn-primary,
.ngdialog-content .btn-warning {
  border: none;
  background: #30e18d;
  border-radius: 2px;
  margin: 8px;
}

.ngdialog-content .btn-primary:hover,
.ngdialog-content .btn-warning:hover {
  background: #30c18d;
}

.dialog-btn-line {
  text-align: right;
}

.ngdialog-img-view {
  position: absolute;
  padding: 60px 0!important;
  text-align: center;
}

.ngdialog-img-view::-webkit-scrollbar {
  width: 8px;
}

.ngdialog-img-view .ngdialog-content {
  display: inline-block;
  text-align: center;
  width: auto!important;
  background: 0 0!important;
}

.diaglog-imgbox {
  display: inline-block;
  padding: 20px;
  background: #fbfbfb;
  border-radius: 4px;
  box-shadow: 0 0 8px 2px #aaa;
  width: 100%;
  overflow: auto;
}

.ngdialog-img-view .ngdialog-close {
  display: inline-block;
  right: 0!important;
  top: 0!important;
}

body .ngdialog.ngdialog-img-view .ngdialog-close:before {
  font-size: 34px!important;
  background: rgba(0,0,0,.6)!important;
  cursor: pointer;
  color: #fff!important;
  display: block;
  width: 40px!important;
  height: 40px!important;
  border-radius: 20px!important;
  right: 0;
  top: 0;
  line-height: 37px!important;
}

.ngdialog-img-view-nomask {
  position: fixed!important;
  left: 50%!important;
  top: 5%!important;
  right: auto!important;
  bottom: auto!important;
  padding: 0!important;
  margin: 0 0 0 -200px;
  overflow: visible!important;
  text-align: center;
  min-width: 400px!important;
  max-width: 98%;
  max-height: 90%!important;
}

.ngdialog-img-view-nomask .ngdialog-overlay {
  display: none;
}

.ngdialog-img-view-nomask .ngdialog-content {
  line-height: 0!important;
  display: block;
}

.ngdialog-img-view-nomask .diaglog-imgbox {
  position: relative;
  display: block;
  padding: 0!important;
  overflow: hidden!important;
  min-height: 200px;
  line-height: 200px;
}

.diaglog-imgbox-download,
.tree-list div.tree-node {
  line-height: 30px;
  vertical-align: middle;
}

.ngdialog-img-view-nomask div,
.ngdialog-img-view-nomask img {
  max-height: 100%;
  max-width: 100%;
}

.diaglog-imgbox-download {
  display: block;
  position: absolute;
  width: 100%;
  height: 30px;
  bottom: 1px;
  left: 0;
  right: 0;
  background: rgba(0,0,0,.6);
  text-align: center;
  outline: 0;
}

.diaglog-imgbox-download .download-link {
  display: inline-block;
  vertical-align: middle;
  font-size: 1.2em;
  color: #FFF;
}

.emoji {
  display: inline-block;
  width: 34px;
  height: 34px;
  background-image: url("../_assit/emoji-a0714e46c0.png")!important;
  background-repeat: no-repeat;
}

.hidden {
  display: none;
}

.show {
  display: block;
}

.tree-list {
  overflow-y: auto;
}

.tree-item {
  display: inline-block;
  vertical-align: middle;
  width: 100%;
  padding-left: 4px;
}

.tree-item:hover {
  background: #f5f5f5;
}

span.tree-item:hover {
  background: #e2e2e2;
}

.tree-node.selected {
  background: #e5e5e5;
}

.tree-children {
  padding-left: 10px;
}

.angular-ui-tree-empty {
  display: none;
}

.icon-angle {
  display: inline-block;
  width: 10px;
  height: 10px;
  box-sizing: border-box;
}

.angle-down {
  border-width: 5px 0 5px 10px;
  border-style: solid;
  border-color: transparent transparent transparent #0da7db;
}

.angle-right {
  border-width: 10px 5px 0;
  border-style: solid;
  border-color: #0da7db transparent transparent;
}

.angular-ui-tree-empty {
  border: 1px dashed #bbb;
  min-height: 100px;
  background-color: #e5e5e5;
  background-image: -webkit-linear-gradient(45deg,#fff 25%,transparent 25%,transparent 75%,#fff 75%,#fff),-webkit-linear-gradient(45deg,#fff 25%,transparent 25%,transparent 75%,#fff 75%,#fff);
  background-image: -moz-linear-gradient(45deg,#fff 25%,transparent 25%,transparent 75%,#fff 75%,#fff),-moz-linear-gradient(45deg,#fff 25%,transparent 25%,transparent 75%,#fff 75%,#fff);
  background-image: linear-gradient(45deg,#fff 25%,transparent 25%,transparent 75%,#fff 75%,#fff),linear-gradient(45deg,#fff 25%,transparent 25%,transparent 75%,#fff 75%,#fff);
  background-size: 60px 60px;
  background-position: 0 0,30px 30px;
}

.angular-ui-tree-nodes {
  position: relative;
  margin: 0;
  padding: 0;
  list-style: none;
}

.angular-ui-tree-nodes .angular-ui-tree-nodes {
  padding-left: 20px;
}

.angular-ui-tree-node,
.angular-ui-tree-placeholder {
  position: relative;
  margin: 0;
  padding: 0;
  min-height: 20px;
  line-height: 20px;
}

.angular-ui-tree-hidden {
  display: none;
}

.angular-ui-tree-placeholder {
  margin: 5px 0;
  padding: 0;
  min-height: 30px;
}

.angular-ui-tree-handle {
  cursor: move;
  text-decoration: none;
  font-weight: 700;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  min-height: 20px;
  line-height: 20px;
}

.angular-ui-tree-drag {
  position: absolute;
  pointer-events: none;
  z-index: 999;
  opacity: .8;
}

.video-wrap {
  position: relative;
  cursor: pointer;
}

.history_cnt .down-link {
  color: #0DA7DB;
}

.history_cnt .down-link:before {
  background-position: -201px -879px!important;
}

.video-prev-dialog-img {
  max-height: 600px;
  max-width: 800px;
}

.video-error {
  color: red;
  position: absolute;
  top: 30%;
  text-align: center;
  width: 100%;
  z-index: 10;
  font-size: 1.2em;
}

.sound-bubble {
  position: relative;
  height: 30px;
  background: #0da7db;
  border-radius: 4px;
  box-sizing: content-box;
  min-width: 60px;
  cursor: pointer;
  margin-right: 30px;
}

.black-textarea,
.custom-event,
.long-mark,
.tag-list {
  box-sizing: border-box;
}

.sound-bubble:before {
  content: "";
  display: block;
  position: absolute;
  left: 5px;
  top: 5px;
  width: 20px;
  height: 20px;
  background: url("../_assit/service_icon-3215e5ef3b.png") -136px -499px no-repeat;
}

.chat-his-convert {
  position: absolute;
  z-index: 999;
  min-width: 120px;
  background: #fff;
  box-shadow: 0 0 4px #ccc;
  line-height: 30px;
  padding: 0 8px;
  cursor: pointer;
}

.down-link,
.msg-file-record,
.sound-wrap .msg-file-link {
  position: relative;
}

.chat-his-convert:hover {
  background: #ebeff2;
}

.chat-his-convert-error,
.chat-his-convert-msg {
  position: relative;
  background: #f1f1f1;
  line-height: 28px;
  padding: 0 10px;
  margin: 6px 0 3px;
}

.chat-his-convert-error {
  background: #f1f1f1;
  border-radius: 4px;
  color: #aaa;
  padding-left: 6px;
  display: inline-block;
}

.chat-his-convert-error::before {
  font-family: echat;
  content: '\e683';
  font-size: 18px;
  vertical-align: bottom;
  padding-right: 4px;
  display: inline-block;
  transform: scale(1.2);
}

.dist-status>span:before,
.editor-translator-ing span,
.icon-trans,
.menu_cate_title,
.tag-item-del {
  vertical-align: middle;
}

.chat-his-convert-error.hide,
.chat-his-convert-msg.hide {
  display: none;
}

.down-link {
  margin: 2px 0 0 20px;
  color: #fff;
  text-decoration: none;
}

.down-link:hover {
  text-decoration: underline;
}

.msg-file-record {
  width: 250px;
  background-color: #f1f1f1;
  padding: 8px;
  text-align: center;
}

.msg-file-record .file_info_detail {
  padding-left: 70px;
}

.msg-file-record .file_download {
  font-size: 12px;
  color: #3da7db;
  cursor: pointer;
}

.file_msg_down>.down-link,
.sound-wrap~.audio-link>.down-link {
  color: #0DA7DB;
}

.msg-file-record .file_info_name {
  padding-top: 8px;
  text-align: left;
}

.msg-file-record .file_info_size {
  margin-top: 4px;
  text-align: left;
}

.msg-file-record .fileIcon {
  top: 10px;
  left: 5px;
}

.sound-wrap~.audio-link>.down-link:before {
  bottom: -1px;
  background-position: -201px -879px;
}

.down-link:before {
  position: absolute;
  content: "";
  width: 18px;
  height: 20px;
  left: -20px;
  top: 0;
  background: url("../_assit/service_icon-3215e5ef3b.png") -241px -879px no-repeat;
}

.file_msg_down>.down-link:before {
  background-position: -201px -879px;
  bottom: -1px;
}

div .sound-status2:before {
  background: url("../_assit/sounding2-45f2fd80ff.gif") center center no-repeat;
}

.sound-duration {
  position: absolute;
  width: 30px;
  height: 30px;
  line-height: 30px;
  right: -34px;
  top: 0;
}

.long-mark {
  display: inline-block;
  min-width: 16px;
  max-width: 37px;
  padding: 0 3px;
  height: 16px;
  line-height: 16px;
  border-radius: 8px;
  color: #FFF;
  background: #F05858;
}

.chat-evaluate {
  width: 280px;
  margin: 15px auto;
  padding: 5px 20px;
  border: 1px solid #eee;
}

.history_cnt .chat-evaluate {
  width: 100%;
  max-width: 280px;
}

.chat-evaluate .sa-stars {
  border-radius: 2px;
  white-space: normal;
}

.sa-sli {
  float: left;
  width: 23px;
  height: 24px;
  margin-right: 6px;
  background: url("../_assit/service_icon-3215e5ef3b.png") -362px -837px no-repeat;
}

.sa-star-level1 .sa-sli,
.sa-star-level2 .sa-sli:nth-child(3),
.sa-star-level2 .sa-sli:nth-child(4),
.sa-star-level2 .sa-sli:nth-child(5),
.sa-star-level3 .sa-sli:nth-child(4),
.sa-star-level3 .sa-sli:nth-child(5),
.sa-star-level4 .sa-sli:last-child {
  background-position: -398px -837px;
}

.sa-star-level1 .sa-sli:first-child {
  background-position: -362px -837px;
}

.sa-star-level0 .sa-sli {
  background-position: -398px -837px;
}

.chat-evaluate-line {
  padding: 4px;
  line-height: 24px;
  display: flex;
}

.chat-evaluate-line label {
  display: block;
  height: 24px;
  margin: 0 4px 0 0;
  padding: 0;
  text-align: left;
}

.chat-evaluate-con {
  flex: 1;
  word-break: break-all;
  white-space: pre-wrap;
  text-align: left;
}

.tip-evaluate {
  color: #888;
}

.inblack-show,
.inblack-show.unauth {
  position: relative;
  display: block!important;
}

.black-wrap {
  text-align: right;
  flex: 1;
}

.inblack>.btn-black-init,
.inblacked {
  display: none;
}

.inblack>.btn-black-remove {
  display: inline-block;
}

.black-wrap>div.unauth+.inblacked {
  position: absolute;
  display: block!important;
  width: 100%;
  height: 24px;
  line-height: 24px;
}

.btn-black-init {
  display: inline-block;
  width: auto;
  cursor: pointer;
}

.icon-black {
  background-position: -542px -680px;
  width: 20px;
  height: 20px;
}

.black-textarea {
  display: block;
  padding: 6px 4px;
  height: 62px;
  width: 220px;
  border: 1px solid #DCDCDC;
  outline: 0;
  resize: none;
}

.black-textarea:focus {
  outline: #93b5ec solid 1px;
}

.black-btns {
  width: 220px;
}

.btn-black-cancel,
.btn-black-ok {
  display: inline-block;
  height: 30px;
  line-height: 30px;
  text-align: center;
  width: 50%;
  cursor: pointer;
}

.btn-black-ok {
  background: #fe0100;
  color: #fff;
}

.btn-black-cancel {
  background: #d2d2d2;
}

.btn-black-remove {
  display: none;
  color: #fff;
  padding: 3px 8px;
  width: auto;
  cursor: pointer;
  border-radius: 2px;
  background-color: #707070;
  font-size: .8rem;
  margin: 2px 8px 0 0;
}

.block-dialog .ngdialog-content {
  min-width: 370px;
  width: 370px!important;
  margin-left: -185px!important;
}

.block-visitor {
  display: block;
  padding: 14px 18px;
}

.block-visitor .dialog-prompt-item {
  display: flex;
  padding: 6px 0;
}

.block-visitor label {
  font-weight: 400;
  font-size: 14px;
}

.block-visitor .dialog-prompt-input,
.block-visitor .dialog-prompt-item,
.block-visitor .dialog-prompt-label {
  color: #666;
}

.block-visitor .dialog-btns {
  text-align: center;
  padding: 0;
}

.block-type>div {
  padding-bottom: 10px;
}

.block-type input[type=radio] {
  margin-right: 8px;
  appearance: none;
  outline: 0;
  -webkit-appearance: none;
}

.block-type input[type=radio]:before {
  content: "\e7d4";
  font-size: 16px;
}

.block-type input[type=radio]:checked:before {
  content: "\e7e9";
  color: #30e18d;
}

.block-visitor .dialog-prompt-label {
  width: 86px;
  padding-right: 2px;
}

.block-ip {
  color: #888;
  font-size: 13px;
  margin-left: 18px;
  padding-right: 16px;
}

.block-reason {
  width: 250px;
  resize: none;
  border-radius: 2px;
  padding: 4px;
  font-size: 12px;
  border: 1px solid #ccc;
  line-height: normal;
}

.block-visitor input[type=text] {
  margin: 0;
  width: 250px;
  border-radius: 2px;
  border: 1px solid #ccc;
}

.block-visitor .btn-default {
  color: #fff;
  margin: 8px;
  background-color: #d0d0d0;
}

.block-visitor .btn-default:hover {
  background-color: silver;
}

.dialog-date {
  height: 26px;
  width: 250px;
  margin: 0;
  z-index: 9999;
}

.ext-decrator-line,
.ext-operate-wrap {
  display: none;
  z-index: 10;
  position: absolute;
  left: 0;
}

.ext-operate-wrap {
  bottom: 34px;
  width: 100%;
  min-height: 34px;
  max-height: 100px;
  overflow: visible!important;
  box-shadow: 0 -2px 7px 1px #eee;
  background-color: #FFF;
}

.center-decrator-line,
.chat-decrator-line,
.ext-decrator-line,
.leave-decrator-line {
  height: 34px;
  background-color: #e7e7e7;
}

.ext-decrator-line {
  bottom: 0;
  right: 0;
}

.center-decrator-line {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
}

.ext_faq .ext-decrator-line,
.ext_preview .ext-decrator-line,
.ext_urls .ext-decrator-line,
.ext_visinfo .ext-decrator-line {
  display: block;
}

.ext-operates {
  position: relative;
  display: flex;
  padding: 5px;
  font-size: 12px;
  color: #888;
}

.icon-del,
.icon-tag {
  display: inline-block;
}

.ext-operates>div {
  text-align: center;
}

.tag-select {
  flex: 1;
  cursor: pointer;
  padding: 1px;
}

.icon-tag {
  width: 22px;
  height: 20px;
  background-position: -282px -878px;
}

.tag-list {
  float: left;
  max-height: 65px;
  width: 100%;
  overflow: auto;
  padding: 5px 0 0 10px;
  background-color: #FFF;
  border-top: #eee 2px solid;
}

.tag-list-item {
  float: left;
  position: relative;
  padding: 2px 6px;
  color: #fff;
  background: #0da7db;
  border-radius: 15px;
  margin-right: 10px;
  margin-bottom: 8px;
  cursor: pointer;
  overflow: hidden;
  font-size: 13px;
}

.tag-item-del {
  position: absolute;
  transition: all .2s;
  padding: 3px 5px;
  top: 100%;
  left: 0;
  width: 100%;
  height: 100%;
  color: #fff;
  background: inherit;
  text-align: center;
}

.icon-del {
  width: 18px;
  height: 18px;
  background-position: -373px -681px;
}

.sel-tags,
.sel-tags:before {
  background: #fff;
  position: absolute;
}

.tag-list-item:hover .tag-item-del {
  top: 0;
}

.sel-tags {
  bottom: 34px;
  left: 10px;
  z-index: 11;
  padding: 10px 20px;
  box-shadow: 0 0 5px 2px #d5d5d5;
}

.sel-tags:before {
  content: '';
  display: block;
  bottom: -5px;
  left: 30px;
  width: 10px;
  height: 10px;
  transform: rotate(135deg);
}

.sel-tags-list {
  float: left;
}

.sel-tag-item {
  float: left;
  clear: both;
  padding: 3px 5px;
  margin-bottom: 4px;
  color: #FFF;
  background: #0da7db;
  border-radius: 2px;
  cursor: pointer;
  overflow: hidden;
  word-break: keep-all;
  white-space: nowrap;
}

.no-tag-item {
  color: inherit;
  display: inline-block;
  padding: 3px 5px;
}

body .ngdialog.bottom-dialog .ngdialog-content {
  position: absolute;
  left: 50%;
  top: 40%;
  margin-left: -200px;
}

.network-error {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 99999;
  top: 0;
  left: 0;
  padding-top: calc(25% - 100px);
  text-align: center;
  background-color: rgba(255,255,255,.99);
}

.network-err-icon {
  width: 220px;
  height: 96px;
  background-position: -18000px -9450px;
}

.network-error-tip span {
  color: #0da7db;
}

.network-error-tip span:hover {
  cursor: pointer;
  text-decoration: underline;
}

.react-global-floating {
  position: relative;
  z-index: 11190;
}

.msg-link,
.msg-mail,
.msg-tel {
  text-decoration: underline;
  color: #00e;
}

.capture-download a,
.custom-event {
  text-decoration: none;
}

.custom-event {
  display: inline-block;
  min-width: 150px;
  max-width: 300px;
  padding: 8px;
  border-radius: 4px;
  border: 2px solid #0da7db;
  text-align: left;
  font-size: 12px;
  overflow: hidden;
  color: inherit;
  background: #FFF;
}

.custom-event-memo>a,
.lunch-detail a[href],
.menu_cate_item:hover,
.msg-track a[href] {
  text-decoration: underline;
}

.custom-event-wrap {
  overflow: hidden;
  display: flex;
}

.custom-event-img {
  display: block;
  width: 100px;
  height: 100px;
}

.custom-event-content {
  padding-left: 10px;
  flex: 1;
}

.custom-event-title {
  color: #000;
  font-weight: 600;
  font-size: 14px;
  margin-bottom: 10px;
  height: auto;
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
}

.custom-event-detail {
  color: #8b8b8f;
  overflow: hidden;
  text-overflow: ellipsis;
}

.custom-event-memo {
  display: flex;
  margin-top: 6px;
  padding-top: 6px;
  border-top: 1px solid #dcdcdc;
  color: #8b8b8f;
}

.custom-event-memo>span {
  flex: 1;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.custom-event-memo>a {
  color: #0da7db;
}

.dist-box {
  display: none;
  position: absolute;
  min-width: 240px;
  max-width: 315px;
  height: 372px;
  background-color: #fff;
  box-shadow: 0 0 14px 0 #bbb;
  z-index: 9998;
  padding: 8px 3px 8px 10px;
}

.dist-dep-staffs {
  position: relative;
  border-width: 8px 0 8px 10px;
  height: 358px;
  overflow-y: auto;
}

.dist-dep-staffs::-webkit-scrollbar {
  width: 4px;
}

.dist-dep-staffs::-webkit-scrollbar-track {
  background-color: #f1f1f1;
}

.dist-dep-staffs li {
  cursor: default;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.dist-dep-name {
  display: flex;
  height: 38px;
  border-bottom: 1px solid #eaebec;
  padding-left: 27px;
  position: relative;
}

.dist-dep-name:hover {
  border-bottom: 1px solid #ccc;
}

.dist-dep-name i {
  font-family: echat;
  display: inline-block;
  font-style: normal;
}

.dist-dep-name.share i::before {
  content: '\e6ae';
  color: #49b44e;
  font-size: 18px;
  position: absolute;
  right: 9px;
}

.dist-dep-name.notshare i::before {
  content: '\e6c0';
  color: #e63337;
  font-size: 18px;
  position: absolute;
  right: 9px;
}

.dist-title {
  color: #0da7db;
}

.dist-depname-span {
  max-width: calc(100% - 28px);
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.dist-staff-ul {
  margin-right: 3px;
}

.dist-staff-ul>li {
  background-color: #f8fcff;
  min-height: 38px;
  line-height: 37px;
}

.dist-staffs {
  background-color: #fff;
  padding-left: 27px;
}

.dist-staffs li {
  height: 28px;
  line-height: 28px;
}

.dist-staffs li:hover {
  color: #000;
}

.dist-status>span:before {
  display: inline-block;
  width: 15px;
  height: 15px;
  margin-right: 6px;
  content: '';
  background-image: url("../_assit/service_icon-3215e5ef3b.png");
}

.dist-status.status1>span:before {
  background-position: -445px -423px;
}

.dist-status.status2>span:before {
  background-position: -445px -439px;
}

.dist-status.status3>span:before {
  background-position: -463px -439px;
}

.dist-status.status4>span:before {
  background-position: -462px -423px;
}

.dist-status.status5>span:before {
  background-position: -480px -423px;
}

.dist-status>.btn {
  display: none;
  height: 28px;
  line-height: 14px;
  background-color: #0da7db;
  color: #fff;
  margin-left: 10px;
}

.dist-status:hover>.btn {
  display: inline-block;
}

.dist-status.dist-waiting:after {
  display: inline-block;
  content: '\e61c';
  color: #2c8e2f;
  margin-left: 10px;
  animation: rotateInt .8s linear infinite;
}

.dist-status-num {
  position: absolute;
  right: 0;
  color: #ccc;
  font-style: normal;
  margin-right: 15px;
  font-size: 12px;
}

.dist-indic {
  position: absolute;
  left: -5px;
  width: 12px;
  height: 12px;
  background-color: #fff;
  box-shadow: -2px 2px 2px 0 #d8d8d8;
  transform: rotate(45deg);
}

.dist-indic.dist-wind-indic {
  left: 35px;
  bottom: -4px;
  transform: rotate(-45deg);
}

.flex-row {
  display: -webkit-flex;
  display: flex;
  flex-flow: row wrap;
  justify-content: flex-start;
  align-content: flex-start;
}

.more-menu-item.flex-row-item {
  min-width: 150px;
  flex: 1 0 auto;
}

.more_menu {
  margin: 0;
  height: 100%;
}

.more_menu .more-menu-box {
  width: 210px;
  height: 100%;
  padding: 10px;
  background: #fff;
  color: #797979;
  overflow: hidden;
  box-shadow: 4px 0 10px -2px #B9B9B9;
  margin-right: 6px;
}

.more-menu-inset {
  height: 100%;
  overflow: hidden;
  overflow-y: auto;
  border-top: 2px solid #ececec;
}

.more_menu.ng-hide {
  display: none;
}

.more_menu_header {
  height: 70px;
  color: #000;
  text-align: center;
}

.more_menu_header>span {
  line-height: 100px;
  font-size: 16px;
  cursor: default;
}

.more_menu_cate {
  position: relative;
  padding: 10px 30px;
  background-color: #eee;
}

.more_menu_cate:after {
  position: absolute;
  top: 50%;
  right: 18px;
  content: '\e64e';
  transform: rotate(180deg);
  font-family: echat;
  margin-top: -12px;
  line-height: 20px;
}

.menu_cate_title {
  font-size: 14px;
  color: #333;
  font-weight: 700;
  cursor: default;
  line-height: 20px;
}

.more_menu_item {
  margin-bottom: 1px;
}

.menu_cate_item {
  display: none;
  position: relative;
  line-height: 20px;
  padding: 5px 10px 5px 40px;
  cursor: pointer;
  font-size: 12px;
}

.menu-expand.more_menu_item .more_menu_cate:after {
  transform: rotate(270deg);
}

.menu-expand .menu_cate_item {
  display: block;
}

.menu-expand .menu_cate_item_none,
.more-menu-sublist .menu_cate_item_none {
  display: none;
}

.menu-expand .menu_cate_item_block,
.more-menu-sublist .menu_cate_item_block {
  display: block;
}

.menu_cate_item:before {
  position: relative;
  top: -2px;
  left: -8px;
  width: 6px;
  height: 6px;
  border-radius: 4px;
  background-color: #888;
  content: '';
  display: inline-block;
}

.menu_cate_item:hover {
  color: #00ABE2;
}

.menu_cate_item.nav-current {
  background-color: #434343;
  color: #fff;
}

.nav-current:before {
  background-color: #fff;
}

.more-menu {
  position: absolute;
  right: 0;
  top: 0;
  z-index: 1009;
  height: calc(100% - 260px);
  width: 530px;
  margin: 260px -530px 0 0;
  background: rgba(24,29,35,.95);
  transition: top .4s;
  box-shadow: 4px -3px 10px -2px #B9B9B9;
}

.ng-hide.more-menu {
  top: 80%;
}

.more-menu .more-menu-box {
  padding: 0 2px 0 0;
  margin: 16px 0 10px 15px;
  width: 508px;
  box-sizing: content-box;
  height: calc(100% - 26px);
  overflow-x: hidden;
  overflow-y: auto;
  font-size: 12px;
}

.more-menu-sublist {
  margin-bottom: 20px;
}

.more-menu-title {
  line-height: 30px;
  color: #888;
}

.more-menu-item {
  height: 60px;
  margin-right: 2px;
  margin-bottom: 2px;
  padding: 0 6px;
  background: rgba(67,77,88,.6);
  color: #eee;
  line-height: 28px;
  text-align: center;
  cursor: pointer;
  max-width: 250px;
}

.more-menu-item.alone {
  min-width: 150px;
}

.more-menu-item span {
  display: inline-block;
  min-width: 68px;
}

.more-menu-item:before {
  display: block;
  margin-top: 10px;
  line-height: 20px;
  text-align: center;
  font-size: 24px;
  color: #eee;
}

.more-menu-item.echat-xiaoxichehui::before {
  font-size: 19px;
}

.more-menu-item.nav-current,
.more-menu-item.nav-current:before,
.more-menu-item:hover {
  background-color: #0da7db;
  color: #fff;
}

.chat-translate-tool .chat-translate {
  display: block;
}

.chat-translate {
  display: none;
}

.translate-wnd {
  background: #fff;
  font-size: 12px;
}

.translate-sel {
  margin: 10px 10px 2px;
  padding: 10px 5px 10px 15px;
  box-shadow: 0 0 3px 1px #ccc;
  border-radius: 2px;
  max-height: 400px;
  overflow: auto;
}

.translate-sel-title {
  font-weight: 700;
  line-height: 36px;
  font-size: 14px;
  padding-left: 10px;
}

.translate-lan-error {
  margin-top: 4px;
  margin-left: 10px;
  margin-right: 20px;
  padding-top: 15px;
  padding-bottom: 6px;
  border-top: 1px solid #eaeaea;
}

.translate-lan-error-con {
  line-height: 32px;
  padding-left: 8px;
  background-color: #FFE9E4;
  border-radius: 4px;
  color: #888;
}

.translate-sel-auto {
  background: #f2f2f2;
  line-height: 22px;
  padding: 5px 10px;
  margin: 0 -5px 15px -15px;
}

.translate-sel-auto-title {
  padding-left: 13px;
}

.translate-fast-list {
  padding: 6px 5px 0;
}

.translate-sel-item {
  float: left;
  width: 110px;
  padding: 0 8px;
  line-height: 20px;
  text-overflow: ellipsis;
  cursor: pointer;
  margin: 0 10px 4px 0;
}

.translate-sel-item.lan-selected,
.translate-sel-item:hover {
  background: #cfedf8;
}

.translate-tool {
  padding: 4px 10px;
  background: #e7e7e7;
}

.sel-lan-button {
  position: relative;
  height: 26px;
  line-height: 24px;
  padding: 0 20px;
  border: 1px solid #ccc;
  border-radius: 4px;
  min-width: 120px;
  max-width: 220px;
  margin-right: 10px;
  cursor: pointer;
  text-align: center;
  overflow: hidden;
  text-overflow: ellipsis;
}

.icon-sel {
  position: absolute;
  right: 8px;
  top: 8px;
  width: 10px;
  height: 10px;
}

.translate-tool .btn {
  line-height: 22px;
  margin-right: 6px;
}

.editor-translator {
  display: none;
  height: 50px;
  padding: 5px 10px;
  overflow: auto;
  background: #e2e7e9;
}

.btn-clipboard,
.btn-clipboard:hover .tooltip-help {
  background-color: #fff;
  display: block;
}

.editor-translate-show.editor-manager {
  height: calc(100% - 118px);
  overflow: auto;
}

.pend-chat .editor-translate-show.editor-manager {
  overflow: auto;
}

.editor-translate-error.editor-translator,
.editor-translate-ing.editor-translator,
.editor-translate-suc.editor-translator {
  display: block;
}

.editor-translator-content {
  height: 40px;
  line-height: 20px;
  color: #888;
  font-family: inherit;
  margin: 0;
  word-break: break-all;
  white-space: pre-wrap;
  overflow-y: auto;
  -webkit-user-modify: read-write-plaintext-only;
}

.lunch-detail-lanchoose i,
.lunch-detail-pen {
  font-family: echat;
}

.editor-translator-content:focus {
  outline: 0;
}

.editor-translator-content img {
  max-width: 100%;
}

.color-tip {
  color: #888;
}

.editor-translator-error,
.editor-translator-ing {
  display: none;
  height: 50px;
  padding-top: 12px;
  margin: 0 auto;
  vertical-align: middle;
  text-align: center;
  font-size: 12px;
  color: #888;
}

.editor-translator-ing img {
  margin-right: 8px;
}

.chat_translate img {
  margin-right: 8px;
  max-width: 100%;
}

.editor-translate-error .editor-translator-content,
.editor-translate-ing .editor-translator-content {
  display: none;
}

.editor-translate-error .editor-translator-error,
.editor-translate-ing .editor-translator-ing {
  display: block;
}

.sel-lan-icon {
  width: 30px;
  height: 26px;
  margin: 0 6px;
}

.icon-trans {
  display: inline-block;
  width: 20px;
  height: 20px;
  padding: 0!important;
}

.translate-no {
  line-height: 200px;
  text-align: center;
}

.chat_translate-error {
  color: #888;
}

.tooltip-help,
.tooltip-help:after {
  position: absolute;
  z-index: 10;
  color: #323232;
  background: #fff;
}

.tooltip-help {
  display: none;
  bottom: 23px;
  left: -37px;
  width: 56px;
  border-radius: 4px;
  padding: 4px;
  box-shadow: 0 2px 3px 1px #ccc;
  text-indent: 0;
  text-align: center;
}

.tooltip-help:after {
  content: "";
  width: 5px;
  height: 5px;
  transform: rotate(-45deg);
  bottom: -3px;
  left: 45px;
  box-shadow: -1px 4px 3px 1px #ccc;
}

.btn-clipboard {
  width: 22px;
  height: 22px;
  cursor: pointer;
  position: relative;
  padding: 0;
  font-size: 12px;
  color: #767676;
  border-radius: 0;
}

.capture-tool .capture-tool-list {
  display: block;
}

.capture .icon,
.choice-box2>* {
  display: inline-block;
}

.capture-tool-list {
  position: absolute;
  top: 32px;
  height: 32px;
  left: 0;
  min-width: 185px;
  padding-right: 15px;
  white-space: nowrap;
  word-break: keep-all;
  z-index: 99999999;
  color: #323232;
  background: #fff;
  box-shadow: 0 0 3px #ccc;
}

.capture .icon {
  height: 100%;
  vertical-align: top;
}

.chat_Tips,
.chat_Tips.error::before,
.choice-box2>*,
.crm-info-grade,
.custom_memo,
.sort-btn i {
  vertical-align: middle;
}

.icon-moremenu {
  width: 20px;
  background-position: -175px -952px;
}

.chat-toolbar>.capture {
  width: 42px;
  position: relative;
  background-image: none!important;
  overflow: visible!important;
}

.capture-tool-list .icon,
.capture-tool-list span {
  display: inline-block;
  vertical-align: middle;
}

.capture-tool-list .icon {
  width: 20px;
  margin: 0 8px;
}

.icon-selected {
  background-position: -604px -753px;
}

.icon-checkbox,
.icon-radio {
  color: #ccc;
  font-style: normal;
  font-size: 18px;
  cursor: pointer;
}

.icon-checkbox.checked,
.icon-radio.checked {
  color: #0DA7DB;
}

.custom_info_form>div>.ext_info_item {
  display: flex;
}

.custom_memo {
  width: calc(100% - 84px);
  border: none;
  line-height: normal;
  resize: vertical;
}

.custom_info_form>div>.ext_info_item:hover label {
  color: #444;
}

.custom_info_form>div>.ext_info_item:hover input,
.custom_info_form>div>.ext_info_item:hover select {
  border-bottom: 1px solid #d0d0d0;
}

.ext_info_edit {
  width: calc(100% - 60px);
  outline: 0;
  border: none;
  margin: 0;
  background: 0 0;
  padding-left: 6px;
  color: #7d7d7d;
  font-size: 12px;
  position: relative;
}

.ext_info_item input,
.ext_info_item select {
  width: 100%;
  box-sizing: border-box;
  border-bottom: 1px solid transparent;
}

.choice-box2 {
  display: inline-block;
  margin-right: 12px;
}

.crm-info-item {
  height: auto;
}

.crm-pack-up {
  display: inline-block;
  width: 100%;
  height: 40px;
  line-height: 40px;
  text-align: right;
  color: #0DA7DB;
  border-bottom: 1px solid #f5f5f5;
  cursor: pointer;
  padding-right: 15px;
}

.crm-info-grade,
.crm-info-grade:before {
  display: inline-block;
  color: #fc7d17!important;
}

.crm-pack-up .crm-icon-switch {
  display: inline-block;
  transform: rotate(180deg);
}

.crm-pack-up .crm-icon-switch.packUp {
  transform: rotate(0);
}

.custom_info_form .ext_info_item {
  overflow: visible;
}

.crm-down-group .dialog-date {
  width: 200px;
  z-index: 97;
  position: absolute;
}

.crm-down-group ._720kb-datepicker-calendar {
  min-width: 200px;
}

.sumup-detail-right .crm-down-group ._720kb-datepicker-calendar {
  left: -30px;
}

.crm-down-group ._720kb-datepicker-calendar-days-header div {
  width: 14.28%;
}

.sumup-detail-right .crm-down-group ._720kb-datepicker-calendar-years-pagination-pages a,
.sumup-detail-right .crm-down-group ._720kb-datepicker-calendar-years-pagination-pages a:hover {
  line-height: 6px;
  box-sizing: border-box;
}

.crm-info-grade {
  position: relative;
  font-size: .85rem;
  overflow: hidden;
  border-radius: 1px;
  text-indent: 0;
}

.crm-info-grade:before {
  content: '\e625';
  width: 15px;
  font-size: 1.2rem;
  line-height: 20px;
}

.lunch-detail,
.msg-track {
  margin: 10px 10%;
  border: 1px solid #ccc;
  background: #f8f8f8;
  padding: 10px 10px 2px;
  text-align: left;
  border-radius: 4px;
}

.lunch-detail-pen {
  margin-left: 10px;
  position: relative;
}

.lunch-detail-pen::before {
  content: '\e67a';
  color: #bbb;
  font-style: normal;
  font-size: 18px;
  position: absolute;
  top: -2px;
  cursor: pointer;
}

.lunch-detail-lan {
  font-weight: 700;
  text-align: left;
  color: #323232;
  font-size: 14px;
  line-height: 1;
  margin-bottom: 20px;
}

.lunch-detail-lan>span {
  color: #0da7db;
}

.lunch-detail-lanchoose .ngdialog-content {
  width: 360px!important;
  min-width: 360px;
  margin-left: -180px!important;
}

.lunch-detail-lanchoose .dialog-cnt .lan-select {
  position: relative;
  height: 32px;
  width: 100%;
}

.lunch-detail-lanchoose input {
  z-index: 9;
}

.lunch-detail-lanchoose .lan-value,
.lunch-detail-lanchoose input {
  width: 100%;
  height: 32px;
  line-height: 32px;
  background: 0 0;
  border: 1px solid #d9d9d9;
  border-radius: 2px;
  outline: 0;
  font-size: 14px;
  padding: 0 10px;
  position: absolute;
  bottom: 0;
}

.lunch-detail-lanchoose .lan-no-value {
  color: #ccc;
}

.lunch-detail-lanchoose input:focus {
  border-color: #57b0fa;
  box-shadow: rgb(24 144 255 / 17%) 0 0 0 1.7px;
  transition-delay: 0s;
  transition-duration: .3s;
  transition-property: all;
  transition-timing-function: ease;
}

.lunch-detail-lanchoose ul {
  position: absolute;
  width: 100%;
  top: 32px;
  display: none;
  list-style: none;
  max-height: 250px;
  background: #fff;
  border-radius: 3px;
  box-shadow: 0 0 20px 0 rgba(0,0,0,.15);
  overflow-y: auto;
  border: 5px solid #fff;
  border-right-width: 0;
  border-left-width: 0;
}

.lunch-detail-lanchoose ul>li:first-child {
  margin-top: 5px;
}

.lunch-detail-lanchoose ul>li:last-child {
  margin-bottom: 5px;
}

.lunch-detail-lanchoose ul>li {
  height: 30px;
  line-height: 30px;
  font-weight: 400;
  font-size: 14px;
  text-align: left;
  padding: 0 10px;
  margin: 0;
  list-style: none;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

.lunch-detail-lanchoose ul>li:hover {
  background-color: #eee;
}

.lunch-detail-lanchoose ul>li.selected {
  background-color: #e6f7ff;
}

.lunch-detail-lanchoose i {
  width: 34px;
  position: absolute;
  display: block;
  height: 32px;
  text-align: center;
  line-height: 32px;
  bottom: 0;
  right: 0;
  font-style: normal;
  cursor: pointer;
}

.lunch-detail-lanchoose i::before {
  content: '\e611';
  font-size: 14px;
  display: block;
  color: #ccc;
  transform: rotate(180deg) scale(1.2);
}

.lunch-detail-lanchoose input:focus~ul {
  display: block;
}

.lunch-detail-lanchoose input:focus~i::before {
  content: '\e665';
  transform: rotate(0) scale(1.2);
}

.lunch-detail-lanchoose input:focus~.lan-value {
  color: #ccc!important;
}

.msg-track {
  display: inline-block;
  padding: 6px 8px;
  margin: 0 10%;
}

.lunch-detail-line {
  padding-bottom: 8px;
  display: flex;
}

.lunch-detail-line dt {
  display: block;
  margin: 0 6px 0 0;
  white-space: nowrap;
  word-break: keep-all;
}

.lunch-detail-line dt:after {
  content: ':';
  display: inline-block;
  padding: 0 2px 0 4px;
}

.lunch-detail-line dd {
  display: block;
  flex: 1;
  margin: 0;
  white-space: pre-wrap;
  word-break: break-all;
}

.lunch-detail a,
.msg-track a {
  color: #0da7db;
  cursor: pointer;
}

.todo-info {
  background: #fff;
  text-align: center;
  border-radius: 8px;
  padding: 8px 0 6px;
  margin-bottom: 10px;
  cursor: pointer;
}

.msg-transfer-con {
  text-align: left;
  margin: 2px 0;
}

.msg-transfer-con+.msg-transfer-con {
  margin-top: 4px;
}

.drag-line {
  position: absolute;
  top: 0;
  height: 4px;
  width: 100%;
  z-index: 2;
  cursor: s-resize;
}

.drag-line:hover {
  background-color: #e3e3e3;
}

.white-nowrap {
  overflow: auto;
}

.sort-wrap {
  display: flex;
  display: -webkit-flex;
  height: 46px;
  line-height: 26px;
  padding: 10px 0;
  left: 70px;
  width: 300px;
  background: #fff;
}

.sort-btn {
  padding-left: 28px;
  padding-right: 5px;
  height: 26px;
  line-height: 26px;
  cursor: pointer;
}

.sort-tip {
  flex: 1;
  text-align: center;
  color: #ccc;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.sort-btn i {
  display: inline-block;
  height: 12px;
  border-right: 1px solid #ccc;
  font-size: 10px;
  font-style: normal;
  transform: scale(.8,.8);
}

.sort-btn-wait,
.sort-tip-mini {
  font-size: 12px;
}

.sort-btn i::before {
  content: '\e60e';
  padding-right: 13px;
  padding-left: 2px;
  position: relative;
  top: -5px;
}

.sort-tip i::before {
  content: '\e615';
  padding-right: 6px;
  font-style: normal;
}

.sort-list {
  display: none;
  position: absolute;
  top: 36px;
  left: 28px;
  z-index: 10;
  background: #fff;
  box-shadow: 0 0 4px #ccc;
}

.sort-list-show {
  display: block;
}

.context-list-info,
.context-list-item,
.sort-list-info,
.sort-list-item {
  line-height: 30px;
  padding: 0 8px;
}

.context-list-item,
.sort-list-item {
  color: #666;
  cursor: pointer;
}

.context-list-disabled,
.context-list-info,
.sort-list-info {
  color: #ccc;
  cursor: default;
}

.context-list-item:hover,
.sort-list-item:hover,
.sort-list-selected {
  background: #ebeff2;
}

.sort-list-selected::after {
  content: '\e61f';
  color: #0da7db;
  margin-left: 23px;
}

.noscroll {
  overflow: hidden!important;
}

.chat-list-wrap {
  height: calc(100% - 46px);
  overflow-x: hidden;
  overflow-y: auto;
  position: relative;
}

.chat-list-wrap>div {
  background: #fff;
}

.chat-list-wrap .visitor_item.no-data-icon {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  z-index: 0;
}

.chat-list-wrap .visitor_item {
  position: relative;
  z-index: 1;
}

.sort-btn-wait {
  display: inline-block;
}

.context-hismenus,
.context-hismenus>.context-list-item,
.context-menu-type1 .context-list-info,
.context-menu-type1::before {
  display: none;
}

.btn-wait-selected {
  color: #0da7db;
}

.sort-btn .sort-btn-wait i {
  padding-right: 2px;
}

.sort-btn .sort-btn-wait i::before {
  content: '';
  padding: 0 3px;
}

.context-menu-wrap {
  position: absolute;
  display: none;
  left: 321px;
  top: 142px;
  z-index: 999;
  min-width: 120px;
  background: #fff;
  box-shadow: 0 0 4px #ccc;
}

.editor_cover .btn-sm-new {
  border-radius: 0;
  -webkit-border-radius: 0;
  background: #fff;
  border: 1px solid #0da7db;
  color: #0da7db;
  width: auto;
  padding: 4px 10px;
}

.context-hismenus::before {
  content: none;
}

.fake-copy-textarea {
  position: fixed;
  top: 0;
  left: 0;
  width: 2em;
  height: 2em;
  padding: 0;
  border: none;
  outline: 0;
  box-shadow: none;
  background: 0 0;
}

.context-copy {
  user-select: none;
}

.ctx-canconvert>.context-convert,
.ctx-cancopy>.context-copy,
.ctx-candraft>.context-draft,
.ctx-canmanual>.context-manual,
.ctx-canrecomm>.context-recomm,
.ctx-canwithdraw>.context-withdrawmsg {
  display: block;
}

.ctx-disrecomm>.context-recomm {
  cursor: default;
  color: #ccc;
  display: none;
}

.context-list-staff .icon {
  width: 16px;
  height: 18px;
}

.chat-list-wrap .top-item {
  background: #f3f5f7;
}

.top-item .visitor_icon {
  overflow: hidden;
}

.top-item .visitor_icon::before {
  content: "";
  position: absolute;
  top: -8px;
  left: -8px;
  width: 18px;
  height: 18px;
  background: #44b549;
  transform: rotate(45deg);
  box-shadow: 0 0 5px #777;
  z-index: 1;
}

.spinner {
  margin: auto;
  width: 50px;
  height: 20px;
  text-align: center;
  display: flex;
  justify-content: space-around;
  padding: 5px;
}

.spinner>div {
  width: 10px;
  height: 10px;
  background-color: #888;
  border-radius: 100%;
  display: inline-block;
  -webkit-animation: bouncedelay 1.4s infinite ease-in-out;
  animation: bouncedelay 1.4s infinite ease-in-out;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

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

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

.backMsg-original {
  display: inline-block;
  position: relative;
}

.backMsg-oldMsg {
  position: absolute;
  box-shadow: 0 0 6px #ccc;
  box-sizing: content-box;
  text-align: left;
  padding: 3px 5px;
  background-color: #fff;
  color: #323232;
  border-radius: 2px;
  width: max-content;
  left: 50%;
  display: none;
  transform: translate(-50%,-100%);
  z-index: 999;
}

.distributionList-box,
.ext-faq-menu,
.ext-freq-urlinput,
.formtem {
  box-sizing: border-box;
}

.backMsg-original:hover .backMsg-oldMsg,
.backMsg-split {
  display: inline-block;
}

.backMsg-oldMsg.recordMsg {
  min-width: 150px!important;
}

.backMsg-oldMsg>div {
  max-width: 650px;
  max-height: 280px;
  overflow: auto;
}

.backMsg-split {
  transform: scale(.8);
}

.backMsg-oldMsg::after {
  position: absolute;
  content: '';
  width: 8px;
  height: 8px;
  background-color: #FFF;
  transform: rotate(45deg);
  bottom: -4px;
  left: 50%;
  margin-left: -4px;
  box-shadow: 1px 1px 1px #ccc;
  z-index: 9;
}

.chat_Tips {
  position: absolute;
  z-index: 999999999!important;
  top: 45%;
  left: 50%;
  transform: translate(-50%);
  padding: 6px 12px;
  background-color: #7f7f7f;
  border-radius: 25px;
  color: #FFF;
  display: none;
}

.chat_Tips.error {
  background-color: #e45038;
}

.chat_Tips.error::before {
  content: "\e699";
}

.file-video {
  width: 250px;
  height: 150px;
  line-height: 20px;
  display: flex;
  background-color: #000!important;
  flex-direction: column;
  cursor: pointer;
  border-radius: 5px;
  position: relative;
}

.file-video>div {
  position: absolute;
  width: 40px;
  height: 40px;
  left: 50%;
  margin-left: -20px;
  top: 40px;
}

.icon_video {
  background: url("../images/play.png") no-repeat;
  background-size: 100%;
}

.file-video>.video_logo {
  top: 85px;
  text-align: center;
  font-weight: 400;
  font-size: 12px;
  color: #FFF;
  width: 50px;
  margin-left: -25px;
}

.vipAngleLogo {
  display: inline-block;
  position: absolute;
  top: 36px;
  right: -5px;
  width: 14px;
  height: 14px;
  border: 2px solid #FFF;
  line-height: 7px;
  text-align: center;
  border-radius: 10px;
  background-color: #0da7db;
  color: #FFF;
}

.selected .vipAngleLogo {
  background-color: #FFF;
  border: 2px solid #0da7db;
  color: #0da7db;
}

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

  40% {
    -webkit-transform: scale(1);
  }
}

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

  40% {
    transform: scale(1);
    -webkit-transform: scale(1);
  }
}

.faq-import {
  width: 450px;
  height: auto;
  padding: 0;
  background-color: #fff;
  margin: 0;
  font-size: 14px;
}

.faq-import-title {
  width: 100%;
  height: 45px;
  line-height: 45px;
  background-color: #ebeff2;
  text-align: center;
  color: #333;
}

.faq-import-detail {
  width: 100%;
  padding: 13px 20px;
}

.faq-import-file {
  border: 1px dashed #ddd;
  padding: 24px 11px 8px;
  margin-bottom: 12px;
}

.faq-upload-type {
  color: #888;
  margin-bottom: 7px;
}

.faq-upload-type div span {
  display: inline-block;
  width: 18px;
  height: 18px;
  border: 1px solid #888;
  border-radius: 16px;
  vertical-align: sub;
  margin-right: 5px;
}

.faq-upload-type div span.selected_bg {
  background-image: url("../../common/css/img/icons.png");
  background-position: -214px -558px;
  background-repeat: no-repeat;
  border: 1px solid transparent;
}

.faq-upload-type .type-btn {
  display: inline-block;
  margin-left: 22px;
  cursor: pointer;
}

.faq-import .uploadBox {
  display: inline-block;
  width: auto;
  height: 35px;
  position: relative;
  vertical-align: middle;
  background-color: #0DA7DB;
  border: 1px solid #0DA7DB;
  border-radius: 3px;
}

.faq-import .upload_box {
  opacity: 0;
  position: absolute;
  width: 100px;
  height: 30px;
  top: 0;
  left: 0;
}

.upload-file {
  margin-bottom: 12px;
  white-space: normal;
}

.faq-import .uploadBox span {
  padding: 5px 17px;
  color: #fff;
  display: inline-block;
  font-family: echat;
}

.upload-icon {
  display: inline-block;
  font-size: 18px;
  font-style: normal;
  vertical-align: bottom;
  margin-right: 3px;
}

.distriBution-box {
  position: absolute;
  width: 280px;
  min-height: 160px;
  top: 230px;
  background-color: #FFF;
  box-shadow: 0 0 5px 2px #ddd;
  transition: all .3s ease-in-out;
  transition-property: top,opacity;
  animation-name: topToBottom-dist;
  animation-duration: .3s;
  animation-timing-function: ease-in-out;
  animation-iteration-count: 1;
}

.upload-file-text {
  display: inline-block;
  width: calc(100% - 130px);
  height: 35px;
  line-height: 35px;
  margin-left: 10px;
  color: #888;
  border: 1px solid #ddd;
  border-radius: 3px;
  vertical-align: middle;
  padding: 0 10px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  cursor: default;
}

.upload-file-remind {
  color: #888;
  font-size: 12px;
}

.faq-import-warning {
  white-space: nowrap;
  padding-left: 11px;
  color: #888;
  margin-bottom: 15px;
}

.faq-import-save {
  text-align: center;
  margin: 18px 0 5px;
}

.faq-import-save button {
  display: inline-block;
  padding: 6px 18px;
  color: #fff;
  background-color: #0da7db;
  width: auto;
  box-shadow: none;
  line-height: 1.4rem;
  border: 1px solid #0da7db;
  border-radius: 3px;
}

.faq-import-save button:focus {
  border-color: #0da7db;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);
  box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);
}

.ext-freq-labelgap-left::after,
.ext-freq-labelgap:before {
  border-left: 1px solid #ddd;
  position: relative;
  content: "";
}

.ext_faqMenu>.cm_lists,
.ext_orderlist>.cm_lists {
  height: calc(100% - 86px);
}

.ext-freq-container {
  width: 100%;
  display: flex;
  flex-direction: column;
  height: calc(100% - 34px);
  transition: transform .4s;
  overflow: auto;
}

.ext-freq-header {
  font-size: 12px;
  padding-left: 16px;
}

.ext-freq-labelgap:before {
  left: -8px;
}

.ext-freq-labelgap-left::after {
  right: -8px;
}

.ext-intaux-func {
  display: flex;
  flex: 1;
  overflow: auto;
  flex-direction: column;
  padding: 6px 10px 0 12px;
}

.ext-intaux-queryform {
  margin-top: 4px;
  padding-top: 16px;
  border-top: 1px solid #eee;
}

.ext-intaux-queryform.ext-freq-search {
  flex: none;
}

.ext-intaux-queryform input {
  width: calc(100% - 40px)!important;
}

.ext-intaux-rangconf {
  flex-wrap: wrap;
  color: #aaa;
  display: flex;
}

.ext-intaux-rangconf>* {
  padding-right: 20px;
}

.ext-intaux-rangconf div.icon-tick {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.ext-noperm-chat {
  cursor: pointer;
  color: #0da7db;
}

.ext-freq-search {
  flex: 1;
  border-radius: 3px;
  overflow: hidden;
}

.ext-freq-filesea {
  width: calc(100% - 130px);
}

.ext-file-ops {
  display: flex;
}

.ext-file-ops :first-child {
  font-size: 18px;
}

.ext-file-ops :nth-child(2) {
  font-size: 17px;
}

.ext-freq-search input {
  width: calc(100% - 40px);
  height: 30px;
  border: 0;
  outline: 0;
  box-shadow: none;
  background-color: #f5f5f5;
  color: #888;
  padding: 0 7px;
}

.ext-freq-search>.ng-not-empty~.icon-search,
.icon-input-clear {
  display: none!important;
}

.ext-freq-search>.ng-not-empty~.icon-input-clear {
  cursor: pointer;
  display: inline-block!important;
}

.ext-freq-close {
  color: #0DA7DB;
}

.smart-faq-detail {
  padding: 0 10px;
}

.ext-tool-sel {
  color: #0da7db!important;
}

.ext-freq-listempty {
  text-align: center;
  font-size: 12px;
  padding: 120px 6px 6px;
  color: #aaa;
}

.ext-freq-emptyico {
  color: #ccc;
  font-size: 72px;
  font-family: echat;
}

.ext-freq-category.expan>.ext-freq-listempty,
.ext-freq-category>.ext-freq-listempty {
  display: none;
}

.ext-freq-category.expan {
  max-height: none;
}

.freq_word_item:last-child {
  border-bottom: 1px solid #f7f7f7;
}

.entp .smart-faq-entp,
.pers .smart-faq-pers {
  color: #0DA7DB;
}

.ext-freq-urlinput {
  width: 100%;
  height: 100%;
  min-height: 86px;
  border: none;
  outline: 0;
  resize: vertical;
  padding: 2px 2px 2px 10px;
}

.ext-draft-tipemp,
.ext-intaux-closed,
.ext-intaux-empty,
.ext-recomm-closed {
  text-align: center;
  padding-top: 110px;
}

.ext-intaux-switchind {
  color: #0da7db;
}

.ext-intaux-switch::before {
  content: attr(unable);
}

.ext-intaux-on .ext-intaux-switch::before {
  content: attr(enable);
}

.ext-intaux-noverperm>.ext-intaux-noverpermtip {
  color: #999;
  display: block!important;
  text-align: center;
  padding-top: 150px;
}

.ext-intaux-ques {
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
}

.ext-intaux-quescnt {
  padding: 0 0 4px 14px;
  color: #888;
  overflow: hidden;
  text-overflow: ellipsis;
}

.intaux-closeicon {
  font-size: 70px;
  color: #bbb;
}

.ext-intaux-adddraft {
  font-size: 12px;
}

.ext-draft-tipemp {
  display: none;
}

.ext-draft-empty .ext-draft-tipemp {
  display: block;
}

.ext-draft-empty .ext-draft-lists {
  display: none;
}

.ext-intaux-adddraft .ngdialog-content {
  top: 40%!important;
  width: 420px!important;
  padding-bottom: 20px!important;
}

.ext-intaux-adddraft .btn-save {
  padding: 4px 15px;
}

.ext-draft-form {
  flex: 1;
}

.ext-draft-lists {
  flex: 1;
  overflow-y: auto;
  padding: 0 0 2px;
}

.ext-draft-item {
  position: relative;
  padding: 0 10px;
  margin: 8px 2px 0 6px;
  background-color: #fbfbfb;
  border: 1px solid #ddd;
}

.ext-draft-item:hover {
  border-color: #0da7db;
}

.ext-draft-addhead {
  height: 40px;
  position: relative;
  line-height: 40px;
  background: #eaeff2;
  text-align: center;
}

.ext-draft-addhead .draft-close {
  position: absolute;
  right: 10px;
  display: block;
  border-radius: 10px;
  top: 10px;
  height: 18px;
  width: 18px;
  color: #888;
  border: 1px solid #888;
  line-height: 18px;
  font-size: 14px;
  transform: rotate(45deg);
}

.draft-more {
  height: 30px;
  color: #0da7db;
  cursor: pointer;
  text-align: center;
  line-height: 30px;
}

.draft-more:hover {
  color: #0097c9;
}

.draft-close::before {
  content: "\e690";
}

.ext-draft-additem {
  display: flex;
  padding: 14px 20px;
  height: auto;
}

.ext-draft-additem label {
  padding-top: 4px;
}

.ext-draft-additem textarea {
  flex: 1;
  height: 42px;
  outline: 0;
  resize: none;
  padding: 4px 14px;
  border: 1px solid #ddd;
}

.ext-draft-additem.draft-content textarea {
  height: 56px;
}

.ext-draft-additem textarea::-webkit-input-placeholder {
  color: #bbb;
}

.btn-save {
  background-color: #0DA7DB;
  color: #fff;
}

.ql-formats button {
  outline: 0;
}

.ql-formats.btn-link {
  font-size: 13px;
  color: #005e7d;
}

.ext-faq-poptools .ql-toolbar {
  height: auto!important;
  padding: 3px 14px!important;
}

.smart-faq-edit-more {
  font-size: 12px;
  color: #0da7db;
  position: absolute;
  right: 5px;
  top: 0;
  cursor: pointer;
  line-height: 24px;
}

.ext-faq-popeditor .ngdialog-content {
  width: 680px!important;
  margin-left: -340px!important;
  padding: 20px 20px 10px!important;
  margin-top: -170px!important;
  top: 56%!important;
}

.ext-faq-popeditor .ext-freq-richedior {
  height: 226px;
  border-top: none!important;
  margin-bottom: 15px;
  padding: 6px 0;
}

.ext-freq-add-info {
  height: auto;
  padding: 10px 35px 0 15px;
}

.ext-faq-menu {
  width: 100%;
  height: 100%;
  border: 1px solid #ddd;
  background-color: #fff;
  padding: 0 10px;
  outline: 0;
  color: #5b5961;
}

.ext-faq-menu:after {
  content: '\e60e';
  position: absolute;
  top: 0;
  right: 0;
  height: 28px;
  width: 28px;
  font-size: 13px;
  text-align: center;
  line-height: 33px;
  color: #545454;
  cursor: default;
}

.ext-faq-menulist {
  width: 100%;
  position: absolute;
  height: auto;
  background-color: #fdfdfd;
  box-shadow: inset 1px 1px 1px rgba(0,0,0,.075),0 0 8px #ccc;
  z-index: 99;
}

.ext-faq-menulist .group-list {
  padding: 3px 25px 20px;
  max-height: 250px;
  overflow-y: auto;
}

.ext-faq-menulist .group-name,
.his-recomm-answer,
.his-recomm-ques {
  overflow: hidden;
  text-overflow: ellipsis;
}

.ext-faq-menulist .group-name {
  display: block;
  line-height: 34px;
  padding: 0 10px;
  color: #333;
  font-size: 13px;
  border-bottom: 1px solid #f5f5f5;
  cursor: pointer;
  white-space: nowrap;
}

.ext-faq-menulist .group-name.selected,
.ext-faq-menulist .group-name:hover {
  background-color: #ebeff2;
}

.ext-faq-menulist .group-add {
  text-align: center;
  color: #0DA7DB;
  line-height: 26px;
  background-color: #eee;
  cursor: pointer;
}

.ext-faq-menulist .group-add i {
  font-style: normal;
  font-size: 16px;
}

.ext-suffix::before {
  font-size: 20px;
  padding-right: 10px;
  vertical-align: top;
}

.ext-suffix-package::before {
  content: "\e677";
  color: #34389c;
}

.ext-freq-addcategory .ngdialog-content {
  top: 40%!important;
  max-width: 200px!important;
  padding: 10px 20px!important;
}

.ext-freq-categroytitle {
  display: flex;
  margin-bottom: 10px;
  font-size: 14px;
}

.ext-freq-categroytitle textarea::-webkit-input-placeholder {
  color: #aaa;
}

.ext-freq-categroytitle label {
  color: #333;
  vertical-align: top;
  padding-top: 4px;
}

.ext-freq-categroytitle textarea {
  flex: 1;
  height: 65px;
  border: 1px solid #ddd;
  resize: none;
  outline: 0;
  padding: 3px 7px;
}

.ext-freq-editorbtn {
  text-align: center;
}

.ext-freq-editorbtn .btn {
  color: #666;
  margin: 0 20px;
  font-size: 13px;
  padding: 4px 14px;
}

.ext-freq-editorbtn .btn-save {
  color: #fff;
}

.his-item-recomm {
  display: flex;
  white-space: nowrap;
  position: relative;
  z-index: 3;
  max-width: calc(100% - 130px);
  margin: 10px 40px 0 68px;
  align-items: center;
  background: #fff;
  font-size: 12px;
  box-shadow: 0 0 8px -1px #bbb;
  border-radius: 2px;
  padding: 20px 8px 5px;
}

.his-item-recomm::before {
  content: "";
  width: 8px;
  height: 8px;
  display: block;
  position: absolute;
  top: -4px;
  left: 10px;
  background: #fff;
  transform: scaleX(.7) rotate(45deg);
  box-shadow: -2px -2px 3px 0 #eaeaea;
}

.his-item-recomm button {
  outline: 0;
}

.his-item-expand.his-item-recomm {
  display: block;
}

.his-recomm-container {
  position: relative;
  width: calc(100% - 74px);
}

.his-item-expand .his-recomm-container {
  width: 100%;
}

.his-item-expand .his-recomm-item {
  margin-top: 6px;
}

.his-recomm-item {
  display: flex;
}

.his-recomm-item:hover {
  background: #eaeff2;
}

.his-recomm-label {
  color: #fff;
  height: 22px;
  font-size: 12px;
  line-height: 16px;
  border-radius: 10px;
  padding: 2px 9px 3px;
  background-color: #0da7db;
}

.his-item-expand .his-recomm-label {
  display: inline-block;
}

.his-recomm-ques {
  color: #555;
  padding: 0 6px;
  font-size: 12px;
  width: 110px;
}

.his-recomm-answer {
  flex: 1;
  color: #999;
}

.his-recomm-sendbtn {
  border: none;
  color: #0DA7DB;
  background: 0 0;
}

.intelli-hover-btns {
  position: absolute;
  right: 0;
  top: 0;
  display: flex;
  flex-direction: column;
}

.his-recomm-expanbtn {
  display: block;
  right: 4px;
  top: 7px;
  color: #999;
  border: none;
  padding: 0;
  user-select: none;
  outline: 0;
  background: 0 0;
  transform: rotate(180deg);
}

.his-recomm-close {
  font-size: 19px;
  color: #bbb;
}

.his-item-expand .his-recomm-expanbtn {
  transform: rotate(0);
}

.his-recomm-tip {
  position: absolute;
  background: #fff;
  display: none;
  bottom: 24px;
  left: 120px;
  z-index: 1;
  box-shadow: 0 0 6px 0 #999;
  border-radius: 3px;
  padding: 3px 8px 4px;
  max-width: calc(100% - 100px);
}

.his-recomm-tipcnt {
  overflow-y: auto;
  word-break: break-all;
  white-space: normal;
  max-height: 140px;
}

#f_template header span,
.form-data,
.form-name,
.form-timer,
.formtem .f-title,
.hidden-menu-bar {
  white-space: nowrap;
}

.his-recomm-tip::after {
  content: "";
  width: 8px;
  height: 8px;
  display: block;
  position: absolute;
  bottom: -4px;
  left: 24px;
  background: #fff;
  transform: scaleX(.7) rotate(45deg);
  box-shadow: 2px 2px 3px 0 #eaeaea;
}

.progress_bar,
.progress_bar div {
  height: 5px;
  display: inline-block;
}

.progress_box {
  display: block;
  flex: 1;
  line-height: 50px;
  padding-left: 20px;
}

.progress_bar {
  width: 90px;
  background-color: #eee;
  border-radius: 5px;
  margin-right: 8px;
  overflow: hidden;
  vertical-align: middle;
  position: relative;
}

.progress_bar div {
  width: 50%;
  vertical-align: text-top;
  background-color: #0DA7DB;
  position: absolute;
}

.progress_num {
  display: inline-block;
  color: #0DA7DB;
  font-size: 12px;
}

.global-hover-msg {
  display: flex;
  position: absolute;
  top: 45%;
  left: calc(50% - 150px);
  width: 300px;
  max-height: 40px;
  z-index: 99999;
  justify-content: center;
}

.global-hover-content {
  padding: 3px 14px 5px;
  border-radius: 30px;
  font-size: 12px;
  box-shadow: 0 0 8px -1px #666;
}

.hover-msg-info {
  color: #fff;
  background-color: rgba(119,119,119,.8);
}

.hover-msg-succ {
  color: #fff;
  background-color: #2bb747;
}

.hover-msg-warn {
  color: #fff;
  background-color: #ffb240;
}

.hover-msg-error {
  color: #fff;
  background-color: #ee4c31;
}

.loading-animate-icon::after {
  content: '\e61c';
  color: #2c8e2f;
  display: inline-flex;
  animation: rotateInt .8s linear infinite;
}

.hidden-menu {
  position: relative;
}

.hidden-menu .nav_item {
  display: inline-block;
}

.hidden-menu .nav_item:hover>.item_desc {
  display: none;
}

.hidden-menu .nav_item>i {
  margin: 0 8px;
}

.hidden-menu-btn {
  display: block;
  line-height: 67px;
  font-size: 30px;
  letter-spacing: 2px;
  text-align: center;
}

.hidden-menu-bar {
  position: absolute;
  z-index: 1100;
  left: 60px;
  top: 8px;
  color: #323232;
  padding: 0 10px;
  line-height: 30px;
  font-size: 12px;
  width: auto;
  background: #36404A;
}

.msg-robot-feedback {
  margin-left: -5px;
  margin-right: -5px;
  padding-left: 5px;
  padding-right: 5px;
}

.distriBution {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9999;
}

.distributionBox,
.distributionImg {
  position: absolute;
  bottom: 0;
  right: 0;
}

.distributionImg {
  width: 40px;
  height: 40px;
  line-height: 40px;
}

.distributionBox {
  width: 35px;
  height: 35px;
  font-size: 20px;
  line-height: 43px;
  text-align: center;
  color: #FFF;
  background-color: #ccc;
}

.distriBution .boxtitle {
  display: block;
  text-align: center;
  background-color: #f3f3f3;
  height: 35px;
  line-height: 35px;
}

.distriBution-box .boxcontent {
  padding: 20px 15px 10px;
  position: relative;
}

.distriBution-box .boxcontent input {
  margin-left: 8px;
  width: 185px;
  cursor: pointer;
  line-height: 22px;
  padding-left: 5px;
}

.distriBution-box .boxcontent sub {
  position: absolute;
  top: 15px;
  right: 26px;
  cursor: pointer;
}

.boxfooter {
  padding: 10px 55px 20px;
  text-align: center;
  display: flex;
  justify-content: space-around;
}

.boxfooter>span,
.list-client-status-btn {
  padding: 6px 0;
  display: inline-block;
  width: 60px;
  background-color: #eee;
  border-radius: 3px;
  cursor: pointer;
}

.boxfooter>.okay,
.list-client-status-btn.okay {
  background-color: #0da7db;
  color: #FFF;
}

.boxfooter>.disabled,
.list-client-status-btn.disabled {
  background-color: #5bc0de;
  cursor: not-allowed;
}

.boxline {
  padding-bottom: 8px;
  position: relative;
}

.boxline label {
  line-height: 28px;
}

.boxline .icon-radio {
  margin-right: 4px;
}

.boxline .choice-box2 {
  margin-right: 15px;
  margin-left: 15px;
}

.boxline .undistribute {
  display: inline-block;
  height: 28px;
  background: #f0f0f0;
  line-height: 28px;
  text-align: center;
  width: 140px;
  margin-left: 15px;
  border: 1px solid #ccc;
}

.distributionList-box {
  position: absolute;
  width: 184px;
  top: 27px;
  right: 12px;
  background-color: #fff;
  border: 1px solid #ccc;
  padding: 5px;
  user-select: none;
  max-height: 150px;
  overflow: auto;
}

.distributionList-box .togButton {
  line-height: 0;
}

.distributionList-box .list-title {
  margin-left: 5px;
  cursor: pointer;
}

.distributionList-box .distributionList-item {
  padding-left: 30px;
  cursor: pointer;
}

.distributionList-box .distributionList-item>span {
  cursor: pointer;
}

.distributionList-box .distributionList-item:hover {
  background-color: #eee;
}

.distributionList-box .noStaff {
  text-align: center;
  color: #888;
}

.shrink .echat-zhankaianniu:before {
  content: "\e6a8";
}

.stretch .echat-zhankaianniu:before {
  content: "\e6a5";
}

.custom-server-img .custom-server-popupimg::before,
.custom-server-more::before,
.custom-server-popupimg::after,
.custom-server-staffcard::after,
.custom-server-staffcard::before,
ul.custom-server-morelist::before {
  content: '';
}

.shrink .distributionList-item {
  display: none;
}

.stretch .distributionList-item {
  display: block;
}

.selectTags-box {
  position: absolute;
  width: 350px;
  height: 200px;
  bottom: 80px;
  background-color: #fff;
  box-shadow: 0 0 5px 2px #ddd;
  transition: all .3s ease-in-out;
  transition-property: bottom,opacity;
  animation-name: topToBottom-selTag;
  animation-duration: .3s;
  animation-timing-function: ease-in-out;
  animation-iteration-count: 1;
}

.selectTags-box .boxcontent {
  padding: 10px 15px 0;
  position: relative;
  height: 120px;
  overflow: scroll;
}

.selectTags-box .boxcontent>span {
  padding: 2px 6px;
  border: 1px solid #ccc;
  margin-right: 10px;
  margin-bottom: 8px;
  border-radius: 15px;
  display: inline-block;
  cursor: pointer;
  color: #ccc;
}

.drag_line {
  position: absolute;
  display: block;
  height: 60%;
  line-height: 80%;
  top: 20%;
  right: 0;
  width: 5px;
  cursor: col-resize;
  border-width: 0 1px 0 0;
  border-color: #aaaa;
  border-style: dashed;
}

.as-sortable-item * {
  cursor: grab!important;
}

.robotauth {
  display: none;
}

.cts-box {
  display: flex;
  height: 30px;
  margin: 20px 0;
}

.cts-box>span {
  color: #0da7db;
  font-size: 12px!important;
  text-align: center;
  outline: 0;
  line-height: 30px;
  cursor: pointer;
  border: 1px solid #0da7db;
  padding: 0 10px;
}

.cts-box>span.checked,
.cts-box>span:hover {
  opacity: .8;
  background: #0da7db;
  color: #fff;
  outline: 0;
}

.formtem-list {
  width: 100%;
  padding: 10px;
  height: 100%;
  overflow-y: auto;
  font-size: 12px;
}

.formtem {
  margin: 0 10px 15px;
  display: flex;
  border: 1px solid #ddd;
  height: 50px;
  padding: 5px;
  border-radius: 3px;
  position: relative;
}

.formtem .f-img,
.formtem .f-tools>span.f-add {
  margin-right: 10px;
}

.formtem .f-img {
  width: 38px;
  height: 38px;
}

.formtem .f-img>img {
  width: 100%;
  max-height: 100%;
  min-width: 38px;
}

.formtem .f-content {
  flex: 4;
  display: flex;
  flex-direction: column;
  width: 100%;
}

.formtem .f-title {
  font-weight: 700;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 55%;
}

.formtem .f-describe {
  color: #e0e0e0;
  margin-top: 5px;
  line-height: 15px;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  width: 80%;
}

.formtem .f-tools {
  position: absolute;
  right: 10px;
}

.formtem .f-tools>span {
  cursor: pointer;
}

.formtem .f-tools>span.f-add:hover,
.formtem .f-tools>span.f-send {
  color: #0da7db;
}

@keyframes topToBottom-selTag {
  from {
    bottom: 100px;
    opacity: 0;
  }

  to {
    bottom: 80px;
    opacity: 1;
  }
}

@keyframes topToBottom-dist {
  from {
    top: 210px;
    opacity: 0;
  }

  to {
    top: 230px;
    opacity: 1;
  }
}

.link-in-msg {
  color: #00e;
}

.client-status-list {
  display: inline-block;
}

.list-client-status {
  position: absolute;
  top: 130px;
  right: 7px;
  min-width: 220px;
  background: #fff;
  box-shadow: 0 0 7px rgba(0,0,0,.2);
  border-radius: 3px;
  z-index: 2;
}

.list-client-status-title {
  text-align: center;
  background-color: #f3f3f3;
  height: 35px;
  line-height: 35px;
}

.list-client-status-item.status-selected,
.list-client-status-item:hover {
  background-color: #f2f2f2;
}

.list-client-status-content {
  padding: 4px 10px;
}

.list-client-status-item {
  line-height: 30px;
  padding: 0 10px;
  border-bottom: 1px solid #f2f2f2;
  cursor: pointer;
}

.list-client-status-item .color-icon {
  display: inline-block;
  width: 10px;
  height: 10px;
  margin-right: 10px;
  vertical-align: middle;
}

.list-client-status-foot {
  text-align: center;
  padding: 10px 20px 20px;
}

.list-client-status-btn.okay {
  margin-left: 25px;
}

.order-new-modal {
  top: 0!important;
  padding: 0!important;
  width: calc(100% - 76px)!important;
  height: calc(100% - 60px);
  margin: 60px 0 0 70px!important;
}

.form-head {
  height: 35px;
  background-color: #EBEFF2;
  line-height: 35px;
  padding: 0 15px;
}

.form-box {
  display: flex;
  border: 1px solid #ddd;
  flex-direction: column;
  margin: 15px 30px;
}

.form-box-t {
  display: flex;
  padding: 5px;
  border-bottom: 1px #ddd solid;
}

.form-box-t-img {
  max-width: 60px;
  max-height: 60px;
}

.form-box-t-r {
  margin-left: 10px;
  line-height: 20px;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-all;
}

.lookmore {
  text-align: center;
  margin-bottom: 20px;
  cursor: pointer;
}

.lookmore:hover {
  color: #0da7db;
}

.form-data {
  color: #888;
  font-size: 12px;
  text-overflow: ellipsis;
  overflow: hidden;
}

.form-timer {
  color: #ccc;
  font-size: 12px;
  text-overflow: ellipsis;
  overflow: hidden;
}

.form-box-b {
  font-size: 12px;
  padding: 2px;
}

.form-box-b .disabled {
  color: #ccc;
  pointer-events: none;
}

.form-box-b>div>span {
  margin: 0 5px;
  cursor: pointer;
  color: #888;
}

#f_template header,
#f_template section {
  margin-bottom: 10px;
}

.form-name {
  text-overflow: ellipsis;
  overflow: hidden;
}

.record-page {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: calc(100% - 34px);
  z-index: 99;
  background-color: rgba(0,0,0,.4);
}

.record-page>div {
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 85%;
  background-color: #fff;
  border-top-right-radius: 20px;
  border-top-left-radius: 20px;
  animation: bottomTotop .5s ease-in-out;
  padding: 10px;
  overflow: auto;
}

.dialog-form-template .ngdialog-content {
  width: 300px!important;
  height: 400px;
}

.form-state-dialog {
  display: flex;
  flex-direction: column;
  font-size: 12px;
}

.form-state-dialog-h {
  height: 40px;
  line-height: 40px;
  text-align: center;
  background-color: #efefef;
}

.form-state-dialog-c {
  position: absolute;
  top: 40px;
  bottom: 40px;
  width: 100%;
}

.form-state-dialog-c ul {
  height: 100%;
  padding: 20px;
  overflow: auto;
}

.form-state-dialog-c ul li {
  border-bottom: 1px #ddd solid;
  padding-bottom: 5px;
}

.form-state-dialog-c ul li:hover {
  background-color: #ddd;
}

.form-state-dialog-c ul li.checked {
  background-color: #ccc;
}

.form-state-dialog-c ul li i {
  width: 8px;
  height: 8px;
  display: inline-block;
  background-color: red;
  margin-right: 10px;
}

.form-state-dialog-f {
  position: absolute;
  bottom: 0;
  height: 40px;
  width: 100%;
  text-align: center;
}

.form-state-dialog-f span {
  padding: 5px 10px;
  border-radius: 5px;
  cursor: pointer;
}

.form-state-dialog-f span.okey {
  background-color: #0da7db;
  color: #fff;
  margin-right: 50px;
}

.form-state-dialog-f span.cancel {
  background-color: #ccc;
  color: #333;
}

#prev_form,
#prev_form>.drag_logo {
  position: absolute;
  background-color: #fff;
}

@keyframes bottomTotop {
  0% {
    bottom: -100%;
  }

  100% {
    bottom: 0;
  }
}

.talk-details {
  padding-bottom: 20px;
  border-top: 1px solid #ccc;
  margin-top: 20px;
}

#prev_form {
  width: 270px;
  box-shadow: 1px 1px 3px #ccc;
  border-radius: 3px;
  animation: boost .3s ease-in-out;
  font-size: 12px;
  max-height: 600px;
}

#f_template {
  width: 100%;
  overflow-y: auto;
  overflow-x: hidden;
  padding: 10px;
  max-height: 600px;
}

#prev_form>.drag_logo {
  width: 10px;
  height: 10px;
  display: block;
  right: -6px;
  transform: rotate(45deg);
  border-top: 1px solid #ccc;
  border-right: 1px solid #ccc;
}

#f_template header {
  text-align: center;
  border-bottom: 1px #ccc dashed;
  padding-bottom: 5px;
}

#f_template header .q_title {
  font-weight: 700;
}

#f_template header span {
  overflow: hidden;
  width: 100%;
  text-overflow: ellipsis;
  display: inline-block;
}

#f_template section label {
  position: relative;
  display: inline-block;
  margin: 0 5px 7px;
  vertical-align: middle;
}

#f_template section input[type=text] {
  width: 100%;
  height: 28px;
  border-radius: 5px;
  border: 1px solid #ccc;
  padding: 0 5px;
  box-sizing: border-box;
}

.custom-server-img,
.custom-server-right {
  border-radius: 30px;
  display: inline-block;
}

@keyframes boost {
  0% {
    transform: scale(0);
  }

  100% {
    transform: scale(1);
  }
}

.custom-server-right {
  margin-top: 12px;
  margin-left: 20px;
  margin-right: 60px;
  height: 29px;
  padding: 4px 9px;
  text-align: left;
  box-shadow: 0 0 20px rgba(0,0,0,.1);
  float: right;
}

.custom-server-img:first-child {
  z-index: 1003;
}

.custom-server-img:nth-child(2) {
  z-index: 1002;
}

.custom-server-img {
  height: 21px;
  width: 21px;
  margin: 0 6px;
  cursor: pointer;
  position: relative;
  background-size: unset;
  background-repeat: no-repeat;
  background-position: center;
  box-shadow: 0 0 9px 0 #eee;
}

.custom-server-img:last-child {
  background-size: cover;
}

.custom-server-more {
  z-index: 9;
  position: relative;
  display: inline-block;
}

.custom-server-more:hover .custom-server-morelist {
  display: inline-block;
}

.custom-server-more::before {
  border: 3px solid transparent;
  border-top: 6px solid #888;
  position: relative;
  top: 14px;
}

ul.custom-server-morelist {
  top: 20px;
  position: absolute;
  right: 0;
  border-radius: 3px;
  display: none;
  box-shadow: 0 0 20px rgba(0,0,0,.15);
}

ul.custom-server-morelist::before {
  position: absolute;
  top: -12px;
  height: 12px;
  width: 100%;
}

ul.custom-server-morelist li {
  padding: 0 6px;
  background: #fff;
  border-radius: 3px;
  position: relative;
}

ul.custom-server-morelist li:hover {
  background: #eee;
}

.custom-server-popupimg,
.custom-server-staffcard {
  background-color: #fff;
  box-shadow: 0 0 20px rgba(0,0,0,.15);
}

ul.custom-server-morelist li .lidiv {
  height: 21px;
  padding: 6px 9px;
  white-space: nowrap;
  border-bottom: 1px solid #ddd;
  box-sizing: content-box;
}

ul.custom-server-morelist li .lidiv span {
  margin-left: 12px;
}

ul.custom-server-morelist li:last-child .lidiv {
  border-bottom: 0;
}

ul.custom-server-morelist li .headerimg {
  max-height: 21px;
  max-width: 21px;
  border-radius: 30px;
  vertical-align: middle;
}

ul.custom-server-morelist li span {
  vertical-align: middle;
}

.custom-server-staff {
  position: relative;
}

.custom-server-img:hover .custom-server-popupimg,
.custom-server-morelist li:hover .custom-server-popupimg {
  display: block;
}

.custom-server-popupimg {
  width: 160px;
  height: 182px;
  border-radius: 3px;
  position: absolute;
  display: none;
  z-index: 1001;
}

.custom-server-img .custom-server-popupimg::before {
  border: 4px solid transparent;
  border-bottom: 6px solid #fff;
  width: 0;
  position: absolute;
  top: -10px;
  right: 7px;
  z-index: 0;
}

.custom-server-popupimg::after {
  position: absolute;
  top: -30px;
  width: 100%;
  height: 30px;
  right: 0;
}

.custom-server-morelist li .custom-server-popupimg::before {
  content: '';
  border: 4px solid transparent;
  border-left: 6px solid #fff;
  width: 0;
  position: absolute;
  top: 14px;
  right: -9px;
  z-index: 0;
}

.custom-server-img .custom-server-popupimg {
  top: 30px;
  right: 0;
}

.custom-server-morelist li .custom-server-popupimg {
  display: none;
  right: calc(100% + 6px);
  top: 0;
}

.custom-server-popupimg img {
  width: 156px;
  height: 156px;
  margin: 2px;
}

.custom-server-popupimg span {
  line-height: 33px;
  text-align: center;
  display: block;
  position: absolute;
  width: 100%;
  bottom: 0;
}

.custom-server-staffcard {
  display: none;
  right: 0;
  position: absolute;
  top: 30px;
  padding: 18px 20px;
  font-size: 12px;
  width: 238px;
  border-radius: 3px;
  z-index: 1001;
}

.custom-server-staff:hover .custom-server-staffcard {
  display: block;
}

.custom-server-staffcard::before {
  border: 4px solid transparent;
  border-bottom: 6px solid #fff;
  width: 0;
  position: absolute;
  top: -9px;
  right: 7px;
}

.custom-server-staffcard::after {
  position: absolute;
  top: -30px;
  width: 100%;
  height: 30px;
  right: 0;
}

.custom-server-staffcardtop {
  padding-bottom: 10px;
  border-bottom: 1px solid #eaeaea;
  display: flex;
  flex-direction: row;
  align-items: center;
}

.custom-server-staffcardbottom {
  padding-top: 6px;
  color: #ccc;
  line-height: 20px;
  font-size: 12px;
}

.custom-server-staffcardtop img {
  width: 38px;
  height: 38px;
  object-fit: cover;
  border-radius: 30px;
  display: inline-block;
  vertical-align: middle;
  margin-right: 20px;
}

.staffcardtop-right {
  font-size: 12px;
  line-height: 22px;
  color: #323232;
  display: flex;
  flex-direction: column;
  height: 38px;
  justify-content: space-between;
}

.staffcardtop-right div:first-child {
  padding-top: 4px;
  line-height: 14px;
}

.staffcardtop-right div:last-child {
  line-height: 12px;
}

.staffcardtop-right span {
  font-weight: 700;
  font-size: 14px;
  margin-right: 10px;
}

.custom-server-msg,
.custom-server-msgtip {
  background: red;
  color: #fff;
  border-radius: 10px;
  font-size: 12px;
  font-weight: 700;
  text-align: center;
  line-height: 13px;
  position: absolute;
}

.custom-server-msg {
  top: -3px;
  right: -9px;
  height: 14px;
  min-width: 14px;
}

.custom-server-msgtip {
  top: 0;
  right: -4px;
  height: 6px;
  width: 6px;
}

.capture-tip .click-color,
.icon-light {
  color: #ffa726;
}

.cm_lists_loading {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 999;
}

.cm_lists_loading::before {
  content: "";
  background-image: url("../images/loader.gif");
  width: 32px;
  height: 32px;
  display: block;
  z-index: 99;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
}

.capture-tip,
div .ant-picker-dropdown {
  z-index: 9999999;
}

.chat_content .chat_form_tips {
  background-color: #0da7db;
  padding: 3px;
  border-radius: 3px;
  cursor: pointer;
  margin-top: 5px;
}

.doc-iframe .chat_his_content {
  height: 85%;
}

.doc-iframe .chat_his_content>.chat_content {
  height: calc(100% - 29px);
  width: 100%;
}

.doc-iframe .chat_his_content>.chat_content .docToIframe {
  width: 100%;
  height: 100%;
}

.doc-iframe .chat_his_content>.chat_content .docToIframe>iframe {
  width: 100%;
  max-height: 460px;
  background-color: #fff;
}

.rec-trans-content {
  max-height: 460px;
  background: #fff;
  overflow: scroll;
}

.capture {
  position: relative;
}

.capture-tip {
  position: absolute;
  bottom: 40px;
  left: 20px;
  background: #FFF;
  border: 1px solid #CCC;
  box-shadow: 0 0 5px 0 #ccc;
  width: 360px;
  padding: 8px 10px;
  font-size: 14px;
  line-height: 20px;
  white-space: pre-line;
}

.icon-light {
  font-size: 20px;
  font-weight: 400;
  display: inline-block;
  vertical-align: middle;
  width: 22px;
  height: 22px;
}

.capture-paste-tip {
  font-weight: 700;
}

.capture-download {
  padding-left: 10px;
  font-size: 12px;
}

div .lunch-detail-email {
  border: none;
  background: #f1f1f1;
  border-radius: 4px;
  margin: 10px 10px 0;
  font-size: 12px;
}

.lunch-detail-email .lunch-detail-line dt {
  font-weight: 400;
}

.lunch-detail-email .lunch-detail-line {
  font-size: 12px;
}

.icon-attach {
  background: #0da7db;
  color: #fff;
  padding: 0 5px;
  border-radius: 8px;
  font-size: 11px;
}

.email-detail {
  margin: 20px;
}

.email-header {
  font-size: 18px;
  font-weight: 700;
  padding: 34px 0;
}

.email-attach {
  background: #fff;
  border: 1px solid #ddd;
  border-radius: 10px;
  padding: 10px 20px;
  margin-top: 40px;
}

.email-attach-title {
  line-height: 34px;
  height: 34px;
  margin-bottom: 10px;
  font-size: 12px;
  font-weight: 700;
  text-align: left;
  color: #888;
  white-space: nowrap;
  word-break: keep-all;
  overflow: hidden;
  text-overflow: ellipsis;
}

.email-attach-title::before,
.icon-attach::before {
  position: relative;
  top: 2px;
  margin-right: 2px;
  font-size: 16px;
  font-family: echat-config;
  content: '\e617';
  display: inline-block;
  transform: rotate(45deg);
}

.email-attach-video {
  width: 100%;
  height: 100%;
  background: #ddd;
}

.email-attach-video span {
  display: inline-block;
  width: 44px;
  height: 44px;
  margin-top: 1px;
  color: #fff;
  font-size: 30px;
}

.email-attach-item img {
  max-width: 90%;
  max-height: 90%;
}

.email-attach-item {
  display: inline-block;
  width: 50px;
  height: 50px;
  line-height: 50px;
  overflow: hidden;
  border-radius: 4px;
  margin-right: 10px;
  margin-bottom: 10px;
  background: #fff;
  border: 1px solid #ddd;
  cursor: pointer;
  text-align: center;
}

.email-translation,
.email-translation-ing {
  background: #f8f8f8;
}

.email-attach-file a {
  font-family: echat-config;
  color: #ffcd2c;
  font-size: 40px;
}

.email-translation-hr {
  display: flex;
  margin: 80px 60px;
  text-align: center;
  font-size: 12px;
  color: #888;
}

.email-translation-hr::after,
.email-translation-hr::before {
  flex: 1;
  margin: 0 20px 8px;
  content: '';
  display: block;
  border-bottom: 1px solid #eee;
}

.email-translation {
  border-radius: 10px;
  padding: 0 20px 10px;
}

.email-translation-error,
.email-translation-ing {
  margin-top: 60px;
  border-radius: 10px;
  padding: 11px;
  text-align: center;
  color: #888;
}

.email-translation-ing img {
  margin-right: 8px;
}

.email-translation-error {
  background: #ffe9e4;
}
.ext-freq-types {
  padding: 10px 0 10px 4px;
}

.ext-freq-types>* {
  padding: 0 8px;
}

.draft>:nth-child(3),
.entp>:nth-child(2),
.pers>:first-child {
  color: #0da7db;
}

.ext-freq-opticon::before {
  content: attr(icon);
  font-size: 17px;
  padding-right: 4px;
  vertical-align: middle;
}

.ext-freq-opticon::after {
  content: attr(text);
}

.ext-freq-fold::after {
  content: attr(open);
}

.ext-freq-fold.ext-freq-expan::after {
  color: #0da7db;
  content: attr(fold);
}

.ext-freq-fold::before {
  font-family: echat;
  content: "\e660";
}

.ext-freq-fold.ext-freq-expan::before {
  color: #0da7db;
  content: "\e6b1";
}

.ext-freq-list {
  margin: 0 10px;
  border-top: 1px solid #eee;
  flex: 1 1;
}

.ext-freq-container .ext-freq-menu {
  border-top: none!important;
}

.ext-freq-menu>span {
  padding-left: 0!important;
}

.ext-freq-func {
  display: flex;
  width: 100%;
  font-size: 12px;
  white-space: nowrap;
  padding: 6px 16px 8px 0!important;
  border-bottom: none!important;
}

.ext-freq-func>.ext-freq-btn {
  vertical-align: middle;
  margin-left: 10px;
  line-height: 30px;
  cursor: pointer;
  color: #ccc;
}

.ext-freq-func .icon-search {
  display: inline-block;
  width: 25px;
  height: 30px;
  line-height: 32px;
  color: #aaa;
  background-color: #f5f5f5;
  vertical-align: top;
  font-weight: 700;
  font-style: normal;
}

.chat-faqs-tip,
.ext-freq-ops .ext-freq-op {
  visibility: hidden;
}

.ext-freq-ops:hover .ext-freq-op {
  visibility: visible;
}

.ext-freq-list>:last-child {
  border-bottom: none;
}

.ext-faq-editor-list {
  width: 100%;
  position: relative;
  display: flex;
  flex-direction: column;
  margin-bottom: 10px;
}

.ext-faq-editor-list label {
  max-width: 75px;
  height: 28px;
  line-height: 28px;
}

.ext-faq-editor-list>div {
  height: auto;
  flex: 1;
  text-indent: 0;
  position: relative;
}

.ext-freq-urlinput {
  width: 100%;
  height: 100%;
  min-height: 86px;
  border: none;
  outline: 0;
  resize: vertical;
  padding: 2px 2px 2px 10px;
  box-sizing: border-box;
}

.ext-faq-editor-list .ext-faq-editor-title {
  width: 100%;
  height: 28px;
  border: 1px solid #ddd;
  outline: 0;
  box-shadow: none;
  padding: 0 2px 0 10px;
  box-sizing: border-box;
}

.ext-faq-editor-btn {
  display: block;
  width: 100%;
  text-align: center;
}

.ext-faq-editor-btn button {
  padding: 4px 10px;
  width: auto;
  font-size: 13px;
  margin: 0 17px;
}

.ext-intaux-func {
  display: flex;
  flex: 1;
  overflow: auto;
  flex-direction: column;
  padding: 6px 10px 0 12px!important;
}

.ext-intaux-func>.ext-intaux-cnf,
.ext-intaux-func>.ext-intaux-rangconf {
  padding: 0 10px 0 14px;
}

.ext-intaux-queryform {
  margin-top: 4px;
  padding-top: 16px;
  border-top: 1px solid #eee;
}

.ext-intaux-queryform.ext-freq-search {
  flex: none;
}

.ext-intaux-queryform input {
  width: calc(100% - 40px)!important;
}

.ext-intaux-rangconf {
  flex-wrap: wrap;
  color: #aaa;
}

.ext-intaux-rangconf>* {
  padding-right: 20px;
}

.ext-intaux-childitems {
  position: relative;
}

.ext-intaux-childitems:hover>.ext-intaux-rangchild {
  display: block;
}

.ext-intaux-rangconf span.icon-tick::before {
  color: #ccc;
}

.ext-intaux-rangconf div.icon-tick {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.ext-intaux-rangchild {
  display: none;
  position: absolute;
  z-index: 1000;
  background: #fff;
  padding: 4px 6px;
  max-width: 120px;
  max-height: 136px;
  overflow-y: auto;
  border-radius: 2px;
  box-shadow: 0 0 4px 0 #bbb;
}

.ext-noperm-chat {
  cursor: pointer;
  color: #0da7db;
}

.enable-comp .company::before,
.enable-per .person::before,
.enable>.icon-tick::before,
.icon-tick.selected::before {
  content: "\e613";
}

.ext-intaux-rangchild::before {
  content: "";
  position: absolute;
  top: -3px;
  left: 22px;
  width: 8px;
  height: 8px;
  background: #fff;
  box-shadow: -2px -2px 1px -1px #ddd;
  transform: rotate(45deg);
}

.ext-intaux-cnf {
  align-items: center;
}

.ext-draft-tipemp,
.ext-intaux-closed,
.ext-intaux-empty,
.ext-recomm-closed {
  text-align: center;
  padding-top: 110px;
}

.ext-intaux-switchind {
  color: #0da7db;
}

.ext-intaux-cnf>div {
  flex: 1;
  color: #aaa;
}

.ext-intaux-cnf>div>span {
  padding: 0 4px;
}

.ext-intaux-cnf>.btn {
  color: #777;
  font-size: 12px;
  padding: 4px 12px;
  background: #fff;
  border: 1px solid #999;
}

.ext-intaux-switch::before {
  content: attr(unable);
}

.ext-intaux-on .ext-intaux-switch::before {
  content: attr(enable);
}

.ext-intaux-queries {
  flex: 1;
  flex-direction: column;
  padding-top: 4px;
  overflow-y: auto;
}

.ext-intaux-closed,
.ext-intaux-cnf,
.ext-intaux-noverpermtip,
.ext-intaux-off .ext-intaux-queryform,
.ext-intaux-queries,
.ext-intaux-querynum,
.ext-intaux-rangconf,
.ext-recomm-closed {
  display: none;
}

.ext-intaux-off>.ext-intaux-closed,
.ext-intaux-off>.ext-intaux-cnf,
.ext-intaux-on .ext-intaux-queries,
.ext-intaux-on .ext-intaux-querynum,
.ext-intaux-on>.ext-intaux-cnf,
.ext-intaux-on>.ext-intaux-rangconf {
  display: flex;
}

.ext-intaux-off .ext-recomm-closed {
  display: block;
}

.ext-intaux-noverperm>* {
  display: none!important;
}

.ext-intaux-noverperm>.ext-intaux-noverpermtip {
  color: #999;
  display: block!important;
  text-align: center;
  padding-top: 150px;
}

.ext-intaux-ques {
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
}

.ext-intaux-quescnt {
  padding: 0 0 4px 14px;
  color: #888;
  overflow: hidden;
  text-overflow: ellipsis;
}

.ext-intaux-results {
  flex: 1;
  margin: 0 0 2px;
  overflow-y: auto;
}

.ext-iaq-showempty .ext-intaux-ques,
.ext-iaq-showempty .ext-intaux-results,
.ext-iaq-showempty .ext-intaux-tiplabel,
.ext-intaux-empty {
  display: none;
}

.ext-iaq-showempty .ext-intaux-empty {
  display: block;
}

.ext-intaux-tiplabel {
  padding: 10px 0 6px;
}

.ext-intaux-tiplabel::before {
  display: inline-block;
  content: attr(text);
  min-width: 60px;
  color: #fff;
  border-radius: 3px;
  margin-left: 4px;
  padding: 4px 8px 6px;
  text-align: center;
  background-color: #0da7db;
}

.intaux-closeicon {
  font-size: 70px;
  color: #bbb;
}

.ext-intaux-adddraft {
  font-size: 12px;
}

.ext-draft-tipemp {
  display: none;
}

.ext-draft-empty .ext-draft-tipemp {
  display: block;
}

.ext-draft-empty .ext-draft-lists {
  display: none;
}

.ext-intaux-adddraft .ngdialog-content {
  top: 40%!important;
  width: 420px!important;
  padding-bottom: 20px!important;
}

.ext-intaux-adddraft .btn-save {
  padding: 4px 15px;
}

.ext-draft-form {
  flex: 1;
}

.ext-draft-lists {
  flex: 1;
  overflow-y: auto;
  padding: 0 0 2px;
}

.ext-draft-item,
.ext-iaq-item {
  position: relative;
  padding: 0 10px;
  margin: 8px 2px 0 6px;
  background-color: #fbfbfb;
  border: 1px solid #ddd;
}

.ext-draft-item:hover {
  border-color: #0da7db;
}

.ext-draft-title {
  display: flex;
  padding: 4px 0;
  white-space: nowrap;
  text-overflow: ellipsis;
  border-radius: 1px;
  border-bottom: 1px solid #ddd;
}

.ext-draft-title>span:first-child {
  color: #bbb;
  font-size: 17px;
  cursor: pointer;
  vertical-align: middle;
}

.ext-draft-title>span:first-child:hover {
  color: #0da7db;
}

.ext-draft-title>span:nth-child(2) {
  flex: 1;
  margin-left: 6px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.ext-draft-content {
  color: #999;
  display: box;
  display: -webkit-box;
  padding: 3px 0;
  overflow: hidden;
  white-space: normal;
}

.ext-draft-addhead {
  height: 40px;
  position: relative;
  line-height: 40px;
  background: #eaeff2;
  text-align: center;
}

.ext-draft-addhead .draft-close {
  position: absolute;
  right: 10px;
  display: block;
  border-radius: 10px;
  top: 10px;
  height: 18px;
  width: 18px;
  color: #888;
  border: 1px solid #888;
  line-height: 18px;
  font-size: 14px;
  transform: rotate(45deg);
}

.draft-more {
  height: 30px;
  color: #0da7db;
  cursor: pointer;
  text-align: center;
  line-height: 30px;
}

.draft-more:hover {
  color: #0097c9;
}

.draft-close::before {
  content: "\e690";
}

.ext-draft-additem {
  display: flex;
  padding: 14px 20px;
  height: auto;
}

.ext-draft-additem label {
  padding-top: 4px;
}

.ext-draft-additem textarea {
  flex: 1;
  height: 42px;
  outline: 0;
  resize: none;
  padding: 4px 14px;
  border: 1px solid #ddd;
}

.ext-draft-additem.draft-content textarea {
  height: 56px;
}

.ext-draft-additem textarea::-webkit-input-placeholder {
  color: #bbb;
}

.ext-iaq-btns {
  right: -10px;
  top: -5px;
  position: relative;
}

.ext-iaq-btns .ext-freq-send:first-child {
  margin-right: 8px;
}

.ext-freq-filelist>.ext-freq-ops {
  font-size: 13px;
  padding: 5px 0 5px 12px;
  border-bottom: 1px solid #eee;
}

.ext-freq-filelist .ext-freq-ops:first-child .ext-freq-op::before {
  bottom: -4px;
  box-shadow: -1px -1px 2px -1px #aaa;
}

.ext-freq-filelist .ext-freq-ops:first-child .ext-freq-op::after {
  bottom: auto;
  top: 26px;
}

.ext-freq-pretitle {
  height: 24px;
  width: 100%;
  padding-left: 4px;
  line-height: 22px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.ext-freq-precontent {
  margin: 0;
  white-space: pre-wrap;
  word-wrap: normal;
  padding: 4px;
  font-family: inherit;
  outline: 0;
  border-top: 1px solid #ddd;
  max-height: 100px;
}

.ext-freq-precontent:focus {
  outline: 0;
}

.ext-freq-category.expan>.ext-freq-listempty,
.ext-freq-category>.ext-freq-listempty,
.ext-freq-precontent:empty {
  display: none;
}

.ext-faq-minieditor {
  min-height: 87px;
  position: relative;
  overflow: hidden;
  border: 1px solid #ddd;
}

.ext-faq-minieditor .ql-toolbar.ql-snow {
  display: flex;
  padding: 0;
  height: 24px;
  border: none;
  line-height: 24px;
}

.ext-faq-minieditor .ql-editor {
  padding: 0 2px 2px;
}
.ngdialog,
.ngdialog-overlay {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

@-webkit-keyframes ngdialog-fadeout {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}

@keyframes ngdialog-fadeout {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}

@-webkit-keyframes ngdialog-fadein {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@keyframes ngdialog-fadein {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

.ngdialog {
  box-sizing: border-box;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  z-index: 10000;
}

.ngdialog *,
.ngdialog :after,
.ngdialog :before {
  box-sizing: inherit;
}

.ngdialog.ngdialog-disabled-animation,
.ngdialog.ngdialog-disabled-animation .ngdialog-content,
.ngdialog.ngdialog-disabled-animation .ngdialog-overlay {
  -webkit-animation: none!important;
  animation: none!important;
}

.ngdialog-overlay {
  background: rgba(0,0,0,.4);
  -webkit-backface-visibility: hidden;
  -webkit-animation: ngdialog-fadein .5s;
  animation: ngdialog-fadein .5s;
}

.ngdialog-no-overlay {
  pointer-events: none;
}

.ngdialog.ngdialog-closing .ngdialog-overlay {
  -webkit-backface-visibility: hidden;
  -webkit-animation: ngdialog-fadeout .5s;
  animation: ngdialog-fadeout .5s;
}

.ngdialog-content {
  background: #fff;
  -webkit-backface-visibility: hidden;
  -webkit-animation: ngdialog-fadein .5s;
  animation: ngdialog-fadein .5s;
  pointer-events: all;
}

.ngdialog.ngdialog-closing .ngdialog-content {
  -webkit-backface-visibility: hidden;
  -webkit-animation: ngdialog-fadeout .5s;
  animation: ngdialog-fadeout .5s;
}

.ngdialog-close:before {
  font-family: Helvetica,Arial,sans-serif;
  content: '\00D7';
  cursor: pointer;
}

body.ngdialog-open,
html.ngdialog-open {
  overflow: hidden;
}
@-webkit-keyframes ngdialog-flyin {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-40px);
    transform: translateY(-40px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@keyframes ngdialog-flyin {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-40px);
    transform: translateY(-40px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@-webkit-keyframes ngdialog-flyout {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(-40px);
    transform: translateY(-40px);
  }
}

@keyframes ngdialog-flyout {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(-40px);
    transform: translateY(-40px);
  }
}

.ngdialog.ngdialog-theme-default {
  padding-bottom: 160px;
  padding-top: 160px;
}

.ngdialog.ngdialog-theme-default.ngdialog-closing .ngdialog-content {
  -webkit-animation: ngdialog-flyout .5s;
  animation: ngdialog-flyout .5s;
}

.ngdialog.ngdialog-theme-default .ngdialog-content {
  -webkit-animation: ngdialog-flyin .5s;
  animation: ngdialog-flyin .5s;
  background: #f0f0f0;
  border-radius: 5px;
  color: #444;
  font-size: 1.1em;
  line-height: 1.5em;
  margin: 0 auto;
  max-width: 100%;
  padding: 1em;
  position: relative;
  width: 450px;
}

.ngdialog.ngdialog-theme-default .ngdialog-close {
  border-radius: 5px;
  cursor: pointer;
  position: absolute;
  right: 0;
  top: 0;
}

.ngdialog.ngdialog-theme-default .ngdialog-close:before {
  background: 0 0;
  border-radius: 3px;
  color: #bbb;
  content: '\00D7';
  font-size: 26px;
  font-weight: 400;
  height: 30px;
  line-height: 26px;
  position: absolute;
  right: 3px;
  text-align: center;
  top: 3px;
  width: 30px;
}

.ngdialog.ngdialog-theme-default .ngdialog-close:active:before,
.ngdialog.ngdialog-theme-default .ngdialog-close:hover:before {
  color: #777;
}

.ngdialog.ngdialog-theme-default .ngdialog-message {
  margin-bottom: .5em;
}

.ngdialog.ngdialog-theme-default .ngdialog-input {
  margin-bottom: 1em;
}

.ngdialog.ngdialog-theme-default .ngdialog-input input[type=email],
.ngdialog.ngdialog-theme-default .ngdialog-input input[type=password],
.ngdialog.ngdialog-theme-default .ngdialog-input input[type=text],
.ngdialog.ngdialog-theme-default .ngdialog-input input[type=url],
.ngdialog.ngdialog-theme-default .ngdialog-input textarea {
  background: #fff;
  border: 0;
  border-radius: 3px;
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
  margin: 0 0 .25em;
  min-height: 2.5em;
  padding: .25em .67em;
  width: 100%;
}

.ngdialog.ngdialog-theme-default .ngdialog-input input[type=email]:focus,
.ngdialog.ngdialog-theme-default .ngdialog-input input[type=password]:focus,
.ngdialog.ngdialog-theme-default .ngdialog-input input[type=text]:focus,
.ngdialog.ngdialog-theme-default .ngdialog-input input[type=url]:focus,
.ngdialog.ngdialog-theme-default .ngdialog-input textarea:focus {
  box-shadow: inset 0 0 0 2px #8dbdf1;
  outline: 0;
}

.ngdialog.ngdialog-theme-default .ngdialog-buttons:after {
  content: '';
  display: table;
  clear: both;
}

.ngdialog.ngdialog-theme-default .ngdialog-button {
  border: 0;
  border-radius: 3px;
  cursor: pointer;
  float: right;
  font-family: inherit;
  font-size: .8em;
  letter-spacing: .1em;
  line-height: 1em;
  margin: 0 0 0 .5em;
  padding: .75em 2em;
  text-transform: uppercase;
}

.ngdialog.ngdialog-theme-default .ngdialog-button:focus {
  -webkit-animation: ngdialog-pulse 1.1s infinite;
  animation: ngdialog-pulse 1.1s infinite;
  outline: 0;
}

@media (max-width:568px) {
  .ngdialog.ngdialog-theme-default .ngdialog-button:focus {
    -webkit-animation: none;
    animation: none;
  }
}

.ngdialog.ngdialog-theme-default .ngdialog-button.ngdialog-button-primary {
  background: #3288e6;
  color: #fff;
}

.ngdialog.ngdialog-theme-default .ngdialog-button.ngdialog-button-secondary {
  background: #e0e0e0;
  color: #777;
}
.datepicker a,
[datepicker] a,
datepicker a {
  color: inherit;
  text-decoration: none;
}

.datepicker a:hover,
[datepicker] a:hover,
datepicker a:hover {
  text-decoration: none;
}

.datepicker select,
.datepicker select:focus,
.datepicker select:hover [datepicker] select,
[datepicker] select:focus,
[datepicker] select:hover,
datepicker select,
datepicker select:focus,
datepicker select:hover {
  width: 100%;
  overflow: hidden;
  background: #138EFA;
  color: #fff;
  border: 1px solid rgba(0,0,0,.05);
  height: 30px;
  border-radius: 2px;
}

._720kb-datepicker-calendar-body,
._720kb-datepicker-calendar-days-header,
._720kb-datepicker-calendar-header,
._720kb-datepicker-calendar-years-pagination-pages,
.datepicker,
[datepicker],
datepicker {
  font-family: Microsoft YaHei,STHeiti,Sans-Serif,FangSong,Arial;
  font-size: 13.5px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  margin: 0 auto;
  float: left;
  clear: right;
  position: relative;
}

._720kb-datepicker-calendar {
  background: #fff;
  color: #333;
  position: absolute;
  z-index: 999;
  min-width: 220px;
  margin: 0 auto 0 -.5%;
  width: 101%;
  -webkit-box-shadow: 0 0 0 1px rgba(0,0,0,.1) inset;
  -moz-box-shadow: 0 0 0 1px rgba(0,0,0,.1) inset;
  box-shadow: 0 0 0 1px rgba(0,0,0,.1) inset;
  visibility: hidden;
  overflow: hidden;
  padding: 0 0 2%;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}

._720kb-datepicker-calendar._720kb-datepicker-open {
  visibility: visible;
}

._720kb-datepicker-calendar-header {
  text-align: center;
  font-size: 15px;
  line-height: 40px;
}

._720kb-datepicker-calendar-header:nth-child(odd) {
  background: #138EFA;
}

._720kb-datepicker-calendar-header:nth-child(even) {
  background: #7BC6FC;
}

._720kb-datepicker-calendar-header-left,
._720kb-datepicker-calendar-header-middle,
._720kb-datepicker-calendar-header-right {
  width: 15%;
  float: left;
}

._720kb-datepicker-calendar-header-middle {
  width: 70%;
}

._720kb-datepicker-calendar-body {
  width: 96%;
  margin: 2%;
  text-align: center;
}

._720kb-datepicker-calendar-day {
  cursor: pointer;
  font-size: 12.5px;
  width: 12.2%;
  margin: 5px 1%;
  padding: 1.5% 0;
  float: left;
  -webkit-border-radius: 1px;
  -moz-border-radius: 1px;
  border-radius: 1px;
}

._720kb-datepicker-calendar-day._720kb-datepicker-active,
._720kb-datepicker-calendar-day:hover {
  background: rgba(0,0,0,.03);
}

._720kb-datepicker-calendar-header a,
._720kb-datepicker-calendar-header a:hover {
  text-decoration: none;
  padding: 3% 9% 4%;
  font-size: 13.5px;
  color: rgba(0,0,0,.55);
  font-weight: 700;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}

._720kb-datepicker-calendar-header a:hover {
  color: rgba(0,0,0,.9);
  background: rgba(255,255,255,.45);
}

._720kb-datepicker-calendar-month {
  color: #fff;
}

._720kb-datepicker-calendar-month-button {
  display: inline-block;
  font-size: 28px!important;
  line-height: 19px!important;
  height: 26px;
  margin-top: 2px;
}

._720kb-datepicker-calendar-month span {
  font-size: 13px;
  margin-left: 1%;
  color: rgba(0,0,0,.4);
}

._720kb-datepicker-calendar-month a span i {
  font-style: normal;
  font-size: 15px;
}

._720kb-datepicker-calendar-month a,
._720kb-datepicker-calendar-month a:hover {
  padding: 3px;
  margin-left: 1%;
}

._720kb-datepicker-calendar-years-pagination {
  padding: 2% 0 0;
  float: left;
  clear: right;
  width: 100%;
}

._720kb-datepicker-calendar-years-pagination a,
._720kb-datepicker-calendar-years-pagination a:hover {
  font-size: 12px;
  padding: 0 7px;
  font-weight: 400;
  margin: 3px 1% 0;
  line-height: 20px;
  display: inline-block;
}

._720kb-datepicker-calendar-years-pagination a._720kb-datepicker-active {
  color: rgba(0,0,0,.9);
  font-weight: 500;
  background: rgba(255,255,255,.45);
}

._720kb-datepicker-calendar-years-pagination-pages a,
._720kb-datepicker-calendar-years-pagination-pages a:hover {
  display: inline-block;
  padding: 5px;
  height: 20px;
  font-size: 28px;
  line-height: 16px;
}

._720kb-datepicker-calendar-days-header {
  max-width: 100%;
  margin: 0 auto;
  padding: 0 2%;
  background: rgba(19,142,250,.08);
  border-bottom: 1px solid rgba(0,0,0,.02);
}

._720kb-datepicker-calendar-days-header div {
  width: 13.2%;
  font-weight: 500;
  font-size: 11.5px;
  padding: 10px .5%;
  float: left;
  text-align: center;
  color: rgba(0,0,0,.7);
}

._720kb-datepicker-calendar-days ._720kb-datepicker-default-button {
  font-size: 18.5px;
  position: relative;
  bottom: -.5px;
}

._720kb-datepicker-calendar-header-middle._720kb-datepicker-mobile-item {
  width: 95%;
  float: none;
  margin: 0 auto;
}

._720kb-datepicker-item-hidden {
  visibility: hidden;
}

._720kb-datepicker-calendar-day._720kb-datepicker-disabled,
._720kb-datepicker-calendar-day._720kb-datepicker-disabled:hover,
._720kb-datepicker-calendar-years-pagination a._720kb-datepicker-active._720kb-datepicker-disabled,
._720kb-datepicker-calendar-years-pagination a._720kb-datepicker-active._720kb-datepicker-disabled:hover,
._720kb-datepicker-calendar-years-pagination a._720kb-datepicker-disabled,
._720kb-datepicker-calendar-years-pagination a._720kb-datepicker-disabled:hover {
  color: rgba(0,0,0,.2);
  background: rgba(25,2,0,.02);
  cursor: default;
}
/*!
 * Quill Editor v1.3.6
 * https://quilljs.com/
 * Copyright (c) 2014, Jason Chen
 * Copyright (c) 2013, salesforce.com
 */

.ql-container.ql-disabled .ql-editor ul[data-checked]>li::before,
.ql-editor ul[data-checked=false],
.ql-editor ul[data-checked=true] {
  pointer-events: none;
}

.ql-container.ql-disabled .ql-tooltip,
.ql-snow .ql-out-bottom,
.ql-snow .ql-out-top {
  visibility: hidden;
}

.ql-container,
.ql-editor,
.ql-snow,
.ql-snow *,
.ql-toolbar.ql-snow {
  box-sizing: border-box;
}

.ql-container {
  font-family: Helvetica,Arial,sans-serif;
  font-size: 13px;
  height: 100%;
  margin: 0;
  position: relative;
}

.ql-clipboard {
  left: -100000px;
  height: 1px;
  overflow-y: hidden;
  position: absolute;
  top: 50%;
}

.ql-clipboard p {
  margin: 0;
  padding: 0;
}

.ql-editor {
  line-height: 1.42;
  height: 100%;
  outline: 0;
  overflow-y: auto;
  padding: 12px 15px;
  tab-size: 4;
  -moz-tab-size: 4;
  text-align: left;
  white-space: pre-wrap;
  word-wrap: break-word;
}

.ql-editor>* {
  cursor: text;
}

.ql-editor blockquote,
.ql-editor h1,
.ql-editor h2,
.ql-editor h3,
.ql-editor h4,
.ql-editor h5,
.ql-editor h6,
.ql-editor ol,
.ql-editor p,
.ql-editor pre,
.ql-editor ul {
  margin: 0;
  padding: 0;
  counter-reset: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
}

.ql-editor ol>li,
.ql-editor ul>li {
  list-style-type: none;
}

.ql-editor ul>li::before {
  content: '\2022';
}

.ql-editor ul[data-checked=false]>li *,
.ql-editor ul[data-checked=true]>li * {
  pointer-events: all;
}

.ql-editor ul[data-checked=false]>li::before,
.ql-editor ul[data-checked=true]>li::before {
  color: #777;
  cursor: pointer;
  pointer-events: all;
}

.ql-editor ul[data-checked=true]>li::before {
  content: '\2611';
}

.ql-editor ul[data-checked=false]>li::before {
  content: '\2610';
}

.ql-editor li::before {
  display: inline-block;
  white-space: nowrap;
  width: 1.2em;
}

.ql-editor li:not(.ql-direction-rtl)::before {
  margin-left: -1.5em;
  margin-right: .3em;
  text-align: right;
}

.ql-editor li.ql-direction-rtl::before {
  margin-left: .3em;
  margin-right: -1.5em;
}

.ql-editor ol li.ql-direction-rtl,
.ql-editor ul li.ql-direction-rtl {
  padding-right: 1.5em;
}

.ql-editor ol li {
  counter-reset: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
  counter-increment: list-0;
}

.ql-editor ol li.ql-indent-1 {
  counter-increment: list-1;
  counter-reset: list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
}

.ql-editor ol li.ql-indent-1:before {
  content: counter(list-1,lower-alpha) '. ';
}

.ql-editor ol li.ql-indent-2 {
  counter-increment: list-2;
  counter-reset: list-3 list-4 list-5 list-6 list-7 list-8 list-9;
}

.ql-editor ol li.ql-indent-2:before {
  content: counter(list-2,lower-roman) '. ';
}

.ql-editor ol li.ql-indent-3 {
  counter-increment: list-3;
  counter-reset: list-4 list-5 list-6 list-7 list-8 list-9;
}

.ql-editor ol li.ql-indent-3:before {
  content: counter(list-3,decimal) '. ';
}

.ql-editor ol li.ql-indent-4 {
  counter-increment: list-4;
  counter-reset: list-5 list-6 list-7 list-8 list-9;
}

.ql-editor ol li.ql-indent-4:before {
  content: counter(list-4,lower-alpha) '. ';
}

.ql-editor ol li.ql-indent-5 {
  counter-increment: list-5;
  counter-reset: list-6 list-7 list-8 list-9;
}

.ql-editor ol li.ql-indent-5:before {
  content: counter(list-5,lower-roman) '. ';
}

.ql-editor ol li.ql-indent-6 {
  counter-increment: list-6;
  counter-reset: list-7 list-8 list-9;
}

.ql-editor ol li.ql-indent-6:before {
  content: counter(list-6,decimal) '. ';
}

.ql-editor ol li.ql-indent-7 {
  counter-increment: list-7;
  counter-reset: list-8 list-9;
}

.ql-editor ol li.ql-indent-7:before {
  content: counter(list-7,lower-alpha) '. ';
}

.ql-editor ol li.ql-indent-8 {
  counter-increment: list-8;
  counter-reset: list-9;
}

.ql-editor ol li.ql-indent-8:before {
  content: counter(list-8,lower-roman) '. ';
}

.ql-editor ol li.ql-indent-9 {
  counter-increment: list-9;
}

.ql-editor ol li.ql-indent-9:before {
  content: counter(list-9,decimal) '. ';
}

.ql-editor .ql-indent-1:not(.ql-direction-rtl) {
  padding-left: 3em;
}

.ql-editor li.ql-indent-1:not(.ql-direction-rtl) {
  padding-left: 4.5em;
}

.ql-editor .ql-indent-1.ql-direction-rtl.ql-align-right {
  padding-right: 3em;
}

.ql-editor li.ql-indent-1.ql-direction-rtl.ql-align-right {
  padding-right: 4.5em;
}

.ql-editor .ql-indent-2:not(.ql-direction-rtl) {
  padding-left: 6em;
}

.ql-editor li.ql-indent-2:not(.ql-direction-rtl) {
  padding-left: 7.5em;
}

.ql-editor .ql-indent-2.ql-direction-rtl.ql-align-right {
  padding-right: 6em;
}

.ql-editor li.ql-indent-2.ql-direction-rtl.ql-align-right {
  padding-right: 7.5em;
}

.ql-editor .ql-indent-3:not(.ql-direction-rtl) {
  padding-left: 9em;
}

.ql-editor li.ql-indent-3:not(.ql-direction-rtl) {
  padding-left: 10.5em;
}

.ql-editor .ql-indent-3.ql-direction-rtl.ql-align-right {
  padding-right: 9em;
}

.ql-editor li.ql-indent-3.ql-direction-rtl.ql-align-right {
  padding-right: 10.5em;
}

.ql-editor .ql-indent-4:not(.ql-direction-rtl) {
  padding-left: 12em;
}

.ql-editor li.ql-indent-4:not(.ql-direction-rtl) {
  padding-left: 13.5em;
}

.ql-editor .ql-indent-4.ql-direction-rtl.ql-align-right {
  padding-right: 12em;
}

.ql-editor li.ql-indent-4.ql-direction-rtl.ql-align-right {
  padding-right: 13.5em;
}

.ql-editor .ql-indent-5:not(.ql-direction-rtl) {
  padding-left: 15em;
}

.ql-editor li.ql-indent-5:not(.ql-direction-rtl) {
  padding-left: 16.5em;
}

.ql-editor .ql-indent-5.ql-direction-rtl.ql-align-right {
  padding-right: 15em;
}

.ql-editor li.ql-indent-5.ql-direction-rtl.ql-align-right {
  padding-right: 16.5em;
}

.ql-editor .ql-indent-6:not(.ql-direction-rtl) {
  padding-left: 18em;
}

.ql-editor li.ql-indent-6:not(.ql-direction-rtl) {
  padding-left: 19.5em;
}

.ql-editor .ql-indent-6.ql-direction-rtl.ql-align-right {
  padding-right: 18em;
}

.ql-editor li.ql-indent-6.ql-direction-rtl.ql-align-right {
  padding-right: 19.5em;
}

.ql-editor .ql-indent-7:not(.ql-direction-rtl) {
  padding-left: 21em;
}

.ql-editor li.ql-indent-7:not(.ql-direction-rtl) {
  padding-left: 22.5em;
}

.ql-editor .ql-indent-7.ql-direction-rtl.ql-align-right {
  padding-right: 21em;
}

.ql-editor li.ql-indent-7.ql-direction-rtl.ql-align-right {
  padding-right: 22.5em;
}

.ql-editor .ql-indent-8:not(.ql-direction-rtl) {
  padding-left: 24em;
}

.ql-editor li.ql-indent-8:not(.ql-direction-rtl) {
  padding-left: 25.5em;
}

.ql-editor .ql-indent-8.ql-direction-rtl.ql-align-right {
  padding-right: 24em;
}

.ql-editor li.ql-indent-8.ql-direction-rtl.ql-align-right {
  padding-right: 25.5em;
}

.ql-editor .ql-indent-9:not(.ql-direction-rtl) {
  padding-left: 27em;
}

.ql-editor li.ql-indent-9:not(.ql-direction-rtl) {
  padding-left: 28.5em;
}

.ql-editor .ql-indent-9.ql-direction-rtl.ql-align-right {
  padding-right: 27em;
}

.ql-editor li.ql-indent-9.ql-direction-rtl.ql-align-right {
  padding-right: 28.5em;
}

.ql-editor .ql-video {
  display: block;
  max-width: 100%;
}

.ql-editor .ql-video.ql-align-center {
  margin: 0 auto;
}

.ql-editor .ql-video.ql-align-right {
  margin: 0 0 0 auto;
}

.ql-editor .ql-bg-black {
  background-color: #000;
}

.ql-editor .ql-bg-red {
  background-color: #e60000;
}

.ql-editor .ql-bg-orange {
  background-color: #f90;
}

.ql-editor .ql-bg-yellow {
  background-color: #ff0;
}

.ql-editor .ql-bg-green {
  background-color: #008a00;
}

.ql-editor .ql-bg-blue {
  background-color: #06c;
}

.ql-editor .ql-bg-purple {
  background-color: #93f;
}

.ql-editor .ql-color-white {
  color: #fff;
}

.ql-editor .ql-color-red {
  color: #e60000;
}

.ql-editor .ql-color-orange {
  color: #f90;
}

.ql-editor .ql-color-yellow {
  color: #ff0;
}

.ql-editor .ql-color-green {
  color: #008a00;
}

.ql-editor .ql-color-blue {
  color: #06c;
}

.ql-editor .ql-color-purple {
  color: #93f;
}

.ql-editor .ql-font-serif {
  font-family: Georgia,Times New Roman,serif;
}

.ql-editor .ql-font-monospace {
  font-family: Monaco,Courier New,monospace;
}

.ql-editor .ql-size-small {
  font-size: .75em;
}

.ql-editor .ql-size-large {
  font-size: 1.5em;
}

.ql-editor .ql-size-huge {
  font-size: 2.5em;
}

.ql-editor .ql-direction-rtl {
  direction: rtl;
  text-align: inherit;
}

.ql-editor .ql-align-center {
  text-align: center;
}

.ql-editor .ql-align-justify {
  text-align: justify;
}

.ql-editor .ql-align-right {
  text-align: right;
}

.ql-editor.ql-blank::before {
  color: rgba(0,0,0,.6);
  content: attr(data-placeholder);
  font-style: italic;
  left: 15px;
  pointer-events: none;
  position: absolute;
  right: 15px;
}

.ql-snow .ql-toolbar:after,
.ql-snow.ql-toolbar:after {
  clear: both;
  content: '';
  display: table;
}

.ql-snow .ql-toolbar button,
.ql-snow.ql-toolbar button {
  background: 0 0;
  border: none;
  cursor: pointer;
  display: inline-block;
  float: left;
  height: 24px;
  padding: 3px 5px;
  width: 28px;
}

.ql-snow .ql-hidden,
.ql-snow .ql-toolbar input.ql-image[type=file],
.ql-snow.ql-toolbar input.ql-image[type=file] {
  display: none;
}

.ql-snow .ql-toolbar button svg,
.ql-snow.ql-toolbar button svg {
  float: left;
  height: 100%;
}

.ql-snow .ql-toolbar button:active:hover,
.ql-snow.ql-toolbar button:active:hover {
  outline: 0;
}

.ql-snow .ql-toolbar .ql-picker-item.ql-selected,
.ql-snow .ql-toolbar .ql-picker-item:hover,
.ql-snow .ql-toolbar .ql-picker-label.ql-active,
.ql-snow .ql-toolbar .ql-picker-label:hover,
.ql-snow .ql-toolbar button.ql-active,
.ql-snow .ql-toolbar button:focus,
.ql-snow .ql-toolbar button:hover,
.ql-snow.ql-toolbar .ql-picker-item.ql-selected,
.ql-snow.ql-toolbar .ql-picker-item:hover,
.ql-snow.ql-toolbar .ql-picker-label.ql-active,
.ql-snow.ql-toolbar .ql-picker-label:hover,
.ql-snow.ql-toolbar button.ql-active,
.ql-snow.ql-toolbar button:focus,
.ql-snow.ql-toolbar button:hover {
  color: #06c;
}

.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-fill,
.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill,
.ql-snow .ql-toolbar .ql-picker-item:hover .ql-fill,
.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,
.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-fill,
.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,
.ql-snow .ql-toolbar .ql-picker-label:hover .ql-fill,
.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,
.ql-snow .ql-toolbar button.ql-active .ql-fill,
.ql-snow .ql-toolbar button.ql-active .ql-stroke.ql-fill,
.ql-snow .ql-toolbar button:focus .ql-fill,
.ql-snow .ql-toolbar button:focus .ql-stroke.ql-fill,
.ql-snow .ql-toolbar button:hover .ql-fill,
.ql-snow .ql-toolbar button:hover .ql-stroke.ql-fill,
.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill,
.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill,
.ql-snow.ql-toolbar .ql-picker-item:hover .ql-fill,
.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,
.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill,
.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,
.ql-snow.ql-toolbar .ql-picker-label:hover .ql-fill,
.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,
.ql-snow.ql-toolbar button.ql-active .ql-fill,
.ql-snow.ql-toolbar button.ql-active .ql-stroke.ql-fill,
.ql-snow.ql-toolbar button:focus .ql-fill,
.ql-snow.ql-toolbar button:focus .ql-stroke.ql-fill,
.ql-snow.ql-toolbar button:hover .ql-fill,
.ql-snow.ql-toolbar button:hover .ql-stroke.ql-fill {
  fill: #06c;
}

.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke,
.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter,
.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke,
.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke-miter,
.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke,
.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,
.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke,
.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke-miter,
.ql-snow .ql-toolbar button.ql-active .ql-stroke,
.ql-snow .ql-toolbar button.ql-active .ql-stroke-miter,
.ql-snow .ql-toolbar button:focus .ql-stroke,
.ql-snow .ql-toolbar button:focus .ql-stroke-miter,
.ql-snow .ql-toolbar button:hover .ql-stroke,
.ql-snow .ql-toolbar button:hover .ql-stroke-miter,
.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke,
.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter,
.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke,
.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke-miter,
.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke,
.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,
.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke,
.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke-miter,
.ql-snow.ql-toolbar button.ql-active .ql-stroke,
.ql-snow.ql-toolbar button.ql-active .ql-stroke-miter,
.ql-snow.ql-toolbar button:focus .ql-stroke,
.ql-snow.ql-toolbar button:focus .ql-stroke-miter,
.ql-snow.ql-toolbar button:hover .ql-stroke,
.ql-snow.ql-toolbar button:hover .ql-stroke-miter {
  stroke: #06c;
}

@media (pointer:coarse) {
  .ql-snow .ql-toolbar button:hover:not(.ql-active),
  .ql-snow.ql-toolbar button:hover:not(.ql-active) {
    color: #444;
  }

  .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-fill,
  .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill,
  .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-fill,
  .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill {
    fill: #444;
  }

  .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke,
  .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter,
  .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke,
  .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter {
    stroke: #444;
  }
}

.ql-snow .ql-tooltip {
  position: absolute;
  transform: translateY(10px);
}

.ql-snow .ql-tooltip a {
  cursor: pointer;
  text-decoration: none;
}

.ql-snow .ql-tooltip.ql-flip {
  transform: translateY(-10px);
}

.ql-snow .ql-formats {
  display: inline-block;
  vertical-align: middle;
}

.ql-snow .ql-formats:after {
  clear: both;
  content: '';
  display: table;
}

.ql-snow .ql-stroke {
  fill: none;
  stroke: #444;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: 2;
}

.ql-snow .ql-stroke-miter {
  fill: none;
  stroke: #444;
  stroke-miterlimit: 10;
  stroke-width: 2;
}

.ql-snow .ql-fill,
.ql-snow .ql-stroke.ql-fill {
  fill: #444;
}

.ql-snow .ql-empty {
  fill: none;
}

.ql-snow .ql-even {
  fill-rule: evenodd;
}

.ql-snow .ql-stroke.ql-thin,
.ql-snow .ql-thin {
  stroke-width: 1;
}

.ql-snow .ql-transparent {
  opacity: .4;
}

.ql-snow .ql-direction svg:last-child {
  display: none;
}

.ql-active {
  overflow: hidden;
  white-space: normal;
}

.ql-snow .ql-direction.ql-active svg:last-child {
  display: inline;
}

.ql-snow .ql-direction.ql-active svg:first-child {
  display: none;
}

.ql-snow .ql-editor h1 {
  font-size: 2em;
}

.ql-snow .ql-editor h2 {
  font-size: 1.5em;
}

.ql-snow .ql-editor h3 {
  font-size: 1.17em;
}

.ql-snow .ql-editor h4 {
  font-size: 1em;
}

.ql-snow .ql-editor h5 {
  font-size: .83em;
}

.ql-snow .ql-editor h6 {
  font-size: .67em;
}

.ql-snow .ql-editor a {
  text-decoration: underline;
}

.ql-snow .ql-editor blockquote {
  border-left: 4px solid #ccc;
  margin-bottom: 5px;
  margin-top: 5px;
  padding-left: 16px;
}

.ql-snow .ql-editor code,
.ql-snow .ql-editor pre {
  background-color: #f0f0f0;
  border-radius: 3px;
}

.ql-snow .ql-editor pre {
  white-space: pre-wrap;
  margin-bottom: 5px;
  margin-top: 5px;
  padding: 5px 10px;
}

.ql-snow .ql-editor code {
  font-size: 85%;
  padding: 2px 4px;
}

.ql-snow .ql-editor pre.ql-syntax {
  background-color: transparent;
  color: inherit;
  overflow: visible;
}

.ql-snow .ql-editor img {
  max-width: 100%;
  vertical-align: baseline;
}

.ql-snow .ql-picker {
  color: #444;
  display: inline-block;
  float: left;
  font-size: 14px;
  font-weight: 500;
  height: 24px;
  position: relative;
  vertical-align: middle;
}

.ql-snow .ql-picker-label {
  cursor: pointer;
  display: inline-block;
  height: 100%;
  padding-left: 8px;
  padding-right: 2px;
  position: relative;
  width: 100%;
}

.ql-snow .ql-picker-label::before {
  display: inline-block;
  line-height: inherit;
  max-width: calc(100% - 15px);
  overflow: hidden;
  white-space: nowrap;
}

.ql-snow .ql-picker-options {
  background-color: #fff;
  display: none;
  min-width: 100%;
  padding: 4px 8px;
  position: absolute;
  white-space: nowrap;
}

.ql-snow .ql-picker-options .ql-picker-item {
  cursor: pointer;
  display: block;
  padding-bottom: 5px;
  padding-top: 5px;
}

.ql-snow .ql-picker.ql-expanded .ql-picker-label {
  color: #ccc;
  z-index: 2;
}

.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill {
  fill: #ccc;
}

.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke {
  stroke: #ccc;
}

.ql-snow .ql-picker.ql-expanded .ql-picker-options {
  display: block;
  margin-top: -1px;
  top: 100%;
  z-index: 1;
}

.ql-snow .ql-color-picker,
.ql-snow .ql-icon-picker {
  width: 28px;
}

.ql-snow .ql-color-picker .ql-picker-label,
.ql-snow .ql-icon-picker .ql-picker-label {
  padding: 2px 4px;
}

.ql-snow .ql-color-picker .ql-picker-label svg,
.ql-snow .ql-icon-picker .ql-picker-label svg {
  right: 4px;
}

.ql-snow .ql-icon-picker .ql-picker-options {
  padding: 4px 0;
}

.ql-snow .ql-icon-picker .ql-picker-item {
  height: 24px;
  width: 24px;
  padding: 2px 4px;
}

.ql-snow .ql-color-picker .ql-picker-options {
  padding: 3px 5px;
  width: 152px;
}

.ql-snow .ql-color-picker .ql-picker-item {
  border: 1px solid transparent;
  float: left;
  height: 16px;
  margin: 2px;
  padding: 0;
  width: 16px;
}

.ql-snow .ql-picker:not(.ql-color-picker):not(.ql-icon-picker) svg {
  position: absolute;
  margin-top: -9px;
  right: 0;
  top: 50%;
  width: 18px;
}

.ql-snow .ql-picker.ql-font .ql-picker-item[data-label]:not([data-label=''])::before,
.ql-snow .ql-picker.ql-font .ql-picker-label[data-label]:not([data-label=''])::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-label]:not([data-label=''])::before,
.ql-snow .ql-picker.ql-header .ql-picker-label[data-label]:not([data-label=''])::before,
.ql-snow .ql-picker.ql-size .ql-picker-item[data-label]:not([data-label=''])::before,
.ql-snow .ql-picker.ql-size .ql-picker-label[data-label]:not([data-label=''])::before {
  content: attr(data-label);
}

.ql-snow .ql-picker.ql-header {
  width: 98px;
}

.ql-snow .ql-picker.ql-header .ql-picker-item::before,
.ql-snow .ql-picker.ql-header .ql-picker-label::before {
  content: 'Normal';
}

.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="1"]::before,
.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="1"]::before {
  content: 'Heading 1';
}

.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="2"]::before,
.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="2"]::before {
  content: 'Heading 2';
}

.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="3"]::before,
.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="3"]::before {
  content: 'Heading 3';
}

.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="4"]::before,
.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="4"]::before {
  content: 'Heading 4';
}

.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="5"]::before,
.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="5"]::before {
  content: 'Heading 5';
}

.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="6"]::before,
.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="6"]::before {
  content: 'Heading 6';
}

.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="1"]::before {
  font-size: 2em;
}

.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="2"]::before {
  font-size: 1.5em;
}

.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="3"]::before {
  font-size: 1.17em;
}

.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="4"]::before {
  font-size: 1em;
}

.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="5"]::before {
  font-size: .83em;
}

.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="6"]::before {
  font-size: .67em;
}

.ql-snow .ql-picker.ql-font {
  width: 108px;
}

.ql-snow .ql-picker.ql-font .ql-picker-item::before,
.ql-snow .ql-picker.ql-font .ql-picker-label::before {
  content: 'Sans Serif';
}

.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=serif]::before,
.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=serif]::before {
  content: 'Serif';
}

.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=monospace]::before,
.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=monospace]::before {
  content: 'Monospace';
}

.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=serif]::before {
  font-family: Georgia,Times New Roman,serif;
}

.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=monospace]::before {
  font-family: Monaco,Courier New,monospace;
}

.ql-snow .ql-picker.ql-size {
  width: 98px;
}

.ql-snow .ql-picker.ql-size .ql-picker-item::before,
.ql-snow .ql-picker.ql-size .ql-picker-label::before {
  content: 'Normal';
}

.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=small]::before,
.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=small]::before {
  content: 'Small';
}

.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=large]::before,
.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=large]::before {
  content: 'Large';
}

.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=huge]::before,
.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=huge]::before {
  content: 'Huge';
}

.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=small]::before {
  font-size: 10px;
}

.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=large]::before {
  font-size: 18px;
}

.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=huge]::before {
  font-size: 32px;
}

.ql-snow .ql-color-picker.ql-background .ql-picker-item {
  background-color: #fff;
}

.ql-snow .ql-color-picker.ql-color .ql-picker-item {
  background-color: #000;
}

.ql-toolbar.ql-snow {
  border: 1px solid #ccc;
  font-family: 'Helvetica Neue',Helvetica,Arial,sans-serif;
  padding: 8px;
}

.ql-toolbar.ql-snow .ql-formats {
  margin-right: 15px;
}

.ql-toolbar.ql-snow .ql-picker-label {
  border: 1px solid transparent;
}

.ql-toolbar.ql-snow .ql-picker-options {
  border: 1px solid transparent;
  box-shadow: rgba(0,0,0,.2) 0 2px 8px;
}

.ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label,
.ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options {
  border-color: #ccc;
}

.ql-toolbar.ql-snow .ql-color-picker .ql-picker-item.ql-selected,
.ql-toolbar.ql-snow .ql-color-picker .ql-picker-item:hover {
  border-color: #000;
}

.ql-toolbar.ql-snow+.ql-container.ql-snow {
  border-top: 0;
}

.ql-snow .ql-tooltip {
  background-color: #fff;
  border: 1px solid #ccc;
  box-shadow: 0 0 5px #ddd;
  color: #444;
  padding: 5px 12px;
  white-space: nowrap;
}

.ql-snow .ql-tooltip::before {
  content: "URL:";
  line-height: 26px;
  margin-right: 8px;
}

.ql-snow .ql-tooltip input[type=text] {
  display: none;
  border: 1px solid #ccc;
  font-size: 13px;
  height: 26px;
  margin: 0;
  padding: 3px 5px;
  width: 170px;
}

.ql-snow .ql-tooltip a.ql-preview {
  display: inline-block;
  max-width: 200px;
  overflow-x: hidden;
  text-overflow: ellipsis;
  vertical-align: top;
}

.ql-snow .ql-tooltip a.ql-action::after {
  border-right: 1px solid #ccc;
  content: '编辑';
  margin-left: 16px;
  padding-right: 8px;
}

.ql-snow .ql-tooltip a.ql-remove::before {
  content: '删除';
  margin-left: 8px;
}

.ql-snow .ql-tooltip a {
  line-height: 26px;
}

.ql-snow .ql-tooltip.ql-editing a.ql-preview,
.ql-snow .ql-tooltip.ql-editing a.ql-remove {
  display: none;
}

.ql-snow .ql-tooltip.ql-editing input[type=text] {
  display: inline-block;
}

.ql-snow .ql-tooltip.ql-editing a.ql-action::after,
.quill-zh .ql-snow .ql-tooltip.ql-editing a.ql-action::after {
  border-right: 0;
  content: '保存';
  padding-right: 0;
}

.ql-snow .ql-tooltip[data-mode=link]::before,
.quill-zh .ql-snow .ql-tooltip[data-mode=link]::before {
  content: "输入链接:";
}

.ql-snow .ql-tooltip[data-mode=formula]::before,
.quill-zh .ql-snow .ql-tooltip[data-mode=formula]::before {
  content: "输入公式:";
}

.ql-snow .ql-tooltip[data-mode=video]::before,
.quill-zh .ql-snow .ql-tooltip[data-mode=video]::before {
  content: "输入视频:";
}

.ql-snow .ql-tooltip.ql-editing a.ql-action::after,
.quill-en .ql-snow .ql-tooltip.ql-editing a.ql-action::after {
  border-right: 0;
  content: 'Save';
  padding-right: 0;
}

.quill-en .ql-snow .ql-tooltip[data-mode=link]::before {
  content: "Enter link:";
}

.quill-en .ql-snow .ql-tooltip[data-mode=formula]::before {
  content: "Enter formula:";
}

.quill-en .ql-snow .ql-tooltip[data-mode=video]::before {
  content: "Enter video:";
}

.ql-snow a {
  color: #06c;
}

.ql-container.ql-snow {
  border: 1px solid #ccc;
}
.ql-snow .ql-toolbar button,
.ql-snow.ql-toolbar button {
  padding: 3px 0;
  width: 18px;
}

.ql-toolbar.ql-snow .ql-formats {
  margin-right: 4px;
}

.ql-snow .ql-picker.ql-font {
  width: 82px;
}

.ql-snow .ql-picker.ql-size {
  width: 60px;
}

.ql-snow .ql-picker.ql-size .ql-picker-item[data-value='12px']::before,
.ql-snow .ql-picker.ql-size .ql-picker-label[data-value='12px']::before {
  content: '12px';
}

.ql-snow .ql-picker.ql-size .ql-picker-item[data-value='13px']::before,
.ql-snow .ql-picker.ql-size .ql-picker-label[data-value='13px']::before {
  content: '13px';
}

.ql-snow .ql-picker.ql-size .ql-picker-item::before,
.ql-snow .ql-picker.ql-size .ql-picker-label::before {
  content: '14px';
}

.ql-snow .ql-picker.ql-size .ql-picker-item[data-value='15px']::before,
.ql-snow .ql-picker.ql-size .ql-picker-label[data-value='15px']::before {
  content: '15px';
}

.ql-snow .ql-picker.ql-size .ql-picker-item[data-value='16px']::before,
.ql-snow .ql-picker.ql-size .ql-picker-label[data-value='16px']::before {
  content: '16px';
}

.ql-snow .ql-picker.ql-size .ql-picker-item[data-value='18px']::before,
.ql-snow .ql-picker.ql-size .ql-picker-label[data-value='18px']::before {
  content: '18px';
}

.ql-snow .ql-picker.ql-size .ql-picker-item[data-value='24px']::before,
.ql-snow .ql-picker.ql-size .ql-picker-label[data-value='24px']::before {
  content: '24px';
}

.ql-snow .ql-picker.ql-size .ql-picker-item[data-value='32px']::before,
.ql-snow .ql-picker.ql-size .ql-picker-label[data-value='32px']::before {
  content: '32px';
}

.ql-snow .ql-picker.ql-size .ql-picker-item[data-value='40px']::before,
.ql-snow .ql-picker.ql-size .ql-picker-label[data-value='40px']::before {
  content: '40px';
}

.ql-snow .ql-picker.ql-font .ql-picker-item::before,
.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=ms-yahei]::before,
.ql-snow .ql-picker.ql-font .ql-picker-label::before,
.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=ms-yahei]::before {
  content: '微软雅黑';
}

.ql-font-ms-yahei {
  font-family: 'Microsoft YaHei',SimSun,NSimSun,sans-serif;
}

.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=SimSun]::before,
.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=SimSun]::before {
  content: '宋体';
}

.ql-font-SimSun {
  font-family: SimSun,NSimSun,sans-serif;
}

.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=NSimSun]::before,
.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=NSimSun]::before {
  content: '新宋体';
}

.ql-font-NSimSun {
  font-family: NSimSun,'新宋体',Helvetica,Arial,sans-serif;
}

.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=FangSong]::before,
.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=FangSong]::before {
  content: '仿宋';
}

.ql-font-FangSong {
  font-family: FangSong,Helvetica,Arial,sans-serif;
}

.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=Helvetica]::before,
.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=Helvetica]::before {
  content: 'Helvetica';
}

.ql-font-Helvetica {
  font-family: Helvetica,Arial,sans-serif;
}

.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=Arial]::before,
.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=Arial]::before {
  content: 'Arial';
}

.ql-font-Arial {
  font-family: Arial,sans-serif;
}

.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=Meiryo-UI]::before,
.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=Meiryo-UI]::before {
  content: 'Meiryo UI';
}

.ql-font-Meiryo-UI {
  font-family: 'Meiryo UI',sans-serif;
}

.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=ja-font1]::before,
.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=ja-font1]::before {
  content: 'メイリオ';
}

.ql-font-ja-font1 {
  font-family: 'メイリオ',sans-serif;
}

.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=ja-font2]::before,
.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=ja-font2]::before {
  content: 'MS明朝';
}

.ql-font-ja-font2 {
  font-family: 'MS明朝',sans-serif;
}

.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=ja-font3]::before,
.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=ja-font3]::before {
  content: 'MSP明朝';
}

.ql-font-ja-font3 {
  font-family: 'MSP明朝',sans-serif;
}

.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=ja-font4]::before,
.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=ja-font4]::before {
  content: '游明朝';
}

.ql-font-ja-font4 {
  font-family: '游明朝',sans-serif;
}

.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=ja-font5]::before,
.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=ja-font5]::before {
  content: 'MSゴシック';
}

.ql-font-ja-font5 {
  font-family: 'MSゴシック',sans-serif;
}

.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=ja-font6]::before,
.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=ja-font6]::before {
  content: 'MSPゴシック';
}

.ql-font-ja-font6 {
  font-family: 'MSPゴシック',sans-serif;
}

.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=ja-font7]::before,
.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=ja-font7]::before {
  content: 'MS UI Gothic';
}

.ql-font-ja-font7 {
  font-family: 'MS UI Gothic',sans-serif;
}

.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=ja-font8]::before,
.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=ja-font8]::before {
  content: '游ゴシック';
}

.ql-font-ja-font8 {
  font-family: '游ゴシック',sans-serif;
}

.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=ja-font9]::before,
.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=ja-font9]::before {
  content: 'ヒラギノ角ゴ Pro W3';
}

.ql-font-ja-font9 {
  font-family: 'ヒラギノ角ゴ Pro W3',sans-serif;
}

.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=ja-font10]::before,
.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=ja-font10]::before {
  content: 'Hiragino Kaku Gothic Pro';
}

.ql-font-ja-font10 {
  font-family: 'Hiragino Kaku Gothic Pro',sans-serif;
}

.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=sans-serif]::before,
.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=sans-serif]::before {
  content: 'sans-serif';
}

.ql-font-sans-serif {
  font-family: sans-serif,sans-serif;
}

.ql-snow .ql-tooltip.ql-editing a.ql-action::after {
  content: '确定'!important;
}

.ql-snow .ql-tooltip[data-mode=link]::before {
  content: "地址:"!important;
}

.ql-snow .ql-tooltip[data-mode=formula]::before {
  content: "公式:"!important;
}

.ql-snow .ql-tooltip[data-mode=video]::before {
  content: "视频:"!important;
}

.ql-snow .ql-tooltip a.ql-action::after {
  content: '编辑'!important;
}

.ql-snow .ql-tooltip a.ql-remove::before {
  content: '清除'!important;
}

.ql-snow .ql-tooltip::before {
  content: "地址:"!important;
}

.quill-en.ql-snow .ql-tooltip.ql-editing a.ql-action::after {
  content: 'Save'!important;
}

.quill-en.ql-snow .ql-tooltip[data-mode=link]::before {
  content: "address:"!important;
}

.quill-en.ql-snow .ql-tooltip[data-mode=formula]::before {
  content: "formula:"!important;
}

.quill-en.ql-snow .ql-tooltip[data-mode=video]::before {
  content: "video:"!important;
}

.quill-en.ql-snow .ql-tooltip a.ql-action::after {
  content: 'edit'!important;
}

.quill-en.ql-snow .ql-tooltip a.ql-remove::before {
  content: 'delete'!important;
}

.quill-en.ql-snow .ql-tooltip::before {
  content: "address:"!important;
}

.quill-zh-tw .ql-snow .ql-picker.ql-font .ql-picker-item[data-value=ms-yahei]::before,
.quill-zh-tw .ql-snow .ql-picker.ql-font .ql-picker-label[data-value=ms-yahei]::before {
  content: "微軟雅黑"!important;
}

.quill-zh-tw .ql-snow .ql-picker.ql-font .ql-picker-item[data-value=SimSun]::before,
.quill-zh-tw .ql-snow .ql-picker.ql-font .ql-picker-label[data-value=SimSun]::before {
  content: "宋體"!important;
}

.quill-zh-tw .ql-snow .ql-picker.ql-font .ql-picker-item[data-value=NSimSun]::before,
.quill-zh-tw .ql-snow .ql-picker.ql-font .ql-picker-label[data-value=NSimSun]::before {
  content: "新宋體"!important;
}

.quill-zh-tw .ql-snow .ql-picker.ql-font .ql-picker-item[data-value=FangSong]::before,
.quill-zh-tw .ql-snow .ql-picker.ql-font .ql-picker-label[data-value=FangSong]::before {
  content: "倣宋"!important;
}

.quill-en .ql-snow .ql-picker.ql-font .ql-picker-item[data-value=ms-yahei]::before,
.quill-en .ql-snow .ql-picker.ql-font .ql-picker-label[data-value=ms-yahei]::before {
  content: "Microsoft Yahei"!important;
}

.quill-en .ql-snow .ql-picker.ql-font .ql-picker-item[data-value=SimSun]::before,
.quill-en .ql-snow .ql-picker.ql-font .ql-picker-label[data-value=SimSun]::before {
  content: "SimSun"!important;
}

.quill-en .ql-snow .ql-picker.ql-font .ql-picker-item[data-value=NSimSun]::before,
.quill-en .ql-snow .ql-picker.ql-font .ql-picker-label[data-value=NSimSun]::before {
  content: "NSimSun"!important;
}

.quill-en .ql-snow .ql-picker.ql-font .ql-picker-item[data-value=FangSong]::before,
.quill-en .ql-snow .ql-picker.ql-font .ql-picker-label[data-value=FangSong]::before {
  content: "FangSong"!important;
}

.ql-snow .ql-stroke {
  stroke-width: 1.4px;
  stroke: #636363;
}

.ql-snow.ql-toolbar button {
  width: 24px;
  height: 27px;
  margin-left: 3px;
}

.ql-toolbar.ql-snow {
  height: 30px;
  line-height: 27px;
}

.ql-snow .ql-picker {
  line-height: 24px;
}

span.btn-link {
  cursor: pointer;
}

textarea.ql-editor {
  display: none;
  width: 100%;
  height: 100%;
  border: none;
  resize: none;
}

.ql-editor-source div.ql-editor {
  display: none;
}

.ql-editor-source textarea.ql-editor {
  display: block;
}

.ql-editor-source .ql-formats button,
.ql-editor-source .ql-formats span {
  pointer-events: none;
}

.ql-editor-source .ql-formats span,
.ql-editor-source .ql-formats svg * {
  color: #bbb;
  stroke: #bbb;
}

.ql-active {
  overflow: hidden;
  white-space: normal;
}

.chat-editor-file,
.chat-fileUpload,
.chat-imageUpload {
  display: inline-block;
  vertical-align: bottom;
  color: #000!important;
  text-decoration: none!important;
  position: relative;
}

.chat-fileUpload::before,
.chat-imageUpload::before {
  font-size: 36px;
  color: #ccc!important;
  font-family: echat,echat-config;
}

.chat-imageUpload::before {
  content: "\e7d8";
}

.chat-fileUpload::before {
  content: "\e7a8";
}

.chat-fileUpload::after,
.chat-imageUpload::after {
  content: attr(progress)"%";
  color: #888;
  position: absolute;
  bottom: -6px;
  left: 0;
  width: 100%;
  text-align: center;
}

.chat-editor-file {
  font-family: echat,echat-config;
  width: 54px;
  height: 48px;
  line-height: 58px;
  cursor: pointer;
  font-size: 0;
}

.chat-editor-file>img {
  opacity: 0;
}

.chat-editor-file::before {
  content: "\e6b8";
  font-size: 54px;
  color: #ffcd2c!important;
}

.chat-editor-image {
  width: 100px;
  cursor: pointer;
  vertical-align: bottom;
}
.icon_export,
.icon_export.hasNew:after {
  position: absolute;
  display: inline-block;
}

li,
ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

.icon_export {
  width: 24px;
  height: 24px;
  cursor: pointer;
  right: 20px;
  bottom: 4px;
}

.icon_export:before {
  content: '\e67b';
  font-family: echat;
  font-style: normal;
  font-size: 1.4285rem;
  display: inline-block;
}

.icon_export.hasNew:after {
  content: attr(msg-amount);
  top: -5px;
  right: 0;
  min-width: 14px;
  height: 14px;
  background: red;
  font-style: normal;
  font-size: 12px;
  font-weight: 700;
  color: #fff;
  text-align: center;
  border-radius: 10px;
  line-height: 13px;
}

.hasNew[msg-amount='0']:after {
  content: "";
  min-width: 6px;
  width: 6px;
  height: 6px;
  top: -1px;
  right: 3px;
}

.export-wrap {
  position: absolute;
  display: none;
  top: 10px;
  right: -50%;
  width: 306px;
  transition: all .8s;
  height: calc(100% - 10px);
  background: #fff;
  box-shadow: -3px 0 10px 2px #CCC;
}

.export-item-hide {
  animation: heightHiding .6s ease-in-out;
  -webkit-animation: heightHiding .6s ease-in-out;
  animation-fill-mode: forwards;
  overflow: hidden;
}

@keyframes heightHiding {
  from {
    height: auto;
    opacity: 1;
  }

  to {
    height: 0;
    padding-top: 0;
    padding-bottom: 0;
    opacity: 0;
    display: none;
  }
}

.export-wrap.inshow-add,
.export-wrap.inshow-remove {
  display: block;
}

.export-wrap.inshow {
  right: 0;
  z-index: 1000;
  min-width: 376px;
  display: block;
}

.export-title {
  height: 50px;
  line-height: 50px;
  background-color: #EBEFF2;
  text-align: center;
}

.result-export>:first-child,
.result-import>:nth-child(2) {
  border-bottom: 2px solid #0da7db;
  color: #0da7db;
}

.result-import~.export-content a.btn-download {
  display: none;
}

.export-content {
  position: relative;
  height: calc(100% - 120px);
  overflow: auto;
  font-size: 13px;
  color: #323232;
}

.export-more,
.export-new {
  height: 20px;
  line-height: 20px;
  text-align: center;
}

.export-new {
  position: absolute;
  top: -20px;
}

.export-item {
  position: relative;
  padding: 15px 10px;
  border-bottom: 1px solid #ebeef3;
}

.export-item:hover {
  background: #f8f8f8;
}

.btn-download {
  float: right;
  margin: -7px 9px 0;
  font-size: 20px;
  text-decoration: none;
  color: inherit;
}

.icon-download {
  display: inline-block;
  width: 30px;
  height: 30px;
  background-position: -437px -630px;
}

.span-downloading {
  float: right;
  font-size: 12px;
}

.btn-downloading {
  float: right;
  padding: 0;
  cursor: pointer;
  width: 0;
  margin-left: 12px;
  margin-bottom: 5px;
  overflow: hidden;
  color: #0da7db;
  animation: loading 1s ease-in-out infinite 0s alternate;
  -webkit-animation: loading 1s ease-in-out infinite 0s alternate;
}

@keyframes loading {
  from {
    width: 0;
    overflow: hidden;
    color: inherit;
    margin-left: 12px;
  }

  to {
    width: 12px;
    overflow: hidden;
    color: #0da7db;
    margin-left: 0;
  }
}

@-webkit-keyframes loading {
  from {
    width: 0;
    overflow: hidden;
    color: inherit;
    margin-left: 12px;
  }

  to {
    width: 12px;
    overflow: hidden;
    color: #0da7db;
    margin-left: 0;
  }
}

.export-item-type {
  color: #0da7db;
}

.export-item-filename {
  width: 135px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: inline-block;
}

.export-item-content {
  position: relative;
  margin-top: 14px;
  margin-left: 18px;
}

.export-item-unread.export-item-content::before {
  content: ' ';
  display: block;
  position: absolute;
  top: 6px;
  left: -15px;
  width: 6px;
  height: 6px;
  background: red;
  border-radius: 6px;
}

.import-download {
  position: absolute;
  right: 16px;
  color: #888;
}

.import-download.success {
  color: #0da7db;
}

.import-download.fail {
  color: red;
}

.btn-export-close {
  display: block;
  float: right;
  width: 30px;
  height: 30px;
  margin-top: 8px;
  background-position: -603px -112px;
}

.btn-export-close:hover {
  background-position: -603px -72px;
}

.no-data-wrap:before {
  content: "";
  display: block;
  width: 100%;
  margin-top: 10%;
  height: 180px;
  background: url("../../config/res/img/blank.png") 50% 50% no-repeat;
}

.no-data-wrap {
  position: relative;
  display: none;
  text-align: center;
  color: #333;
  font-size: 2rem;
}

.export-item:hover .export-item-del,
.export-item:hover .export-item-jump {
  display: block;
}

.export-item-del,
.export-item-jump {
  display: none;
  position: absolute;
  padding: 8px;
  cursor: pointer;
}

.export-item-del {
  top: 4px;
  right: 0;
  font-size: 14px;
}

.export-item-jump {
  right: 20px;
  top: -41px;
  font-size: 12px;
}

.exprot-dot {
  width: 2px;
  height: 2px;
  background: #0DA7DB;
  border-radius: 6px;
  display: inline-block;
  margin: -1px 5px 0;
  vertical-align: middle;
}
.emoji {
  width: 37px;
  height: 37px;
  background-image: url("../../res/emoji/emoji-a0714e46c0.png");
  background-repeat: no-repeat;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.ej-k1f604 {
  background-position: 0 0;
}

.ej-k1f60a {
  background-position: -36.3px 0;
}

.ej-k1f603 {
  background-position: -72.6px 0;
}

.ej-k263a {
  background-position: -108.9px 0;
}

.ej-k1f609 {
  background-position: -145.2px 0;
}

.ej-k1f60d {
  background-position: -181.5px 0;
}

.ej-k1f618 {
  background-position: -217.8px 0;
}

.ej-k1f61a {
  background-position: -254.1px 0;
}

.ej-k1f633 {
  background-position: -290.4px 0;
}

.ej-k1f60c {
  background-position: -326.7px 0;
}

.ej-k1f601 {
  background-position: -363px 0;
}

.ej-k1f61c {
  background-position: -399.3px 0;
}

.ej-k1f61d {
  background-position: -435.6px 0;
}

.ej-k1f612 {
  background-position: -471.9px 0;
}

.ej-k1f60f {
  background-position: -508.2px 0;
}

.ej-k1f613 {
  background-position: 0 -36.8px;
}

.ej-k1f614 {
  background-position: -36.3px -36.8px;
}

.ej-k1f61e {
  background-position: -72.6px -36.8px;
}

.ej-k1f616 {
  background-position: -108.9px -36.8px;
}

.ej-k1f625 {
  background-position: -145.2px -36.8px;
}

.ej-k1f630 {
  background-position: -181.5px -36.8px;
}

.ej-k1f628 {
  background-position: -217.8px -36.8px;
}

.ej-k1f623 {
  background-position: -254.1px -36.8px;
}

.ej-k1f622 {
  background-position: -290.4px -36.8px;
}

.ej-k1f62d {
  background-position: -326.7px -36.8px;
}

.ej-k1f602 {
  background-position: -363px -36.8px;
}

.ej-k1f632 {
  background-position: -399.3px -36.8px;
}

.ej-k1f631 {
  background-position: -435.6px -36.8px;
}

.ej-k1f620 {
  background-position: -471.9px -36.8px;
}

.ej-k1f621 {
  background-position: -508.2px -36.8px;
}

.ej-k1f62a {
  background-position: 0 -73.6px;
}

.ej-k1f637 {
  background-position: -36.3px -73.6px;
}

.ej-k1f47f {
  background-position: -72.6px -73.6px;
}

.ej-k1f47d {
  background-position: -108.9px -73.6px;
}

.ej-k2764 {
  background-position: -145.2px -73.6px;
}

.ej-k1f494 {
  background-position: -181.5px -73.6px;
}

.ej-k1f498 {
  background-position: -217.8px -73.6px;
}

.ej-k2728 {
  background-position: -254.1px -73.6px;
}

.ej-k2b50 {
  background-position: -290.4px -73.6px;
}

.ej-k2757 {
  background-position: -326.7px -73.6px;
}

.ej-k2753 {
  background-position: -363px -73.6px;
}

.ej-k1f4a4 {
  background-position: -399.3px -73.6px;
}

.ej-k1f4a6 {
  background-position: -435.6px -73.6px;
}

.ej-k1f3b5 {
  background-position: -471.9px -73.6px;
}

.ej-k1f525 {
  background-position: -508.2px -73.6px;
}

.ej-k1f4a9 {
  background-position: 0 -110.4px;
}

.ej-k1f44d {
  background-position: -36.3px -110.4px;
}

.ej-k1f44e {
  background-position: -72.6px -110.4px;
}

.ej-k1f44a {
  background-position: -108.9px -110.4px;
}

.ej-k270c {
  background-position: -145.2px -110.4px;
}

.ej-k1f446 {
  background-position: -181.5px -110.4px;
}

.ej-k1f447 {
  background-position: -217.8px -110.4px;
}

.ej-k1f449 {
  background-position: -254.1px -110.4px;
}

.ej-k1f448 {
  background-position: -290.4px -110.4px;
}

.ej-k261d {
  background-position: -326.7px -110.4px;
}

.ej-k1f4aa {
  background-position: -363px -110.4px;
}

.ej-k1f48f {
  background-position: -399.3px -110.4px;
}

.ej-k1f491 {
  background-position: -435.6px -110.4px;
}

.ej-k1f466 {
  background-position: -471.9px -110.4px;
}

.ej-k1f467 {
  background-position: -508.2px -110.4px;
}

.ej-k1f469 {
  background-position: 0 -147.2px;
}

.ej-k1f468 {
  background-position: -36.3px -147.2px;
}

.ej-k1f47c {
  background-position: -72.6px -147.2px;
}

.ej-k1f480 {
  background-position: -108.9px -147.2px;
}

.ej-k1f444 {
  background-position: -145.2px -147.2px;
}

.ej-k2600 {
  background-position: -181.5px -147.2px;
}

.ej-k2614 {
  background-position: -217.8px -147.2px;
}

.ej-k2601 {
  background-position: -254.1px -147.2px;
}

.ej-k26c4 {
  background-position: -290.4px -147.2px;
}

.ej-k1f319 {
  background-position: -326.7px -147.2px;
}

.ej-k26a1 {
  background-position: -363px -147.2px;
}

.ej-k1f30a {
  background-position: -399.3px -147.2px;
}

.ej-k1f431 {
  background-position: -435.6px -147.2px;
}

.ej-k1f436 {
  background-position: -471.9px -147.2px;
}

.ej-k1f42d {
  background-position: -508.2px -147.2px;
}

.ej-k1f439 {
  background-position: 0 -184px;
}

.ej-k1f430 {
  background-position: -36.3px -184px;
}

.ej-k1f43a {
  background-position: -72.6px -184px;
}

.ej-k1f438 {
  background-position: -108.9px -184px;
}

.ej-k1f42f {
  background-position: -145.2px -184px;
}

.ej-k1f428 {
  background-position: -181.5px -184px;
}

.ej-k1f43b {
  background-position: -217.8px -184px;
}

.ej-k1f437 {
  background-position: -254.1px -184px;
}

.ej-k1f42e {
  background-position: -290.4px -184px;
}

.ej-k1f417 {
  background-position: -326.7px -184px;
}

.ej-k1f435 {
  background-position: -363px -184px;
}

.ej-k1f434 {
  background-position: -399.3px -184px;
}

.ej-k1f40d {
  background-position: -435.6px -184px;
}

.ej-k1f426 {
  background-position: -471.9px -184px;
}

.ej-k1f414 {
  background-position: -508.2px -184px;
}

.ej-k1f427 {
  background-position: 0 -220.8px;
}

.ej-k1f41b {
  background-position: -36.3px -220.8px;
}

.ej-k1f419 {
  background-position: -72.6px -220.8px;
}

.ej-k1f420 {
  background-position: -108.9px -220.8px;
}

.ej-k1f433 {
  background-position: -145.2px -220.8px;
}

.ej-k1f42c {
  background-position: -181.5px -220.8px;
}

.ej-k1f339 {
  background-position: -217.8px -220.8px;
}

.ej-k1f33a {
  background-position: -254.1px -220.8px;
}

.ej-k1f334 {
  background-position: -290.4px -220.8px;
}

.ej-k1f335 {
  background-position: -326.7px -220.8px;
}

.ej-k1f49d {
  background-position: -363px -220.8px;
}

.ej-k1f383 {
  background-position: -399.3px -220.8px;
}

.ej-k1f47b {
  background-position: -435.6px -220.8px;
}

.ej-k1f385 {
  background-position: -471.9px -220.8px;
}

.ej-k1f384 {
  background-position: -508.2px -220.8px;
}

.ej-k1f381 {
  background-position: 0 -257.6px;
}

.ej-k1f514 {
  background-position: -36.3px -257.6px;
}

.ej-k1f389 {
  background-position: -72.6px -257.6px;
}

.ej-k1f388 {
  background-position: -108.9px -257.6px;
}

.ej-k1f4bf {
  background-position: -145.2px -257.6px;
}

.ej-k1f4f7 {
  background-position: -181.5px -257.6px;
}

.ej-k1f3a5 {
  background-position: -217.8px -257.6px;
}

.ej-k1f4bb {
  background-position: -254.1px -257.6px;
}

.ej-k1f4fa {
  background-position: -290.4px -257.6px;
}

.ej-k260e {
  background-position: -326.7px -257.6px;
}

.ej-k1f513 {
  background-position: -363px -257.6px;
}

.ej-k1f512 {
  background-position: -399.3px -257.6px;
}

.ej-k1f511 {
  background-position: -435.6px -257.6px;
}

.ej-k1f528 {
  background-position: -471.9px -257.6px;
}

.ej-k1f4a1 {
  background-position: -508.2px -257.6px;
}

.ej-k1f4ec {
  background-position: 0 -294.4px;
}

.ej-k1f6c0 {
  background-position: -36.3px -294.4px;
}

.ej-k1f4b0 {
  background-position: -72.6px -294.4px;
}

.ej-k1f4a3 {
  background-position: -108.9px -294.4px;
}

.ej-k1f52b {
  background-position: -145.2px -294.4px;
}

.ej-k1f48a {
  background-position: -181.5px -294.4px;
}

.ej-k1f3c8 {
  background-position: -217.8px -294.4px;
}

.ej-k1f3c0 {
  background-position: -254.1px -294.4px;
}

.ej-k26bd {
  background-position: -290.4px -294.4px;
}

.ej-k26be {
  background-position: -326.7px -294.4px;
}

.ej-k1f3c6 {
  background-position: -363px -294.4px;
}

.ej-k1f47e {
  background-position: -399.3px -294.4px;
}

.ej-k1f3a4 {
  background-position: -435.6px -294.4px;
}

.ej-k1f3b8 {
  background-position: -471.9px -294.4px;
}

.ej-k1f459 {
  background-position: -508.2px -294.4px;
}

.ej-k1f451 {
  background-position: 0 -331.2px;
}

.ej-k1f302 {
  background-position: -36.3px -331.2px;
}

.ej-k1f45c {
  background-position: -72.6px -331.2px;
}

.ej-k1f484 {
  background-position: -108.9px -331.2px;
}

.ej-k1f48d {
  background-position: -145.2px -331.2px;
}

.ej-k1f48e {
  background-position: -181.5px -331.2px;
}

.ej-k2615 {
  background-position: -217.8px -331.2px;
}

.ej-k1f37a {
  background-position: -254.1px -331.2px;
}

.ej-k1f37b {
  background-position: -290.4px -331.2px;
}

.ej-k1f378 {
  background-position: -326.7px -331.2px;
}

.ej-k1f354 {
  background-position: -363px -331.2px;
}

.ej-k1f35f {
  background-position: -399.3px -331.2px;
}

.ej-k1f35d {
  background-position: -435.6px -331.2px;
}

.ej-k1f363 {
  background-position: -471.9px -331.2px;
}

.ej-k1f35c {
  background-position: -508.2px -331.2px;
}

.ej-kwx {
  background-position: 0 -368px;
}

.ej-kpz {
  background-position: -36.3px -368px;
}

.ej-kse {
  background-position: -72.6px -368px;
}

.ej-kfd {
  background-position: -108.9px -368px;
}

.ej-kdy {
  background-position: -145.2px -368px;
}

.ej-kll {
  background-position: -181.5px -368px;
}

.ej-khx {
  background-position: -217.8px -368px;
}

.ej-kbz {
  background-position: -254.1px -368px;
}

.ej-kshui {
  background-position: -290.4px -368px;
}

.ej-kdk {
  background-position: -326.7px -368px;
}

.ej-kgg {
  background-position: -363px -368px;
}

.ej-kfn {
  background-position: -399.3px -368px;
}

.ej-ktp {
  background-position: -435.6px -368px;
}

.ej-kcy {
  background-position: -471.9px -368px;
}

.ej-kjy {
  background-position: -508.2px -368px;
}

.ej-kng {
  background-position: 0 -404.8px;
}

.ej-kkuk {
  background-position: -36.3px -404.8px;
}

.ej-klengh {
  background-position: -72.6px -404.8px;
}

.ej-kzk {
  background-position: -108.9px -404.8px;
}

.ej-ktu {
  background-position: -145.2px -404.8px;
}

.ej-ktx {
  background-position: -181.5px -404.8px;
}

.ej-kka {
  background-position: -217.8px -404.8px;
}

.ej-kby {
  background-position: -254.1px -404.8px;
}

.ej-kam {
  background-position: -290.4px -404.8px;
}

.ej-kjie {
  background-position: -326.7px -404.8px;
}

.ej-kkun {
  background-position: -363px -404.8px;
}

.ej-kjk {
  background-position: -399.3px -404.8px;
}

.ej-klh {
  background-position: -435.6px -404.8px;
}

.ej-khanx {
  background-position: -471.9px -404.8px;
}

.ej-kdb {
  background-position: -508.2px -404.8px;
}

.ej-kfendou {
  background-position: 0 -441.6px;
}

.ej-kzhm {
  background-position: -36.3px -441.6px;
}

.ej-kyiw {
  background-position: -72.6px -441.6px;
}

.ej-kxu {
  background-position: -108.9px -441.6px;
}

.ej-kyun {
  background-position: -145.2px -441.6px;
}

.ej-kzhem {
  background-position: -181.5px -441.6px;
}

.ej-kshuai {
  background-position: -217.8px -441.6px;
}

.ej-kkl {
  background-position: -254.1px -441.6px;
}

.ej-kqiao {
  background-position: -290.4px -441.6px;
}

.ej-kzj {
  background-position: -326.7px -441.6px;
}

.ej-kwipe {
  background-position: -363px -441.6px;
}

.ej-kkb {
  background-position: -399.3px -441.6px;
}

.ej-kgz {
  background-position: -435.6px -441.6px;
}

.ej-kqd {
  background-position: -471.9px -441.6px;
}

.ej-khuaix {
  background-position: -508.2px -441.6px;
}

.ej-kzhh {
  background-position: 0 -478.4px;
}

.ej-kyhh {
  background-position: -36.3px -478.4px;
}

.ej-khq {
  background-position: -72.6px -478.4px;
}

.ej-kbs {
  background-position: -108.9px -478.4px;
}

.ej-kwq {
  background-position: -145.2px -478.4px;
}

.ej-kkk {
  background-position: -181.5px -478.4px;
}

.ej-kyx {
  background-position: -217.8px -478.4px;
}

.ej-kqq {
  background-position: -254.1px -478.4px;
}

.ej-kxia {
  background-position: -290.4px -478.4px;
}

.ej-kkel {
  background-position: -326.7px -478.4px;
}

.ej-kcd {
  background-position: -363px -478.4px;
}

.ej-kxig {
  background-position: -399.3px -478.4px;
}

.ej-kpj {
  background-position: -435.6px -478.4px;
}

.ej-klq {
  background-position: -471.9px -478.4px;
}

.ej-kpp {
  background-position: -508.2px -478.4px;
}

.ej-kcoffee {
  background-position: 0 -515.2px;
}

.ej-kfan {
  background-position: -36.3px -515.2px;
}

.ej-kzt {
  background-position: -72.6px -515.2px;
}

.ej-kmg {
  background-position: -108.9px -515.2px;
}

.ej-kdx {
  background-position: -145.2px -515.2px;
}

.ej-ksa {
  background-position: -181.5px -515.2px;
}

.ej-kxin {
  background-position: -217.8px -515.2px;
}

.ej-kxs {
  background-position: -254.1px -515.2px;
}

.ej-kdg {
  background-position: -290.4px -515.2px;
}

.ej-kshd {
  background-position: -326.7px -515.2px;
}

.ej-kzhd {
  background-position: -363px -515.2px;
}

.ej-kdao {
  background-position: -399.3px -515.2px;
}

.ej-kzq {
  background-position: -435.6px -515.2px;
}

.ej-kpc {
  background-position: -471.9px -515.2px;
}

.ej-kbb {
  background-position: -508.2px -515.2px;
}

.ej-kyl {
  background-position: 0 -552px;
}

.ej-kty {
  background-position: -36.3px -552px;
}

.ej-klw {
  background-position: -72.6px -552px;
}

.ej-kyb {
  background-position: -108.9px -552px;
}

.ej-kqiang {
  background-position: -145.2px -552px;
}

.ej-kruo {
  background-position: -181.5px -552px;
}

.ej-kws {
  background-position: -217.8px -552px;
}

.ej-kshl {
  background-position: -254.1px -552px;
}

.ej-kbq {
  background-position: -290.4px -552px;
}

.ej-kgy {
  background-position: -326.7px -552px;
}

.ej-kqt {
  background-position: -363px -552px;
}

.ej-kcj {
  background-position: -399.3px -552px;
}

.ej-kaini {
  background-position: -435.6px -552px;
}

.ej-kbu {
  background-position: -471.9px -552px;
}

.ej-khd {
  background-position: -508.2px -552px;
}

.ej-kaiq {
  background-position: 0 -588.8px;
}

.ej-kfw {
  background-position: -36.3px -588.8px;
}

.ej-ktiao {
  background-position: -72.6px -588.8px;
}

.ej-kfad {
  background-position: -108.9px -588.8px;
}

.ej-koh {
  background-position: -145.2px -588.8px;
}

.ej-kzhq {
  background-position: -181.5px -588.8px;
}

.ej-kkt {
  background-position: -217.8px -588.8px;
}

.ej-kht {
  background-position: -254.1px -588.8px;
}

.ej-ktsh {
  background-position: -290.4px -588.8px;
}

.ej-khsh {
  background-position: -326.7px -588.8px;
}

.ej-kjd {
  background-position: -363px -588.8px;
}

.ej-kjw {
  background-position: -399.3px -588.8px;
}

.ej-kxw {
  background-position: -435.6px -588.8px;
}

.ej-kztj {
  background-position: -471.9px -588.8px;
}

.ej-kytj {
  background-position: -508.2px -588.8px;
}

.ej-khey {
  background-position: -71px -627px;
}

.ej-kfapm {
  background-position: -109px -627px;
}

.ej-ksmrk {
  background-position: 2px -627px;
}

.ej-ksmat {
  background-position: -32px -627px;
}

.ej-kcord {
  background-position: -146px -627px;
}

.ej-kyeah {
  background-position: -183px -627px;
}

.ej-kfa {
  background-position: -219px -627px;
}

.ej-kpakt {
  background-position: -254px -627px;
}

.ej-kblsg {
  background-position: -293px -627px;
}

.ej-kcade {
  background-position: -326px -627px;
}

.ej-knopb {
  background-position: -359px -633px;
}

.ej-kemm {
  background-position: -396px -633px;
}

.ej-kresp {
  background-position: -433px -633px;
}

.ej-kdoge {
  background-position: -469px -633px;
}

.ej-komg {
  background-position: -505px -633px;
}

.ej-kswea {
  background-position: 2px -666px;
}

.ej-kmybd {
  background-position: -30px -669px;
}

.ej-kgoft {
  background-position: -71px -666px;
}

.ej-konlk {
  background-position: -109px -666px;
}

.ej-kwow {
  background-position: -145px -669px;
}

.ej-kbrkn {
  background-position: -181px -669px;
}

.ej-ksigh {
  background-position: -217px -671px;
}

.ej-khurt {
  background-position: -252px -671px;
}

.ej-kborg {
  background-position: -291px -669px;
}

.ej-kawsm {
  background-position: -326px -669px;
}

.ej-klms {
  background-position: -360px -670px;
}

.ej-kpaty {
  background-position: -72.6px -259px;
}

.ej-kfiwk {
  background-position: -469px -668px;
}

.ej-kbazu {
  background-position: -396px -670px;
}