.chat-header[data-v-2223cdf6]{height:60px;background:#1e9fff;position:sticky;top:0}.layui-row[data-v-2223cdf6]:after,.layui-row[data-v-2223cdf6]:before{content:"";display:block;clear:both}.chat-header .chat-header-avatar[data-v-2223cdf6]{height:100%}.layui-col-xs2[data-v-2223cdf6]{width:16.66666667%;float:left}.agent-avatar[data-v-2223cdf6]{position:absolute;top:10px;left:10px;width:40px;height:40px;border-radius:20px}.chat-header-title[data-v-2223cdf6]{height:100%;line-height:60px;text-align:left;color:#fff}.layui-col-xs9[data-v-2223cdf6]{width:75%;float:left}.chat-header-tool[data-v-2223cdf6]{height:100%;line-height:60px;color:#fff;text-align:center;cursor:pointer}.layui-col-xs1[data-v-2223cdf6]{width:8.33333333%;float:left}.centerimg[data-v-2223cdf6]{height:20px;margin-top:20px}.refresh-btn[data-v-2223cdf6]{color:#fff;font-size:16px;cursor:pointer;display:inline-block;transition:transform .3s}.refresh-btn[data-v-2223cdf6]:hover{transform:rotate(180deg)}.layui-col-xs8[data-v-2223cdf6]{width:66.66666667%;float:left}.chat-body[data-v-4b1d60da]{top:60px;bottom:130px;background-color:#fcfcfc;position:absolute;left:0;right:0;width:100%}.chatbox[data-v-4b1d60da]{overflow-y:auto}.chatbox[data-v-4b1d60da],.closechatbox[data-v-4b1d60da]{position:absolute;right:0;bottom:3px;left:0;width:100%;height:99%;overflow-x:hidden;word-wrap:break-word}.closechatbox[data-v-4b1d60da]{overflow-y:hidden;background:hsla(0,0%,100%,.151)}.conversation[data-v-4b1d60da]{padding-top:28px;padding-bottom:8px;margin:0 3.2%;width:93.6%;list-style:none}.chatmsg_no[data-v-4b1d60da]{position:relative;margin-bottom:25px}.my-circle[data-v-4b1d60da]{border-radius:50%;width:46px;height:46px}.outer-left[data-v-4b1d60da]{width:220px;position:relative;left:56px;clear:both;font-size:14px}.service[data-v-4b1d60da]{margin-left:10px;margin-top:5px;background-color:#e9f0ef;padding:10px 16px;word-break:break-all;word-wrap:break-word;color:#555;border-radius:8px;position:relative;left:0;display:inline-block;max-width:100%;height:auto}.service[data-v-4b1d60da]:before{content:"";position:absolute!important;top:8px;left:-5px;border-top:10px solid transparent;border-bottom:10px solid transparent;border-right:10px solid #e9f0ef}.chatmsg[data-v-4b1d60da]{margin-bottom:25px;position:relative;height:auto}.showtime[data-v-4b1d60da]{color:#d2d2d2;position:relative;margin-bottom:10px;font-size:12px;text-align:center;height:16px}.outer-right[data-v-4b1d60da]{float:right;width:220px;position:relative;right:56px;clear:both;font-size:14px;display:flex;justify-content:flex-end}.customer[data-v-4b1d60da]{margin-right:10px;margin-top:5px;background-color:#01aaed;color:#fff;display:inline-block;padding:10px 16px;word-break:break-all;word-wrap:break-word;border-radius:8px;max-width:100%;box-sizing:border-box}.customer[data-v-4b1d60da]:before{position:absolute;content:"";top:6px;right:-6px;border-top:10px solid transparent;border-bottom:10px solid transparent;border-left:10px solid #01aaed}.read-msg[data-v-4b1d60da]{display:inline-flex;align-self:center;justify-content:center;margin-right:5px;color:#c2c2c2;font-size:12px}.pre[data-v-4b1d60da]{white-space:pre-wrap;white-space:-moz-pre-wrap;white-space:-pre-wrap;white-space:-o-pre-wrap;word-wrap:break-word}.chatmsg[data-v-4b1d60da]:after,.chatmsg[data-v-4b1d60da]:before{content:"";display:table;clear:both;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;overflow:hidden}.chat-footer[data-v-4b1d60da]{position:absolute;bottom:0;left:0;right:0;width:100%;height:130px;background-color:#fff;box-shadow:0 -1px 0 0 rgba(255,255,254,.514),0 -2px 0 0 rgba(0,0,0,.11);border-bottom:1px solid #e2e2e2}.text-holder[data-v-4b1d60da]{height:90px}.textarea[data-v-4b1d60da]{display:block;width:92%;height:75px;padding:8px 10px;overflow-x:hidden;overflow-y:auto;resize:none;outline:0;background-color:#fff;border:0;word-break:break-all;font-size:13px;line-height:17px;-webkit-appearance:none}.chat-footer .send-bar[data-v-4b1d60da]{height:40px}.chat-footer .send-bar .tool-box[data-v-4b1d60da]{height:100%;width:80%;line-height:40px;text-align:left;position:relative;left:10px}.chat-footer .send-bar div[data-v-4b1d60da]{float:left}.tool-box a[data-v-4b1d60da]{float:left;height:20px;width:40px;cursor:pointer;margin-right:16px;margin-left:36px}.input-but[data-v-4b1d60da]{position:relative;display:inline-block;vertical-align:middle;width:40px;height:30px}.size[data-v-4b1d60da]{min-width:20px;border:none}.layui-box[data-v-4b1d60da],.layui-box [data-v-4b1d60da]{box-sizing:content-box}.fileinput[data-v-4b1d60da]{width:20px;height:30px;position:absolute;top:0;right:0;opacity:0;background-color:green}.chat-footer .send-bar .send-btn-div[data-v-4b1d60da]{height:100%;width:20%}.chat-footer .send-bar .send-btn-div .send-input[data-v-4b1d60da]{font-size:13px;border:0;outline:none;background-color:#f7f7f7;color:#cfcfcf;cursor:pointer;padding:5px 15px 5px 15px;-webkit-appearance:none}.send-input-active[data-v-4b1d60da]{font-size:13px;border:0;outline:none;background-color:#1e9fff;color:#fff;cursor:pointer;padding:5px 15px 5px 15px;-webkit-appearance:none}.layui-layer[data-v-4b1d60da]{box-shadow:1px 1px 50px rgba(0,0,0,.3);z-index:19891045;width:372px;position:absolute;top:75%!important;left:0;height:auto}.layui-layer-shade[data-v-4b1d60da],.layui-layer[data-v-4b1d60da]{position:fixed;pointer-events:auto}.layui-layer-page .layui-layer-content[data-v-4b1d60da]{position:relative;overflow:auto}.layui-whisper-face ul[data-v-4b1d60da]{position:relative;width:300px;padding:10px;background-color:#fff;z-index:10000}.layui-clear[data-v-4b1d60da]{clear:both}.layui-whisper-face ul li[data-v-4b1d60da]{cursor:pointer;float:left;border:1px solid #e8e8e8;width:26px;overflow:hidden;margin:-1px 0 0 -1px;padding:2px 2px;text-align:center}img[data-v-4b1d60da]{display:inline-block;border:none;vertical-align:middle}.emojidiv[data-v-4b1d60da]{position:fixed;bottom:12%;width:300px;left:2%;background-color:#fff;box-shadow:0 0 20px rgba(0,0,0,.2)}.modal[data-v-4b1d60da]{height:80%;width:50%;margin:0;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:10000}.modal img[data-v-4b1d60da]{height:100%;width:100%}.modal[data-v-4b1d60da]{-webkit-user-select:none;-moz-user-select:none;user-select:none}.modal .close[data-v-4b1d60da]{right:0;font-size:30px;color:#fff;top:-20px;cursor:pointer;background:#3ea1f1;height:30px;width:30px;right:-10px}.modal .close .inner[data-v-4b1d60da],.modal .close[data-v-4b1d60da]{position:absolute;text-align:center;font-weight:700;border-radius:50%}.modal .close .inner[data-v-4b1d60da]{height:70%;width:70%;background:#464242;top:50%;left:50%;transform:translate(-50%,-50%);font-size:20px}.pop-enter-active[data-v-4b1d60da],.pop-leave-active[data-v-4b1d60da]{transition:transform .4s cubic-bezier(.5,0,.5,1),opacity .4s linear}.pop-enter[data-v-4b1d60da],.pop-leave-to[data-v-4b1d60da]{opacity:0;transform:scale(.3) translateY(-20%)}@media only screen and (max-width:600px){.modal[data-v-4b1d60da]{height:70%!important;width:70%!important}}.image-preview-container[data-v-4b1d60da]{position:absolute;bottom:100%;left:50%;transform:translateX(-50%);width:300px;padding:15px;background-color:#fff;border-radius:8px;box-shadow:0 2px 15px rgba(0,0,0,.15);z-index:1000;margin-bottom:10px}.image-preview-header[data-v-4b1d60da]{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.image-preview-header span[data-v-4b1d60da]{font-size:14px;color:#333;font-weight:500}.remove-preview-btn[data-v-4b1d60da]{background:none;border:none;font-size:20px;cursor:pointer;color:#999;padding:0 5px;transition:color .2s}.remove-preview-btn[data-v-4b1d60da]:hover{color:#ff4d4f}.image-preview-content[data-v-4b1d60da]{text-align:center;margin:10px 0;background-color:#f8f8f8;padding:10px;border-radius:4px}.preview-image[data-v-4b1d60da]{max-width:100%;max-height:200px;border-radius:4px;-o-object-fit:contain;object-fit:contain}.image-preview-footer[data-v-4b1d60da]{text-align:right;margin-top:12px}.send-image-btn[data-v-4b1d60da]{background-color:#1aad19;color:#fff;border:none;padding:6px 16px;border-radius:4px;cursor:pointer;font-size:14px;transition:background-color .2s}.send-image-btn[data-v-4b1d60da]:hover{background-color:#168f14}.send-image-btn[data-v-4b1d60da]:active{background-color:#147b12}.image-preview-container[data-v-4b1d60da]{animation:slideUp-4b1d60da .3s ease-out}@keyframes slideUp-4b1d60da{0%{opacity:0;transform:translate(-50%,10px)}to{opacity:1;transform:translate(-50%)}}.customer[data-v-4b1d60da]{position:relative}.customer .message-status[data-v-4b1d60da]{position:absolute;bottom:-20px;right:0;font-size:12px;color:#999}.message-status[data-v-4b1d60da]{position:absolute;bottom:-20px;right:5px;font-size:12px}.status-sending[data-v-4b1d60da]{color:#000}.status-read[data-v-4b1d60da],.status-sent[data-v-4b1d60da]{color:#1aad19}.status-failed[data-v-4b1d60da]{color:red;cursor:pointer}.loading_box[data-v-55f72745]{position:fixed;top:0;left:0;width:100%;height:100vh;background:rgba(0,0,0,.5)!important;display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:9999}.loading-content[data-v-55f72745]{background:rgba(0,0,0,.8);padding:20px;border-radius:8px;display:flex;flex-direction:column;align-items:center}.loading_txt[data-v-55f72745]{font-size:15px;color:#fff;margin-top:10px}.lds-spinner[data-v-55f72745]{color:#fff;display:inline-block;position:relative;width:80px;height:80px}.lds-spinner div[data-v-55f72745]{transform-origin:40px 40px;animation:lds-spinner-55f72745 1.2s linear infinite}.lds-spinner div[data-v-55f72745]:after{content:" ";display:block;position:absolute;top:15px;left:37px;width:3px;height:12px;border-radius:20%;background:#fff}.lds-spinner div[data-v-55f72745]:first-child{transform:rotate(0deg);animation-delay:-1.1s}.lds-spinner div[data-v-55f72745]:nth-child(2){transform:rotate(30deg);animation-delay:-1s}.lds-spinner div[data-v-55f72745]:nth-child(3){transform:rotate(60deg);animation-delay:-.9s}.lds-spinner div[data-v-55f72745]:nth-child(4){transform:rotate(90deg);animation-delay:-.8s}.lds-spinner div[data-v-55f72745]:nth-child(5){transform:rotate(120deg);animation-delay:-.7s}.lds-spinner div[data-v-55f72745]:nth-child(6){transform:rotate(150deg);animation-delay:-.6s}.lds-spinner div[data-v-55f72745]:nth-child(7){transform:rotate(180deg);animation-delay:-.5s}.lds-spinner div[data-v-55f72745]:nth-child(8){transform:rotate(210deg);animation-delay:-.4s}.lds-spinner div[data-v-55f72745]:nth-child(9){transform:rotate(240deg);animation-delay:-.3s}.lds-spinner div[data-v-55f72745]:nth-child(10){transform:rotate(270deg);animation-delay:-.2s}.lds-spinner div[data-v-55f72745]:nth-child(11){transform:rotate(300deg);animation-delay:-.1s}.lds-spinner div[data-v-55f72745]:nth-child(12){transform:rotate(330deg);animation-delay:0s}@keyframes lds-spinner-55f72745{0%{opacity:1}to{opacity:0}}.home{width:100%;height:100%;position:absolute;background:#f7f7f7;padding:0;left:0;top:0;bottom:0;right:0;margin:auto}.phonee{max-width:400px}.disablePage{pointer-events:none}