.comp-form{box-sizing:border-box;padding:9px 13px 20px;width:300px;background:#f0f3f6;color:#2a2a2a;border-radius:6px}.comp-form .okki-form-item{margin-bottom:12px}.comp-form .okki-form-item-label{padding-bottom:0}.comp-form .okki-select:not(.okki-select-customize-input) .okki-select-selector,.comp-form input,.comp-form textarea{border:none}.comp-form .okki-select-selector{border:none;border-radius:0;font-size:14px}.comp-form .okki-input-focused,.comp-form .okki-input:focus{box-shadow:none}.comp-form .okki-form-item-has-error .okki-select-selector,.comp-form .okki-form-item-has-error input,.comp-form .okki-form-item-has-error textarea{border:1px solid #e95b5b}.comp-form.field-layout-vertical .okki-checkbox-group,.comp-form.field-layout-vertical .okki-radio-group{display:flex;flex-direction:column}.comp-form .comp-form-title{font-size:14px;line-height:20px;color:#2a2a2a;font-weight:400;text-align:left;word-break:break-word}.comp-form .okki-form-item-required{margin-bottom:14px}.comp-form .okki-form-item-required:before{content:"*";margin-left:5px}.comp-form .okki-form-item-label label{font-size:12px;margin-bottom:5px;color:#909090}.comp-form .submit-control{padding-top:8px;display:flex;justify-content:center}.comp-form .submit-control .submit{display:flex;justify-content:center;align-items:center;border-radius:17px;background:var(--main-color);color:#fff;padding:7px 21px;line-height:20px;cursor:pointer;border:none;outline:none}.comp-form .submit-control .submit:hover{opacity:.9}.comp-form .submit-control .submit:active{opacity:.8}.comp-form .submit-control button{width:54%;padding:12px;font-size:14px;font-style:normal;font-weight:600;display:flex;justify-content:center;align-items:center}.text-message{color:#2a2a2a;font-size:14px;font-weight:400;background:#f0f3f6;border-radius:6px;line-height:22px;padding:7px 12px;max-width:70%;display:inline-block;word-break:break-word}.knowledge-item-wrap[data-v-1199cf5c]{display:flex;flex-direction:column;gap:10px;align-items:flex-start}.knowledge-item-wrap .knowledge-item[data-v-1199cf5c]{color:#2a2a2a;font-size:12px;line-height:20px;max-width:70%;display:inline-block;word-break:break-word;border-radius:8px;padding:4px 8px;border-width:1px;border-style:solid;cursor:pointer}@keyframes typing-animation-65751ea6{0%,60%,to{opacity:40%}30%{opacity:100%}}.typing-wrap[data-v-65751ea6]{padding:10px;color:#909090;border:1px solid #e6e6e6;background-color:#f5f5f5;height:28px;width:50px;border-radius:0 8px;display:flex;align-items:center;justify-content:center;gap:4px}.typing-wrap .typing-dot[data-v-65751ea6]{width:6px;height:6px;border-radius:50%;animation:typing-animation-65751ea6 1.4s ease-in-out infinite}.typing-wrap .typing-dot-1[data-v-65751ea6]{background-color:#8c8c8c;animation-delay:0s}.typing-wrap .typing-dot-2[data-v-65751ea6]{background-color:#bfbfbf;animation-delay:.2s}.typing-wrap .typing-dot-3[data-v-65751ea6]{background-color:#d9d9d9;animation-delay:.4s}.read-status{text-align:right;color:#909090;font-size:12px;padding:10px 0;position:relative;right:6px}.read-status.unread{color:var(--main-color)}.message-view .message-item-wrap{padding:4px 0}.message-view .message-item-wrap .message-main{flex:1}.message-view .message-item-wrap .message-head{display:flex;color:#909090;line-height:22px}.message-view .message-item-wrap .message-head .nickname{max-width:12em;display:inline-block}.message-view .message-item-wrap.flow-in .text-message{background:#eee}.message-view .message-item-wrap.flow-in .form-message,.message-view .message-item-wrap.flow-in .form-result-message,.message-view .message-item-wrap.flow-in .image-message{float:left}.message-view .message-item-wrap.flow-out .message-head{flex-direction:row-reverse}.message-view .message-item-wrap.flow-out .message-main{display:flex;flex-direction:row-reverse;justify-content:flex-start}.message-view .message-item-wrap.flow-out .custom-message,.message-view .message-item-wrap.flow-out .text-message{background-color:#ddefff;float:right}.message-view .message-item-wrap.flow-out .custom-message,.message-view .message-item-wrap.flow-out .file-message,.message-view .message-item-wrap.flow-out .image-message{float:right}.time-divide{margin:0 auto;width:75%;padding:8px}.time-divide .mm-divider-with-text-center span{font-size:12px;color:#909090;font-weight:400}.message-list-wrap{height:100%;overflow:auto}.message-list-wrap .message-list{padding:17px 20.5px;position:relative}.message-list-wrap .message-list .has-more{text-align:center;color:#ccc;font-size:12px}.online-status{display:flex;align-items:center;color:#fff}.online-status .online-status-icon{width:8px;height:8px;border-radius:8px;margin-right:5px}.online-status .online-status-icon__online{background:#00ce71}.online-status .online-status-icon__offline{background:#d9d9d9}.sound-setting{line-height:1;cursor:pointer}.sound-setting:hover{opacity:.8}.chat-header-wrapper{background:var(--main-color)}.chat-header-wrapper .avatar{position:relative;border-radius:50%;border:1px solid #fff;background-color:#fff}.chat-header-wrapper .avatar .online-status-icon{width:8px;height:8px;border-radius:8px;border:1px solid #fff;background:#00ce71;position:absolute;right:0;bottom:0}.no-gif-animation{animation-play-state:paused!important}.chat-input{flex:1;display:flex;flex-direction:column;position:relative}.chat-input .chat-input-typing-tips{position:absolute;padding:6px 20px;font-size:12px;color:#909090;top:-30px}.chat-input .chat-input-box{flex:1;border-top:1px solid #e6e6e6}.chat-input .chat-input-box textarea.okki-input{line-height:40px}.chat-input .chat-input-send-button{position:absolute;width:18px;height:20px;color:#909090;right:16px;top:50%;margin-top:-10px;cursor:pointer}.chat-input .chat-input-send-button .chat-input-send-icon:hover{color:var(--main-color)}.chat-input .chat-input-send-button__disabled{color:#909090;cursor:not-allowed}.chat-input .chat-input-send-button__disabled .chat-input-send-icon:hover{color:#909090}.chat-layout{background:#fff;width:100%;flex:1;display:flex;flex-direction:column;box-shadow:0 2px 7px 0 rgba(0,0,0,.14);border-radius:8px;overflow:hidden}.chat-layout .chat-layout-header{height:54px}.chat-layout .chat-layout-offline-form{height:calc(100% - 54px)}.chat-layout .chat-layout-content{flex:1 1 auto;height:calc(100% - 102px)}.chat-layout .chat-layout-input{display:flex;height:48px}.chat-offline-form-content{position:relative;top:-80px;margin:20px;padding:20px;border-radius:4px;box-shadow:0 2px 4px 1px rgba(0,0,0,.08);background-color:#fff}.chat-offline-form-content .okki-btn-primary{width:100%}.chat-offline-form-content .okki-btn-primary,.chat-offline-form-content .okki-btn-primary.okki-btn-loading{background-color:var(--main-color);border-color:var(--main-color)}