/* Color #2c6ee5
-------------------------- */
/*  */
/*  */
/*  */
.error-container[data-v-099c4504] {
  position: absolute;
  top: 40%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.error-container .error-content .pic-error[data-v-099c4504] {
  position: relative;
  float: left;
  width: 120%;
  overflow: hidden;
}
.error-container .error-content .pic-error-parent[data-v-099c4504] {
  width: 100%;
}
.error-container .error-content .pic-error-child[data-v-099c4504] {
  position: absolute;
}
.error-container .error-content .pic-error-child.left[data-v-099c4504] {
  top: 17px;
  left: 220px;
  width: 80px;
  opacity: 0;
  animation-name: cloudLeft-099c4504;
  animation-duration: 2s;
  animation-timing-function: linear;
  animation-delay: 1s;
  animation-fill-mode: forwards;
}
.error-container .error-content .pic-error-child.mid[data-v-099c4504] {
  top: 10px;
  left: 420px;
  width: 46px;
  opacity: 0;
  animation-name: cloudMid-099c4504;
  animation-duration: 2s;
  animation-timing-function: linear;
  animation-delay: 1.2s;
  animation-fill-mode: forwards;
}
.error-container .error-content .pic-error-child.right[data-v-099c4504] {
  top: 100px;
  left: 500px;
  width: 62px;
  opacity: 0;
  animation-name: cloudRight-099c4504;
  animation-duration: 2s;
  animation-timing-function: linear;
  animation-delay: 1s;
  animation-fill-mode: forwards;
}
@keyframes cloudLeft-099c4504 {
0% {
    top: 17px;
    left: 220px;
    opacity: 0;
}
20% {
    top: 33px;
    left: 188px;
    opacity: 1;
}
80% {
    top: 81px;
    left: 92px;
    opacity: 1;
}
100% {
    top: 97px;
    left: 60px;
    opacity: 0;
}
}
@keyframes cloudMid-099c4504 {
0% {
    top: 10px;
    left: 420px;
    opacity: 0;
}
20% {
    top: 40px;
    left: 360px;
    opacity: 1;
}
70% {
    top: 130px;
    left: 180px;
    opacity: 1;
}
100% {
    top: 160px;
    left: 120px;
    opacity: 0;
}
}
@keyframes cloudRight-099c4504 {
0% {
    top: 100px;
    left: 500px;
    opacity: 0;
}
20% {
    top: 120px;
    left: 460px;
    opacity: 1;
}
80% {
    top: 180px;
    left: 340px;
    opacity: 1;
}
100% {
    top: 200px;
    left: 300px;
    opacity: 0;
}
}
.error-container .error-content .bullshit[data-v-099c4504] {
  position: relative;
  float: left;
  width: 300px;
  padding: 30px 0;
  overflow: hidden;
}
.error-container .error-content .bullshit-oops[data-v-099c4504] {
  margin-bottom: 20px;
  font-size: 32px;
  font-weight: bold;
  line-height: 40px;
  opacity: 0;
  animation-name: slideUp-099c4504;
  animation-duration: 0.5s;
  animation-fill-mode: forwards;
}
.error-container .error-content .bullshit-headline[data-v-099c4504] {
  margin-bottom: 10px;
  font-size: 20px;
  font-weight: bold;
  line-height: 24px;
  color: #222;
  opacity: 0;
  animation-name: slideUp-099c4504;
  animation-duration: 0.5s;
  animation-delay: 0.1s;
  animation-fill-mode: forwards;
}
.error-container .error-content .bullshit-info[data-v-099c4504] {
  margin-bottom: 30px;
  font-size: 13px;
  line-height: 21px;
  opacity: 0;
  animation-name: slideUp-099c4504;
  animation-duration: 0.5s;
  animation-delay: 0.2s;
  animation-fill-mode: forwards;
}
.error-container .error-content .bullshit-return-home[data-v-099c4504] {
  display: block;
  float: left;
  width: 110px;
  height: 36px;
  font-size: 14px;
  line-height: 36px;
  cursor: pointer;
  border-radius: 100px;
  opacity: 0;
  animation-name: slideUp-099c4504;
  animation-duration: 0.5s;
  animation-delay: 0.3s;
  animation-fill-mode: forwards;
  color: var(--themecolor);
}
@keyframes slideUp-099c4504 {
0% {
    opacity: 0;
    transform: translateY(60px);
}
100% {
    opacity: 1;
    transform: translateY(0);
}
}
/* Color #2c6ee5
-------------------------- */
/*  */
/*  */
/*  */
.error-container[data-v-09c68b87] {
  position: absolute;
  top: 40%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.error-container .error-content .pic-error[data-v-09c68b87] {
  position: relative;
  float: left;
  width: 120%;
  overflow: hidden;
}
.error-container .error-content .pic-error-parent[data-v-09c68b87] {
  width: 100%;
}
.error-container .error-content .pic-error-child[data-v-09c68b87] {
  position: absolute;
}
.error-container .error-content .pic-error-child.left[data-v-09c68b87] {
  top: 17px;
  left: 220px;
  width: 80px;
  opacity: 0;
  animation-name: cloudLeft-09c68b87;
  animation-duration: 2s;
  animation-timing-function: linear;
  animation-delay: 1s;
  animation-fill-mode: forwards;
}
.error-container .error-content .pic-error-child.mid[data-v-09c68b87] {
  top: 10px;
  left: 420px;
  width: 46px;
  opacity: 0;
  animation-name: cloudMid-09c68b87;
  animation-duration: 2s;
  animation-timing-function: linear;
  animation-delay: 1.2s;
  animation-fill-mode: forwards;
}
.error-container .error-content .pic-error-child.right[data-v-09c68b87] {
  top: 100px;
  left: 500px;
  width: 62px;
  opacity: 0;
  animation-name: cloudRight-09c68b87;
  animation-duration: 2s;
  animation-timing-function: linear;
  animation-delay: 1s;
  animation-fill-mode: forwards;
}
@keyframes cloudLeft-09c68b87 {
0% {
    top: 17px;
    left: 220px;
    opacity: 0;
}
20% {
    top: 33px;
    left: 188px;
    opacity: 1;
}
80% {
    top: 81px;
    left: 92px;
    opacity: 1;
}
100% {
    top: 97px;
    left: 60px;
    opacity: 0;
}
}
@keyframes cloudMid-09c68b87 {
0% {
    top: 10px;
    left: 420px;
    opacity: 0;
}
20% {
    top: 40px;
    left: 360px;
    opacity: 1;
}
70% {
    top: 130px;
    left: 180px;
    opacity: 1;
}
100% {
    top: 160px;
    left: 120px;
    opacity: 0;
}
}
@keyframes cloudRight-09c68b87 {
0% {
    top: 100px;
    left: 500px;
    opacity: 0;
}
20% {
    top: 120px;
    left: 460px;
    opacity: 1;
}
80% {
    top: 180px;
    left: 340px;
    opacity: 1;
}
100% {
    top: 200px;
    left: 300px;
    opacity: 0;
}
}
.error-container .error-content .bullshit[data-v-09c68b87] {
  position: relative;
  float: left;
  width: 300px;
  padding: 30px 0;
  overflow: hidden;
}
.error-container .error-content .bullshit-oops[data-v-09c68b87] {
  margin-bottom: 20px;
  font-size: 32px;
  font-weight: bold;
  line-height: 40px;
  opacity: 0;
  animation-name: slideUp-09c68b87;
  animation-duration: 0.5s;
  animation-fill-mode: forwards;
}
.error-container .error-content .bullshit-headline[data-v-09c68b87] {
  margin-bottom: 10px;
  font-size: 20px;
  font-weight: bold;
  line-height: 24px;
  color: #222;
  opacity: 0;
  animation-name: slideUp-09c68b87;
  animation-duration: 0.5s;
  animation-delay: 0.1s;
  animation-fill-mode: forwards;
}
.error-container .error-content .bullshit-info[data-v-09c68b87] {
  margin-bottom: 30px;
  font-size: 13px;
  line-height: 21px;
  opacity: 0;
  animation-name: slideUp-09c68b87;
  animation-duration: 0.5s;
  animation-delay: 0.2s;
  animation-fill-mode: forwards;
}
.error-container .error-content .bullshit-return-home[data-v-09c68b87] {
  display: block;
  float: left;
  width: 110px;
  height: 36px;
  font-size: 14px;
  line-height: 36px;
  cursor: pointer;
  border-radius: 100px;
  opacity: 0;
  animation-name: slideUp-09c68b87;
  animation-duration: 0.5s;
  animation-delay: 0.3s;
  animation-fill-mode: forwards;
}
@keyframes slideUp-09c68b87 {
0% {
    opacity: 0;
    transform: translateY(60px);
}
100% {
    opacity: 1;
    transform: translateY(0);
}
}
/* Color #2c6ee5
-------------------------- */
/*  */
/*  */
/*  */
.backgroundimg[data-v-123911ca] {
  background-size: 100% 100% !important;
}
.chat-content[data-v-123911ca] {
  min-width: 688px;
  min-height: 480px;
  width: 64%;
  height: 75%;
  background: #f0f3f5;
  margin: auto;
  display: block;
}
.chat-content .chat-content-left[data-v-123911ca] {
  width: 240px;
  min-width: 240px;
}
.chat-content .chat-content-left .customer-service-head[data-v-123911ca] {
  height: 220px;
}
.chat-content .chat-content-left .customer-service-evaluate[data-v-123911ca] {
  height: calc(100% - 225px);
}
.chat-content .chat-content-cont[data-v-123911ca] {
  width: 100%;
}
.chat-content .chat-content-right[data-v-123911ca] {
  width: 50%;
  max-width: 380px;
}
.chat-content .chat_wrapper[data-v-123911ca] {
  width: 100%;
  height: calc(100% - 180px);
  padding: 3px 20px;
}
.chat-content .chat_footer[data-v-123911ca] {
  width: 100%;
  height: 180px;
  background: #fff;
}
.chat-content .chat_footer .off-wrapper[data-v-123911ca] {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  font-size: 14px;
}
.chat-content .chat_footer .common_chat-footer[data-v-123911ca] {
  position: relative;
  width: 100%;
}
.chat-content .chat_footer .common_chat-footer .opr-wrapper[data-v-123911ca] {
  height: 40px;
  padding: 0 15px;
  text-align: left;
  background: #fafafa;
}
.chat-content .chat_footer .common_chat-footer .opr-wrapper > .item[data-v-123911ca] {
  float: left;
  font-weight: normal;
  text-decoration: blink;
}
.chat-content .chat_footer .common_chat-footer .input-wrapper[data-v-123911ca] {
  position: relative;
  padding: 0;
}
.chat-content .chat_footer .common_chat-footer .input-wrapper .inputContent[data-v-123911ca] {
  width: 100%;
  padding: 10px 15px;
  display: block;
  height: 95px;
  resize: none;
  overflow: auto;
  line-height: 1.5;
  outline: 0px solid transparent;
}
.chat-content .chat_footer .common_chat-footer .input-wrapper[data-v-123911ca] img {
  max-width: 80px;
}
.chat-content .chat_footer .common_chat-footer .send-btn[data-v-123911ca] {
  float: right;
  margin-right: 16px;
  height: 32px;
  line-height: 7px;
  width: 80px;
}
.chat-content .chat_footer .common_chat-footer .send-btn.off[data-v-123911ca], .chat-content .chat_footer .common_chat-footer .send-btn.end[data-v-123911ca] {
  background-color: #ccc;
  border-color: #ccc;
}
.custom-icon img[data-v-123911ca] {
  width: 20px;
  height: 20px;
}
.hit5-5[data-v-123911ca] {
  height: calc(50% - 5px);
}
@media screen and (max-width: 1366px) {
#containter[data-v-123911ca] {
    width: 90%;
    height: 80%;
}
}
@media screen and (max-width: 1200px) {
#containter[data-v-123911ca] {
    width: 100%;
    height: 100%;
}
.le-message[data-v-123911ca] {
    width: 220px;
}
.content-left[data-v-123911ca] {
    width: calc(100% - 225px);
}
}
/* Color #2c6ee5
-------------------------- */
/*  */
/*  */
/*  */
.quickTree[data-v-69605ca3] .el-tree-node__content {
  height: 35px;
}
.custom-tree-node .tree-label[data-v-69605ca3] {
  width: calc(100% - 100px);
}
.quick_item[data-v-69605ca3] {
  border-bottom: 1px #eee dashed;
  padding: 10px 0;
}
.quick_item[data-v-69605ca3]:hover {
  text-decoration: underline;
  -webkit-text-decoration-color: #999;
          text-decoration-color: #999;
}
.quick-file-item[data-v-69605ca3] {
  cursor: move;
  padding: 8px 5px;
}
@charset "UTF-8";
/* Color #2c6ee5
-------------------------- */
/*  */
/*  */
/*  */
/*拖动时的样式*/
.ghost {
  box-shadow: 0 13px 30px 0 rgba(0, 18, 36, 0.1);
}
.fallbackClass {
  background: #f3f7ff !important;
}
.fallbackClass .children {
  display: none;
}
/* Color #2c6ee5
-------------------------- */
/*  */
/*  */
/*  */
.menu_con[data-v-265e0748] {
  width: 25%;
  padding: 10px;
  border-radius: 3px;
}
.menu_icon[data-v-265e0748] {
  width: 36px;
  height: 36px;
  margin: 0 auto;
}
/* Color #2c6ee5
-------------------------- */
/*  */
/*  */
/*  */
.role_list .iocn[data-v-49084a7c] {
  display: none;
}
.roleOn .iocn[data-v-49084a7c] {
  display: block;
}
.role_list:hover .iocn[data-v-49084a7c] {
  display: block;
}
/* Color #2c6ee5
-------------------------- */
/*  */
/*  */
/*  */
.makes-label[data-v-60c24814] {
  width: 100px;
}
.makes-cont[data-v-60c24814] {
  width: calc(100% - 100px);
}
/* Color #2c6ee5
-------------------------- */
/*  */
/*  */
/*  */
.mobile-box .header-h[data-v-8cf1a50e] {
  height: 52px;
  line-height: 52px;
}
.mobile-box .header-img[data-v-8cf1a50e] {
  height: 52px;
  max-width: 200px;
}
.mobile-box .icon-box[data-v-8cf1a50e] {
  color: #FFFFFF;
  font-size: 14px;
  letter-spacing: -0.28px;
  display: flex;
  align-items: center;
}
.mobile-box .icon-box i[data-v-8cf1a50e] {
  margin-right: 4px;
}
.mobile-box .icon-box .closeIcon[data-v-8cf1a50e] {
  width: 16px;
  height: 16px;
  margin-right: 4px;
}
.mobile-box .common_chat-footer[data-v-8cf1a50e] {
  box-shadow: 0px -0.5px 0px 0px rgba(0, 0, 0, 0.15), 0px 0.5px 0px 0px rgba(0, 0, 0, 0.1);
}
.mobile-box .common_chat-footer .emoji[data-v-8cf1a50e] {
  width: 20px;
  height: 20px;
}
.mobile-box .common_chat-footer .openUpload[data-v-8cf1a50e] {
  width: 24px;
  height: 24px;
}
.mobile-box .mobile_file_item[data-v-8cf1a50e] {
  width: 40px;
  height: 40px;
}
.mobile-box .mobile_file_item img[data-v-8cf1a50e] {
  width: 100%;
  height: 100%;
}
.mobile-box .pad_15[data-v-8cf1a50e] {
  padding: 0 15px;
}
.chat_wrapper[data-v-8cf1a50e] .content.visitor-content .msg-list .row .other .right .bubble, .chat_wrapper[data-v-8cf1a50e] .system-tips-msg {
  background-color: #F4F5F6;
}
.chat_wrapper[data-v-8cf1a50e] .content .msg-list .row .my .left .bubble.video {
  height: 180px;
}
.chat_footer[data-v-8cf1a50e] {
  padding-bottom: constant(safe-area-inset-bottom);
  padding-bottom: env(safe-area-inset-bottom);
}
.opr-wrapper[data-v-8cf1a50e] {
  height: 91px;
  padding: 0 15px;
}
.opr-wrapper.expression[data-v-8cf1a50e] {
  height: 230px;
}
.opr-wrapper .upload-box[data-v-8cf1a50e] {
  width: 78px;
  height: 91px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 11px;
}
.problem-btn[data-v-8cf1a50e] {
  font-size: 14px;
  padding: 4px 8px;
  border-radius: 20px;
  border: 1px solid #c9c9c9;
  top: 6px;
  color: #666;
}
.input-wrapper[data-v-8cf1a50e] {
  width: calc(100% - 40px);
  font-size: 14px;
  min-height: 35px;
  padding: 4px 3px;
  border-radius: 6px;
  background: rgb(244, 245, 246);
}
.input-wrapper .inputContent[data-v-8cf1a50e] {
  width: calc(100% - 25px);
  padding: 4px 6px 2px;
}
.input-wrapper .inputContent[data-v-8cf1a50e]:empty::before {
  content: attr(data-placeholder);
  color: rgba(0, 0, 0, 0.4);
  font-family: PingFang SC;
  font-weight: regular;
  font-size: 14px;
  line-height: normal;
  letter-spacing: 0px;
}
.input-wrapper[data-v-8cf1a50e]:focus::before {
  display: none;
}
.send-btn[data-v-8cf1a50e] {
  width: 30px;
  height: 30px;
}