.comp-form{box-sizing:border-box;padding:9px 13px 24px;width:275px;background:#f0f3f6;color:#2a2a2a;border-radius:6px}.comp-form .okki-form-item{margin-bottom:14px}.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:14px;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}.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}.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:8px 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-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)}