/* Color #2c6ee5
-------------------------- */
/*  */
/*  */
/*  */
.x-handle[data-v-5e085499] {
  cursor: ew-resize;
  position: absolute;
  top: 0;
}
/* Color #2c6ee5
-------------------------- */
/*  */
/*  */
/*  */
.api-label[data-v-8155aebc] {
  padding: 8px 12px;
  background-color: #f5f5f5;
  border: solid 1px #f5f5f5;
  color: #666;
  margin: 5px 0;
  margin-right: 10px;
  font-size: 12px;
  position: relative;
}
.api-label.opt[data-v-8155aebc] {
  background-color: #f3f7ff;
  border: solid 1px #ccdeff;
  color: var(--themecolor);
}
.lin_p[data-v-8155aebc] {
  position: relative;
  display: flex;
  align-items: center;
}
.lin_p[data-v-8155aebc]::before {
  display: block;
  content: "";
  margin-right: 5px;
  width: 3px;
  background-color: var(--themecolor);
  height: 14px;
}
/* Color #2c6ee5
-------------------------- */
/*  */
/*  */
/*  */
.common_chat_emoji-wrapper .iconfont {
  color: #aaa;
  font-size: 20px;
}
.common_chat_emoji-wrapper.common_chat_emoji_mini .list-wrapper {
  width: 265px;
  overflow-x: auto;
  left: 14px;
  top: -204px;
  height: 200px;
}
.common_chat_emoji-wrapper .list-wrapper {
  /*height: 210px;*/
  z-index: 9999;
  width: 462px;
  background-color: #fff;
  padding: 10px;
  position: absolute;
  top: -222px;
  left: 1px;
  box-shadow: 0px 5px 9.2px 0.8px rgba(0, 28, 80, 0.1);
  border-radius: 2px;
}
.common_chat_emoji-wrapper .list-wrapper .list-inner {
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.common_chat_emoji-wrapper .list-wrapper .list-inner .item {
  float: left;
  cursor: pointer;
}
/* Color #2c6ee5
-------------------------- */
/*  */
/*  */
/*  */
div.v-suggest {
  position: relative;
}
div.v-suggest input[type=text] {
  box-sizing: border-box;
  display: block;
  width: 100%;
  padding: 0.4rem 1.8rem 0.4rem 0.7rem;
  font-size: 14px;
  line-height: 1.42857143;
  color: #333;
  background-color: white;
  background-image: none;
  border: 1px solid #ccc;
  border-radius: 4px;
  box-shadow: none;
  text-overflow: ellipsis;
  will-change: border-color, box-shadow, background-color;
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s, background-color ease-in-out 0.15s;
  outline: 0;
}
div.v-suggest input[type=text]::-webkit-input-placeholder {
  color: #aaa;
}
div.v-suggest input[type=text]:hover {
  background-color: #fafafa;
}
div.v-suggest input[type=text]:focus {
  border: 1px solid #999;
  border-radius: 2px;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  background-color: white;
  color: black;
}
div.v-suggest input[type=text][disabled] {
  background-color: #eee;
  color: #666;
  cursor: not-allowed;
}
div.v-suggest div.sg-clear {
  position: absolute;
  right: 10px;
  top: 0;
  cursor: pointer;
  height: 100%;
  width: auto;
  line-height: 1;
  padding: 6px 0;
  font-size: 21px;
  color: #999;
}
div.v-suggest div.sg-clear span {
  display: inline-block;
}
div.v-suggest div.sg-clear:hover {
  color: #000;
}

ul.sg-results {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  min-width: 250px;
  max-height: 300px;
  overflow-y: auto;
  padding: 5px 0;
  margin: 0;
}
ul.sg-results li.sg-results__row {
  height: auto !important;
  line-height: 1.4;
  margin: 0;
  overflow: hidden;
  padding: 5px 10px;
  position: relative;
  text-align: left;
  /*white-space: nowrap;*/
  white-space: normal;
  word-break: break-all;
  font-size: 14px;
  color: #333;
  cursor: default;
}
ul.sg-results li.sg-results__row.sg-over {
  background-color: var(--themecolor-9) !important;
  color: black !important;
  cursor: pointer;
}
/* Color #2c6ee5
-------------------------- */
/*  */
/*  */
/*  */
div.v-dropdown-caller {
  display: inline-block;
}
div.v-dropdown-caller.v-dropdown-caller--full-width {
  display: block;
}

div.v-dropdown-container {
  display: inline-block;
  margin: 0;
  padding: 0;
  top: 0;
  left: 0;
  border: 1px solid #D6D7D7;
  position: absolute;
  box-sizing: border-box;
  background-color: white;
  border-radius: 2px;
  overflow: hidden;
  z-index: 999;
  box-shadow: 0 3px 12px rgba(0, 0, 0, 0.2);
}
div.v-dropdown-container.v-dropdown-embed {
  position: relative;
  box-shadow: 0 1px 6px rgba(0, 0, 0, 0.12) !important;
  z-index: 100;
}
div.v-dropdown-container.v-dropdown-no-border {
  border: 0;
  box-shadow: 0 3px 8px rgba(0, 0, 0, 0.3);
}

.animate-down-enter,
.animate-down-leave-to,
.animate-up-enter,
.animate-up-leave-to {
  transform: translateY(-6px);
  opacity: 0;
}

.animate-down-enter-active,
.animate-down-leave-active,
.animate-up-enter-active,
.animate-up-leave-active {
  transition: opacity 80ms, transform 80ms;
}

.animate-down-enter-to,
.animate-down-leave,
.animate-up-enter-to,
.animate-up-leave {
  transform: none;
  opacity: 1;
}
@charset "UTF-8";
/* Color #2c6ee5
-------------------------- */
/*  */
/*  */
/*  */
.chat_mess[data-v-3430cf79] {
  width: 100%;
  height: 100%;
  /*对话区域*/
}
.chat_mess .chat_main[data-v-3430cf79] {
  height: 100%;
  float: left;
}
.chat_mess .chat_main .customer_head[data-v-3430cf79] {
  width: 35px;
  height: 35px;
}
.chat_mess .chat_main .customer_head > img[data-v-3430cf79] {
  width: 35px;
  height: 35px;
}
.chat_mess .chat_main[data-v-3430cf79] {
  /* */
}
.chat_mess .chat_main .chat_wrapper[data-v-3430cf79] {
  width: 100%;
  height: calc(100% - 230px);
  padding: 3px 20px;
}
.chat_mess .chat_main .chat_wrapper .item[data-v-3430cf79] {
  width: 100%;
  height: 100%;
  margin: 30px 0 0;
  overflow: hidden;
}
.chat_mess .chat_main .chat_wrapper .item .avatar-wrapper[data-v-3430cf79] {
  width: 45px;
  height: 45px;
  border-radius: 50%;
}
.chat_mess .chat_main .chat_wrapper .item .item-content[data-v-3430cf79] {
  width: calc(100% - 55px);
  height: auto;
}
.chat_mess .chat_main .chat_wrapper .item .item-content .item-text[data-v-3430cf79] {
  width: auto;
  padding: 8px 13px;
  min-width: 40px;
  max-width: 88%;
  line-height: 1.4;
}
.chat_mess .chat_main .chat_wrapper .item .item-content .item-img img[data-v-3430cf79] {
  width: 200px;
  height: auto;
}
.chat_mess .chat_main .chat_wrapper .item .item-content.client[data-v-3430cf79] {
  float: left;
  text-align: left;
  padding: 3px 0 3px 10px;
}
.chat_mess .chat_main .chat_wrapper .item .item-content.client .item-text[data-v-3430cf79] {
  border-radius: 0px 15px 15px 15px;
  color: #fff;
}
.chat_mess .chat_main .chat_wrapper .item .item-content.service[data-v-3430cf79] {
  float: right;
  text-align: right;
  padding: 2px 10px 3px 0;
}
.chat_mess .chat_main .chat_wrapper .item .item-content.service .item-text[data-v-3430cf79] {
  text-align: left;
  background-color: #ffffff;
  border-radius: 15px 0px 15px 15px;
}
.chat_mess .chat_main .chat_wrapper .item.client .avatar-wrapper[data-v-3430cf79] {
  float: left;
}
.chat_mess .chat_main .chat_wrapper .item.service .avatar-wrapper[data-v-3430cf79] {
  float: right;
  background-image: url(data:image/png;base64,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);
  background-repeat: no-repeat;
  background-size: 100% 100%;
}
.chat_mess .chat_main .chat_wrapper_100[data-v-3430cf79] {
  width: 100%;
  height: calc(100% - 40px);
}
.chat_mess .chat_main .chat_footer[data-v-3430cf79] {
  width: 100%;
  height: 180px;
  background: #fff;
}
.chat_mess .chat_main .chat_footer .off-wrapper[data-v-3430cf79] {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.03);
  font-size: 14px;
  cursor: no-drop;
}
.chat_mess .chat_main .chat_footer .common_chat-footer[data-v-3430cf79] {
  position: relative;
  width: 100%;
}
.chat_mess .chat_main .chat_footer .common_chat-footer .opr-wrapper[data-v-3430cf79] {
  height: 36px;
  padding: 0 15px;
  text-align: left;
  background: #fafafa;
}
.chat_mess .chat_main .chat_footer .common_chat-footer .opr-wrapper > .item[data-v-3430cf79] {
  float: left;
  font-weight: normal;
  text-decoration: blink;
}
.chat_mess .chat_main .chat_footer .common_chat-footer .opr-wrapper > .item > .iconfont[data-v-3430cf79] {
  color: #aaa;
  font-size: 20px;
}
.chat_mess .chat_main .chat_footer .common_chat-footer .input-wrapper[data-v-3430cf79] {
  position: relative;
  padding: 0;
}
.chat_mess .chat_main .chat_footer .common_chat-footer .input-wrapper .inputContent[data-v-3430cf79] {
  width: 100%;
  padding: 10px 15px;
  display: inline-block;
  height: 95px;
  resize: none;
  overflow: auto;
  line-height: 1.5;
  outline: 0px solid transparent;
  white-space: pre-wrap;
  word-break: break-word;
}
.chat_mess .chat_main .chat_footer .common_chat-footer .input-wrapper[data-v-3430cf79] img {
  max-width: 80px;
}
.chat_mess .chat_main .chat_footer .common_chat-footer .send-btn[data-v-3430cf79] .el-button-group > .el-button:last-child {
  padding: 0 5px;
}
.chat_mess[data-v-3430cf79] {
  /*访客信息 */
}
.chat_mess .chat_info[data-v-3430cf79] {
  width: 460px;
  height: 100%;
  float: right;
}
@charset "UTF-8";
/* Color #2c6ee5
-------------------------- */
/*  */
/*  */
/*  */
.hidden {
  display: none !important;
}
.content {
  width: 100%;
}
.content .msg-list {
  width: 100%;
}
.content .msg-list .row {
  white-space: pre-wrap;
}
.content .msg-list .row:first-child {
  margin-top: 8px;
}
.content .msg-list .row {
  padding: 8px 0;
}
.content .msg-list .row .readState {
  height: 20px;
  top: 4px;
  margin-right: 5px;
  align-self: flex-end;
}
.content .msg-list .row .my .left, .content .msg-list .row .other .right {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
}
.content .msg-list .row .my .left .time, .content .msg-list .row .other .right .time {
  flex-basis: 100%;
  flex-grow: 1;
  flex-shrink: 1;
}
.content .msg-list .row .my .left .bubble, .content .msg-list .row .other .right .bubble {
  max-width: 70%;
  border-radius: 4px;
  padding: 5px 10px;
  display: flex;
  align-items: center;
  word-break: break-word;
  line-height: 2;
  letter-spacing: 1px;
  min-height: 30px;
}
.content .msg-list .row .my .left .bubble img, .content .msg-list .row .other .right .bubble img {
  max-width: 200px;
  max-height: 100%;
}
.content .msg-list .row .my .left .bubble .video-mobile, .content .msg-list .row .other .right .bubble .video-mobile {
  width: 120px;
  height: 100%;
  background: #c4c4c4;
}
.content .msg-list .row .my .left .bubble video, .content .msg-list .row .my .left .bubble table, .content .msg-list .row .my .left .bubble iframe, .content .msg-list .row .my .left .bubble div, .content .msg-list .row .other .right .bubble video, .content .msg-list .row .other .right .bubble table, .content .msg-list .row .other .right .bubble iframe, .content .msg-list .row .other .right .bubble div {
  max-width: 100%;
  max-height: 100%;
}
.content .msg-list .row .my .left .bubble pre, .content .msg-list .row .my .left .bubble code, .content .msg-list .row .other .right .bubble pre, .content .msg-list .row .other .right .bubble code {
  max-width: 300px;
  overflow: auto;
}
.content .msg-list .row .my .left .bubble ::v-deep img, .content .msg-list .row .other .right .bubble ::v-deep img {
  max-width: 200px;
  max-height: 100%;
}
.content .msg-list .row .my .left .bubble ::v-deep video, .content .msg-list .row .my .left .bubble ::v-deep table, .content .msg-list .row .my .left .bubble ::v-deep iframe, .content .msg-list .row .my .left .bubble ::v-deep div, .content .msg-list .row .other .right .bubble ::v-deep video, .content .msg-list .row .other .right .bubble ::v-deep table, .content .msg-list .row .other .right .bubble ::v-deep iframe, .content .msg-list .row .other .right .bubble ::v-deep div {
  max-width: 100%;
  max-height: 100%;
}
.content .msg-list .row .my .left .bubble ::v-deep pre, .content .msg-list .row .my .left .bubble ::v-deep code, .content .msg-list .row .other .right .bubble ::v-deep pre, .content .msg-list .row .other .right .bubble ::v-deep code {
  max-width: 300px;
  overflow: auto;
}
.content .msg-list .row .my .left .bubble.img, .content .msg-list .row .other .right .bubble.img {
  padding: 0;
  overflow: hidden;
  max-width: 200px;
  height: 140px;
  background: transparent !important;
}
.content .msg-list .row .my .left .bubble.imgText, .content .msg-list .row .other .right .bubble.imgText {
  background: #fff !important;
  border: 1px solid #eee;
}
.content .msg-list .row .my .left .bubble video, .content .msg-list .row .other .right .bubble video {
  height: 100%;
  max-height: 200px;
}
.content .msg-list .row .my .left .bubble.red-envelope, .content .msg-list .row .other .right .bubble.red-envelope {
  background-color: transparent;
  padding: 0;
  overflow: hidden;
  position: relative;
  justify-content: center;
  align-items: flex-start;
}
.content .msg-list .row .my .left .bubble.red-envelope img, .content .msg-list .row .other .right .bubble.red-envelope img {
  width: 250px;
  height: 313px;
}
.content .msg-list .row .my .left .bubble.voice .icon, .content .msg-list .row .other .right .bubble.voice .icon {
  font-size: 20px;
  display: flex;
  align-items: center;
}
.content .msg-list .row .my .left .bubble.voice .icon:after, .content .msg-list .row .other .right .bubble.voice .icon:after {
  content: " ";
  width: 25px;
  height: 25px;
  border-radius: 100%;
  position: absolute;
  box-sizing: border-box;
}
.content .msg-list .row .my .left .bubble.voice .length, .content .msg-list .row .other .right .bubble.voice .length {
  font-size: 14px;
}
.content .msg-list .row .my .left .bubble.video_, .content .msg-list .row .other .right .bubble.video_ {
  border-radius: 10px;
}
.content .msg-list .row .my .left .bubble.translatemsg, .content .msg-list .row .other .right .bubble.translatemsg {
  background: #e3e9ed !important;
  margin-top: 1px;
  display: inline-block;
  width: auto;
  color: #666;
}
.content .msg-list .row .my .right, .content .msg-list .row .other .left {
  flex-shrink: 0;
  width: 40px;
  height: 40px;
}
.content .msg-list .row .my .right image, .content .msg-list .row .other .left image {
  width: 40px;
  height: 40px;
  border-radius: 20px;
}
.content .msg-list .row .my {
  width: 100%;
  display: flex;
  justify-content: flex-end;
}
.content .msg-list .row .my .left {
  min-height: 44px;
  justify-content: flex-end;
}
.content .msg-list .row .my .left .bubble {
  background-color: #fff;
  color: #1d2023;
  font-size: 14px;
  line-height: 1.2;
}
.content .msg-list .row .my .left .bubble div p {
  line-height: 1.5;
  margin: 0 !important;
  padding: 0;
  font-size: inherit;
}
.content .msg-list .row .my .left .bubble.voice .icon {
  color: #fff;
}
.content .msg-list .row .my .left .bubble.voice .length {
  margin-right: 10px;
}
@keyframes my-play {
0% {
    transform: translateX(80%);
}
100% {
    transform: translateX(0%);
}
}
.content .msg-list .row .my .left .bubble.play .icon:after {
  border-left: solid 5px rgba(240, 108, 122, 0.5);
  animation: my-play 1s linear infinite;
}
.content .msg-list .row .my .right {
  margin-left: 10px;
}
.content .msg-list .row .left .time {
  text-align: right;
}
.content .msg-list .row .right .time {
  text-align: left;
}
.content .msg-list .row .other {
  width: 100%;
  display: flex;
}
.content .msg-list .row .other .left {
  margin-right: 10px;
}
.content .msg-list .row .other .left .time {
  text-align: right;
}
.content .msg-list .row .other .right {
  flex-wrap: wrap;
}
.content .msg-list .row .other .right .time {
  text-align: left;
}
.content .msg-list .row .other .right .username {
  width: 100%;
  height: 45px;
  font-size: 12px;
  color: #999;
  display: flex;
}
.content .msg-list .row .other .right .username .name {
  margin-right: 25px;
}
.content .msg-list .row .other .right .bubble {
  background-color: var(--themecolor);
  color: #fff;
}
.content .msg-list .row .other .right .bubble.voice .icon {
  color: #fff;
  transform: rotate(180deg);
}
.content .msg-list .row .other .right .bubble.voice .length {
  margin-left: 10px;
}
@keyframes other-play {
0% {
    transform: translateX(-80%);
}
100% {
    transform: translateX(0%);
}
}
.content .msg-list .row .other .right .bubble.play .icon:after {
  border-right: solid 10px rgba(255, 255, 255, 0.8);
  animation: other-play 1s linear infinite;
}
.content .msg-list .row .system {
  max-width: 70%;
  margin: 0 auto;
}
.content .msg-list .row .system .bgf {
  font-size: 14px;
  line-height: 1.2;
}
.content .msg-list .row .system .bgf div {
  display: flex;
  flex-direction: column;
}
.content .msg-list .row .system .bgf div p {
  line-height: 1.3;
  margin: 0 !important;
  padding: 0;
  font-size: inherit;
}
.cooperation span {
  color: #ff7e00;
}
.chat_file {
  width: 200px;
  height: 60px;
  border: 0;
  border-radius: 0px 10px 10px 10px;
}
.chat_left .chat_file {
  border-radius: 10px 0px 10px 10px;
}

/* 链接 */
.mess_link {
  background: none !important;
  padding: 0 !important;
  border: 0;
  border-radius: 0;
}
.link {
  max-width: 460px;
  padding: 20px;
  background: #fff;
  border-radius: 6px;
}
.linkicon {
  width: 100px;
  height: 100px;
  line-height: 100px;
  top: 8px;
}
.location {
  width: 460px;
}
.userportrait {
  background: var(--themecolor);
  padding: 8px 12px;
  position: absolute;
  color: #fff;
  line-height: 1;
  left: 20px;
  top: 55px;
  z-index: 999;
  border-radius: 3px;
}
.userportrait:before {
  content: "";
  position: absolute;
  top: -14px;
  float: left;
  width: 0;
  height: 0;
  border-width: 7px;
  border-style: solid;
  border-color: transparent transparent var(--themecolor) transparent;
}