.s-canvas{height:38px}.message-board-container[data-v-981d5970]{background-color:#fff}.message-board-form[data-v-981d5970]{border:none}.welcome-txt>span[data-v-981d5970]{font-family:Arial,sans-serif;font-size:15px;font-weight:700;color:#4caf50;text-align:center;margin-top:10px;text-shadow:1px 1px 2px rgba(0,0,0,.1)}.online-outer[data-v-6056c0c6]{position:fixed;right:10px;top:55%;transform:translateY(-50%);cursor:pointer;z-index:14;box-shadow:0 1px 4px 1px #aaa;border-radius:10px;overflow:hidden}.online-inner[data-v-6056c0c6]{box-sizing:border-box;background-color:#fff;transition:background-color .3s}.online-inner[data-v-6056c0c6]:hover{transition:background-color .3s;background-color:var(--ditcolor)}.online-inner:hover svg[data-v-6056c0c6]{fill:#fff;transition:background-color .3s,fill .3s}.online-inner:hover .bottom-txt[data-v-6056c0c6]{color:#fff;transition:color .3s}.icon-container[data-v-6056c0c6]{padding:8px 1px 0 1px}.icon-container svg[data-v-6056c0c6]{fill:var(--ditcolor);transition:fill .3s}.bottom-txt[data-v-6056c0c6]{font-size:14px;height:26px;color:#000;transition:color .3s}.chat-box[data-v-6056c0c6]{position:fixed;right:100px;bottom:4px;width:340px;background-color:#87cefa;border-radius:4px;padding:20px;box-shadow:4px 8px 6px rgba(0,0,0,.8);z-index:98}.message-box[data-v-6056c0c6]{height:340px;overflow-y:auto;background-color:#fff;padding:10px 8px;margin:14px 0;word-wrap:break-word}.message-box>div[data-v-6056c0c6]{margin-bottom:10px}.server_mes[data-v-6056c0c6]{margin:0 0 10px 10px}.server_mes p[data-v-6056c0c6]{max-width:210px;font-size:13px;background-color:#ebeef5;padding:10px;border-radius:5px}.client_mes p[data-v-6056c0c6]{max-width:200px;font-size:13px;background-color:#f56c6c;color:#fff;padding:10px;border-radius:5px}.server_mes span[data-v-6056c0c6]{font-size:11px;color:#999}.client_mes div[data-v-6056c0c6]{font-size:11px;color:#999;text-align:right;margin-bottom:8px}.chat-input[data-v-6056c0c6]{display:flex;align-items:center}.slide-fade-enter-active[data-v-6056c0c6],.slide-fade-leave-active[data-v-6056c0c6]{transition:all .3s}.slide-fade-enter[data-v-6056c0c6],.slide-fade-leave-to[data-v-6056c0c6]{transform:translateY(100%);opacity:0}@media (max-width:500px){.online-outer[data-v-6056c0c6]{display:flex;position:fixed;right:1px;bottom:0;box-shadow:none;border-radius:4px}.chat-box[data-v-6056c0c6]{right:0;bottom:0}.online-inner[data-v-6056c0c6]{background-color:rgba(0,0,0,.1)}}