:host,:root{--w-e-textarea-bg-color:#fff;--w-e-textarea-color:#333;--w-e-textarea-border-color:#ccc;--w-e-textarea-slight-border-color:#e8e8e8;--w-e-textarea-slight-color:#d4d4d4;--w-e-textarea-slight-bg-color:#f5f2f0;--w-e-textarea-selected-border-color:#b4d5ff;--w-e-textarea-handler-bg-color:#4290f7;--w-e-toolbar-color:#595959;--w-e-toolbar-bg-color:#fff;--w-e-toolbar-active-color:#333;--w-e-toolbar-active-bg-color:#f1f1f1;--w-e-toolbar-disabled-color:#999;--w-e-toolbar-border-color:#e8e8e8;--w-e-modal-button-bg-color:#fafafa;--w-e-modal-button-border-color:#d9d9d9}.w-e-text-container *,.w-e-toolbar *{box-sizing:border-box;margin:0;outline:none;padding:0}.w-e-text-container blockquote,.w-e-text-container li,.w-e-text-container p,.w-e-text-container td,.w-e-text-container th,.w-e-toolbar *{line-height:1.5}.w-e-text-container{background-color:var(--w-e-textarea-bg-color);color:var(--w-e-textarea-color);height:100%;position:relative}.w-e-text-container .w-e-scroll{-webkit-overflow-scrolling:touch;height:100%}.w-e-text-container [data-slate-editor]{word-wrap:break-word;border-top:1px solid transparent;min-height:100%;outline:0;padding:0 10px;white-space:pre-wrap}.w-e-text-container [data-slate-editor] p{margin:15px 0}.w-e-text-container [data-slate-editor] h1,.w-e-text-container [data-slate-editor] h2,.w-e-text-container [data-slate-editor] h3,.w-e-text-container [data-slate-editor] h4,.w-e-text-container [data-slate-editor] h5{margin:20px 0}.w-e-text-container [data-slate-editor] img{cursor:default;display:inline!important;max-width:100%;min-height:20px;min-width:20px}.w-e-text-container [data-slate-editor] span{text-indent:0}.w-e-text-container [data-slate-editor] [data-selected=true]{box-shadow:0 0 0 2px var(--w-e-textarea-selected-border-color)}.w-e-text-placeholder{font-style:italic;left:10px;top:17px;width:90%}.w-e-max-length-info,.w-e-text-placeholder{color:var(--w-e-textarea-slight-color);pointer-events:none;position:absolute;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.w-e-max-length-info{bottom:.5em;right:1em}.w-e-bar{background-color:var(--w-e-toolbar-bg-color);color:var(--w-e-toolbar-color);font-size:14px;padding:0 5px}.w-e-bar svg{fill:var(--w-e-toolbar-color);height:14px;width:14px}.w-e-bar-show{display:flex}.w-e-bar-hidden{display:none}.w-e-hover-bar{border:1px solid var(--w-e-toolbar-border-color);border-radius:3px;box-shadow:0 2px 5px rgba(0,0,0,.12156862745098039);position:absolute}.w-e-toolbar{flex-wrap:wrap;position:relative}.w-e-bar-divider{background-color:var(--w-e-toolbar-border-color);display:inline-flex;height:40px;margin:0 5px;width:1px}.w-e-bar-item{display:flex;height:40px;padding:4px;position:relative;text-align:center}.w-e-bar-item,.w-e-bar-item button{align-items:center;justify-content:center}.w-e-bar-item button{background:transparent;border:none;color:var(--w-e-toolbar-color);cursor:pointer;display:inline-flex;height:32px;overflow:hidden;padding:0 8px;white-space:nowrap}.w-e-bar-item button:hover{background-color:var(--w-e-toolbar-active-bg-color);color:var(--w-e-toolbar-active-color)}.w-e-bar-item button .title{margin-left:5px}.w-e-bar-item .active{background-color:var(--w-e-toolbar-active-bg-color);color:var(--w-e-toolbar-active-color)}.w-e-bar-item .disabled{color:var(--w-e-toolbar-disabled-color);cursor:not-allowed}.w-e-bar-item .disabled svg{fill:var(--w-e-toolbar-disabled-color)}.w-e-bar-item .disabled:hover{background-color:var(--w-e-toolbar-bg-color);color:var(--w-e-toolbar-disabled-color)}.w-e-bar-item .disabled:hover svg{fill:var(--w-e-toolbar-disabled-color)}.w-e-menu-tooltip-v5:before{background-color:var(--w-e-toolbar-active-color);border-radius:5px;color:var(--w-e-toolbar-bg-color);content:attr(data-tooltip);font-size:.75em;padding:5px 10px;text-align:center;top:40px;white-space:pre;z-index:1}.w-e-menu-tooltip-v5:after,.w-e-menu-tooltip-v5:before{opacity:0;position:absolute;transition:opacity .6s;visibility:hidden}.w-e-menu-tooltip-v5:after{border:5px solid transparent;border-bottom:5px solid var(--w-e-toolbar-active-color);content:"";top:30px}.w-e-menu-tooltip-v5:hover:after,.w-e-menu-tooltip-v5:hover:before{opacity:1;visibility:visible}.w-e-menu-tooltip-v5.tooltip-right:before{left:100%;top:10px}.w-e-menu-tooltip-v5.tooltip-right:after{border-bottom-color:transparent;border-left-color:transparent;border-right-color:var(--w-e-toolbar-active-color);border-top-color:transparent;left:100%;margin-left:-10px;top:16px}.w-e-bar-item-group .w-e-bar-item-menus-container{background-color:var(--w-e-toolbar-bg-color);border:1px solid var(--w-e-toolbar-border-color);border-radius:3px;box-shadow:0 2px 10px rgba(0,0,0,.12156862745098039);display:none;left:0;margin-top:40px;position:absolute;top:0;z-index:1}.w-e-bar-item-group:hover .w-e-bar-item-menus-container{display:block}.w-e-select-list{background-color:var(--w-e-toolbar-bg-color);border:1px solid var(--w-e-toolbar-border-color);border-radius:3px;box-shadow:0 2px 10px rgba(0,0,0,.12156862745098039);left:0;margin-top:40px;max-height:350px;min-width:100px;overflow-y:auto;position:absolute;top:0;z-index:1}.w-e-select-list ul{line-height:1;list-style:none}.w-e-select-list ul .selected{background-color:var(--w-e-toolbar-active-bg-color)}.w-e-select-list ul li{cursor:pointer;padding:7px 0 7px 25px;position:relative;text-align:left;white-space:nowrap}.w-e-select-list ul li:hover{background-color:var(--w-e-toolbar-active-bg-color)}.w-e-select-list ul li svg{left:0;margin-left:5px;margin-top:-7px;position:absolute;top:50%}.w-e-bar-bottom .w-e-select-list{bottom:0;margin-bottom:40px;margin-top:0;top:inherit}.w-e-drop-panel{background-color:var(--w-e-toolbar-bg-color);border:1px solid var(--w-e-toolbar-border-color);border-radius:3px;box-shadow:0 2px 10px rgba(0,0,0,.12156862745098039);margin-top:40px;min-width:200px;padding:10px;position:absolute;top:0;z-index:1}.w-e-bar-bottom .w-e-drop-panel{bottom:0;margin-bottom:40px;margin-top:0;top:inherit}.w-e-modal{background-color:var(--w-e-toolbar-bg-color);border:1px solid var(--w-e-toolbar-border-color);border-radius:3px;box-shadow:0 2px 10px rgba(0,0,0,.12156862745098039);color:var(--w-e-toolbar-color);font-size:14px;min-height:40px;min-width:100px;padding:20px 15px 0;position:absolute;text-align:left;z-index:1}.w-e-modal .btn-close{cursor:pointer;line-height:1;padding:5px;position:absolute;right:8px;top:7px}.w-e-modal .btn-close svg{fill:var(--w-e-toolbar-color);height:10px;width:10px}.w-e-modal .babel-container{display:block;margin-bottom:15px}.w-e-modal .babel-container span{display:block;margin-bottom:10px}.w-e-modal .button-container{margin-bottom:15px}.w-e-modal button{background-color:var(--w-e-modal-button-bg-color);cursor:pointer;font-weight:400;height:32px;padding:4.5px 15px;text-align:center;touch-action:manipulation;transition:all .3s cubic-bezier(.645,.045,.355,1);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;white-space:nowrap}.w-e-modal button,.w-e-modal input[type=number],.w-e-modal input[type=text],.w-e-modal textarea{border:1px solid var(--w-e-modal-button-border-color);border-radius:4px;color:var(--w-e-toolbar-color)}.w-e-modal input[type=number],.w-e-modal input[type=text],.w-e-modal textarea{font-feature-settings:"tnum";background-color:var(--w-e-toolbar-bg-color);font-variant:tabular-nums;padding:4.5px 11px;transition:all .3s;width:100%}.w-e-modal textarea{min-height:60px}body .w-e-modal,body .w-e-modal *{box-sizing:border-box}.w-e-progress-bar{background-color:var(--w-e-textarea-handler-bg-color);height:1px;position:absolute;transition:width .3s;width:0}.w-e-full-screen-container{bottom:0!important;display:flex!important;flex-direction:column!important;height:100%!important;left:0!important;margin:0!important;padding:0!important;position:fixed;right:0!important;top:0!important;width:100%!important}.w-e-full-screen-container [data-w-e-textarea=true]{flex:1!important}.w-e-text-container [data-slate-editor] code{background-color:var(--w-e-textarea-slight-bg-color);border-radius:3px;font-family:monospace;padding:3px}.w-e-panel-content-color{list-style:none;text-align:left;width:230px}.w-e-panel-content-color li{border:1px solid var(--w-e-toolbar-bg-color);border-radius:3px 3px;cursor:pointer;display:inline-block;padding:2px}.w-e-panel-content-color li:hover{border-color:var(--w-e-toolbar-color)}.w-e-panel-content-color li .color-block{border:1px solid var(--w-e-toolbar-border-color);border-radius:3px 3px;height:17px;width:17px}.w-e-panel-content-color .active{border-color:var(--w-e-toolbar-color)}.w-e-panel-content-color .clear{line-height:1.5;margin-bottom:5px;width:100%}.w-e-panel-content-color .clear svg{height:16px;margin-bottom:-4px;width:16px}.w-e-text-container [data-slate-editor] blockquote{background-color:var(--w-e-textarea-slight-bg-color);border-left:8px solid var(--w-e-textarea-selected-border-color);display:block;font-size:100%;line-height:1.5;margin:10px 0;padding:10px}.w-e-panel-content-emotion{font-size:20px;list-style:none;text-align:left;width:300px}.w-e-panel-content-emotion li{border-radius:3px 3px;cursor:pointer;display:inline-block;padding:0 5px}.w-e-panel-content-emotion li:hover{background-color:var(--w-e-textarea-slight-bg-color)}.w-e-textarea-divider{border-radius:3px;margin:20px auto;padding:20px}.w-e-textarea-divider hr{background-color:var(--w-e-textarea-border-color);border:0;display:block;height:1px}.w-e-text-container [data-slate-editor] pre>code{background-color:var(--w-e-textarea-slight-bg-color);border:1px solid var(--w-e-textarea-slight-border-color);border-radius:4px 4px;display:block;font-size:14px;padding:10px;text-indent:0}.w-e-text-container [data-slate-editor] .w-e-image-container{display:inline-block;margin:0 3px}.w-e-text-container [data-slate-editor] .w-e-image-container:hover{box-shadow:0 0 0 2px var(--w-e-textarea-selected-border-color)}.w-e-text-container [data-slate-editor] .w-e-selected-image-container{overflow:hidden;position:relative}.w-e-text-container [data-slate-editor] .w-e-selected-image-container .w-e-image-dragger{background-color:var(--w-e-textarea-handler-bg-color);height:7px;position:absolute;width:7px}.w-e-text-container [data-slate-editor] .w-e-selected-image-container .left-top{cursor:nwse-resize;left:0;top:0}.w-e-text-container [data-slate-editor] .w-e-selected-image-container .right-top{cursor:nesw-resize;right:0;top:0}.w-e-text-container [data-slate-editor] .w-e-selected-image-container .left-bottom{bottom:0;cursor:nesw-resize;left:0}.w-e-text-container [data-slate-editor] .w-e-selected-image-container .right-bottom{bottom:0;cursor:nwse-resize;right:0}.w-e-text-container [contenteditable=false] .w-e-image-container:hover,.w-e-text-container [data-slate-editor] .w-e-selected-image-container:hover{box-shadow:none}.w-e-text-container [data-slate-editor] .table-container{border:1px dashed var(--w-e-textarea-border-color);border-radius:5px;margin-top:10px;overflow-x:auto;padding:10px;width:100%}.w-e-text-container [data-slate-editor] table{border-collapse:collapse}.w-e-text-container [data-slate-editor] table td,.w-e-text-container [data-slate-editor] table th{border:1px solid var(--w-e-textarea-border-color);line-height:1.5;min-width:30px;padding:3px 5px;text-align:left}.w-e-text-container [data-slate-editor] table th{background-color:var(--w-e-textarea-slight-bg-color);font-weight:700;text-align:center}.w-e-panel-content-table{background-color:var(--w-e-toolbar-bg-color)}.w-e-panel-content-table table{border-collapse:collapse}.w-e-panel-content-table td{border:1px solid var(--w-e-toolbar-border-color);cursor:pointer;height:15px;padding:3px 5px;width:20px}.w-e-panel-content-table td.active{background-color:var(--w-e-toolbar-active-bg-color)}.w-e-textarea-video-container{background-image:linear-gradient(45deg,#eee 25%,transparent 0,transparent 75%,#eee 0,#eee),linear-gradient(45deg,#eee 25%,#fff 0,#fff 75%,#eee 0,#eee);background-position:0 0,10px 10px;background-size:20px 20px;border:1px dashed var(--w-e-textarea-border-color);border-radius:5px;margin:10px auto 0;padding:10px 0;text-align:center}.w-e-text-container [data-slate-editor] pre>code{word-wrap:normal;font-family:Consolas,Monaco,Andale Mono,Ubuntu Mono,monospace;-webkit-hyphens:none;-ms-hyphens:none;hyphens:none;line-height:1.5;margin:.5em 0;overflow:auto;padding:1em;-moz-tab-size:4;-o-tab-size:4;tab-size:4;text-align:left;text-shadow:0 1px #fff;white-space:pre;word-break:normal;word-spacing:normal}.w-e-text-container [data-slate-editor] pre>code .token.cdata,.w-e-text-container [data-slate-editor] pre>code .token.comment,.w-e-text-container [data-slate-editor] pre>code .token.doctype,.w-e-text-container [data-slate-editor] pre>code .token.prolog{color:#708090}.w-e-text-container [data-slate-editor] pre>code .token.punctuation{color:#999}.w-e-text-container [data-slate-editor] pre>code .token.namespace{opacity:.7}.w-e-text-container [data-slate-editor] pre>code .token.boolean,.w-e-text-container [data-slate-editor] pre>code .token.constant,.w-e-text-container [data-slate-editor] pre>code .token.deleted,.w-e-text-container [data-slate-editor] pre>code .token.number,.w-e-text-container [data-slate-editor] pre>code .token.property,.w-e-text-container [data-slate-editor] pre>code .token.symbol,.w-e-text-container [data-slate-editor] pre>code .token.tag{color:#905}.w-e-text-container [data-slate-editor] pre>code .token.attr-name,.w-e-text-container [data-slate-editor] pre>code .token.builtin,.w-e-text-container [data-slate-editor] pre>code .token.char,.w-e-text-container [data-slate-editor] pre>code .token.inserted,.w-e-text-container [data-slate-editor] pre>code .token.selector,.w-e-text-container [data-slate-editor] pre>code .token.string{color:#690}.w-e-text-container [data-slate-editor] pre>code .language-css .token.string,.w-e-text-container [data-slate-editor] pre>code .style .token.string,.w-e-text-container [data-slate-editor] pre>code .token.entity,.w-e-text-container [data-slate-editor] pre>code .token.operator,.w-e-text-container [data-slate-editor] pre>code .token.url{color:#9a6e3a}.w-e-text-container [data-slate-editor] pre>code .token.atrule,.w-e-text-container [data-slate-editor] pre>code .token.attr-value,.w-e-text-container [data-slate-editor] pre>code .token.keyword{color:#07a}.w-e-text-container [data-slate-editor] pre>code .token.class-name,.w-e-text-container [data-slate-editor] pre>code .token.function{color:#dd4a68}.w-e-text-container [data-slate-editor] pre>code .token.important,.w-e-text-container [data-slate-editor] pre>code .token.regex,.w-e-text-container [data-slate-editor] pre>code .token.variable{color:#e90}.w-e-text-container [data-slate-editor] pre>code .token.bold,.w-e-text-container [data-slate-editor] pre>code .token.important{font-weight:700}.w-e-text-container [data-slate-editor] pre>code .token.italic{font-style:italic}.w-e-text-container [data-slate-editor] pre>code .token.entity{cursor:help}.page_home{width:100%;height:100%;padding:0 4px}.page_home .moduleList{height:calc(100% - 110px)}.page_home .moduleList .moduleInlet{display:flex;padding:80px 36px;align-items:center;justify-content:space-around}.page_home .moduleList .moduleInlet .moduleItem{width:114px;height:114px;display:flex;cursor:pointer;font-size:16px;align-items:center;border-radius:20px;background:#f1f1f1;flex-direction:column;justify-content:center}.page_home .moduleList .moduleInlet .moduleItem .iconfont{color:#015685;font-size:30px;margin-bottom:10px}.page_home .recordContent{height:calc(100% - 115px);margin-bottom:5px}.page_home .recordContent .titleBar{height:40px;line-height:30px;padding:6px 10px}.page_home .recordContent .titleBar span{cursor:pointer}.page_home .recordContent .titleBar span .iconfont{color:#015685;font-size:20px;margin-right:8px;vertical-align:bottom}.page_home .recordContent .titleBar .titleIcon{width:32px;height:100%;line-height:26px;border-radius:6px;float:right;color:#77797c;cursor:pointer;text-align:center;border:1px solid #bfbfbf}.page_home .recordContent .titleBar .titleIcon .iconfont{font-size:18px}.page_home .recordContent .chatContent{height:calc(100% - 40px);background:#ebedee}.page_home .recordContent .chatContent .commentList{height:100%;overflow-y:auto;position:relative;background:#ebedee;padding:8px 0}.page_home .recordContent .chatContent .commentList .commentItem{padding:10px 12px;display:flex;flex-direction:row-reverse}.page_home .recordContent .chatContent .commentList .commentItem .el-affix{width:100%}.page_home .recordContent .chatContent .commentList .commentItem .el-affix>div{width:100%;display:flex;flex-direction:row-reverse}.page_home .recordContent .chatContent .commentList .commentItem .commentText{padding-right:10px;width:calc(100% - 34px);text-align:right;position:relative;display:flex;justify-content:flex-end;flex-wrap:wrap;vertical-align:text-top;word-break:break-all}.page_home .recordContent .chatContent .commentList .commentItem .commentText .triangle{display:none;top:6px;right:6px;width:0;height:0;border:14px solid;position:absolute;border-color:#59ac89 transparent transparent transparent}.page_home .recordContent .chatContent .commentList .commentItem .commentText .content{min-width:100px;max-width:calc(100% - 36px);font-size:14px;padding:8px 12px;border-radius:10px;color:#333;text-align:left;background:#59ac89;word-break:break-all}.page_home .recordContent .chatContent .commentList .commentItem .commentText .content pre{margin:0;width:100%;word-break:break-word;white-space:break-spaces}.page_home .recordContent .chatContent .commentList .commentItem .commentText .content p{margin:0;word-break:break-all}.page_home .recordContent .chatContent .commentList .commentItem .commentText .content img{max-width:100%}.page_home .recordContent .chatContent .commentList .commentItem .commentText .time{color:#909399}.page_home .recordContent .chatContent .commentList .commentItem .commentText .read-status{width:100%;text-align:right;font-size:12px}.page_home .recordContent .chatContent .commentList .commentItem .commentHead{width:32px;height:32px;font-size:16px;line-height:32px;margin-right:1px;border-radius:50%;overflow:hidden;position:relative;text-align:center;display:inline-block;vertical-align:middle}.page_home .recordContent .chatContent .commentList .commentItem .commentHead .head-image{width:32px;height:32px}.page_home .recordContent .chatContent .commentList .commentItem .commentHead .roleName{width:100%;height:100%;color:#fff;background:#058bc5}.page_home .recordContent .chatContent .commentList .commentItem.reply{flex-direction:row}.page_home .recordContent .chatContent .commentList .commentItem.reply .commentText{text-align:left;padding-right:0;padding-left:10px;max-width:calc(100% - 40px);justify-content:flex-start}.page_home .recordContent .chatContent .commentList .commentItem.reply .commentText .triangle{display:none;left:6px;right:unset;border-color:#fff transparent transparent transparent}.page_home .recordContent .chatContent .commentList .commentItem.reply .commentText .content{position:relative;background:#fff}.page_home .recordContent .chatContent .commentList .commentItem.reply .commentText .content .icon-wenti-tishi{font-size:14px;margin-right:4px}.page_home .recordContent .chatContent .commentList .commentItem.reply .commentText .read-status{text-align:left}.page_home .recordContent .chatContent .commentList .commentItem.reply .commentReply{vertical-align:middle}.page_home .recordContent .chatContent .commentList .commentItem.reply .commentReply .iconfont{color:#4ad3a1;font-size:32px}.page_home .recordContent .chatContent .commentList .commentItem.reply .commentReply span{width:32px;height:32px;line-height:32px;border-radius:50%;text-align:center;background:#4ad3a1;display:inline-block}.page_home .recordContent .chatContent .commentList .commentItem.reply .commentReply span .iconfont{color:#fff;font-size:20px}.page_home .recordContent .chatContent .commentList .commentItem .cs-welcome{padding:10px;background:#fff;width:calc(100% - 97px)}.page_home .recordContent .chatContent .commentList .commentItem .el-divider .el-divider__text{background:#ebedee}.page_home .recordContent .chatContent .commentList .replyLoading{margin-left:4px;display:inline-block}.page_home .recordContent .chatContent .commentList .dot{display:inline-block;width:2px;height:2px;border-radius:50%;background-color:#77797c;margin:0 2px;opacity:0;animation:expand 1.5s ease-in-out infinite}.page_home .recordContent .chatContent .commentList .dot:first-child{animation-delay:.1s}.page_home .recordContent .chatContent .commentList .dot:nth-child(2){animation-delay:.2s}.page_home .recordContent .chatContent .commentList .dot:nth-child(3){animation-delay:.3s}@keyframes expand{0%{transform:scale(0);opacity:.5}50%{transform:scale(1);opacity:1}to{transform:scale(2);opacity:0}}.page_home .recordContent .chatContent .history{height:100%;padding:10px;background:#fff;border:1px solid #e5e5e5}.page_home .recordContent .chatContent .history .historyTitle{height:36px;font-size:14px;font-weight:600}.page_home .recordContent .chatContent .history .historyTitle .iconfont{float:right;cursor:pointer}.page_home .recordContent .chatContent .history .el-input{margin-left:15px;width:calc(100% - 30px)}.page_home .recordContent .chatContent .history .historyList{overflow-y:auto;padding-top:10px;position:relative;height:calc(100% - 70px)}.page_home .recordContent .chatContent .history .historyList .commentItem{padding:10px 6px;border-bottom:1px solid #d9d9d9}.page_home .recordContent .chatContent .history .historyList .commentItem .historyDate{height:30px;font-weight:600}.page_home .recordContent .chatContent .history .historyList .commentItem .dateComment{padding:4px}.page_home .recordContent .chatContent .history .historyList .commentItem .dateComment .commentText{padding-left:14px;width:calc(100% - 40px);display:inline-block;vertical-align:text-top;word-break:break-all}.page_home .recordContent .chatContent .history .historyList .commentItem .dateComment .commentText .time{font-size:14px;color:#333}.page_home .recordContent .chatContent .history .historyList .commentItem .dateComment .commentText .content{margin:6px 0;font-size:14px;padding:8px 10px;border-radius:4px;color:#333;width:-moz-fit-content;width:fit-content;background:#c9e7ff;word-break:break-all}.page_home .recordContent .chatContent .history .historyList .commentItem .dateComment .commentText .content p{margin:0;word-break:break-all}.page_home .recordContent .chatContent .history .historyList .commentItem .dateComment .commentText .content img{max-width:100%}.page_home .recordContent .chatContent .history .historyList .commentItem .dateComment .commentHead{width:32px;height:32px;font-size:16px;line-height:32px;margin-right:1px;border-radius:50%;overflow:hidden;position:relative;text-align:center;display:inline-block;vertical-align:middle}.page_home .recordContent .chatContent .history .historyList .commentItem .dateComment .commentHead .head-image{width:32px;height:32px}.page_home .recordContent .chatContent .history .historyList .commentItem .dateComment .commentHead .roleName{width:100%;height:100%;color:#fff;background:#058bc5}.page_home .recordContent .chatContent .history .historyList .commentItem .dateComment .commentReply{width:32px;height:32px;font-size:16px;line-height:32px;margin-right:1px;border-radius:50%;overflow:hidden;position:relative;text-align:center;display:inline-block;vertical-align:middle}.page_home .recordContent .chatContent .history .historyList .commentItem .dateComment .commentReply .iconfont{color:#4ad3a1;font-size:32px}.page_home .recordContent .chatContent .history .historyList .commentItem .dateComment .commentReply span{width:32px;height:32px;line-height:32px;border-radius:50%;text-align:center;background:#4ad3a1;display:inline-block}.page_home .recordContent .chatContent .history .historyList .commentItem .dateComment .commentReply span .iconfont{color:#fff;font-size:20px}.page_home .recordContent .chatContent .history .historyList .cs-welcome{padding:5px;background:#f9f9f9}.page_home .recordContent .chatContent .history .historyList.serviceHis{height:calc(100% - 110px)}.page_home .recordContent .chatContent .history .history-satisfaction{height:calc(100% - 110px);padding-top:8px}.page_home .recordContent .chatContent .history .history-satisfaction .satisfaction-item p{margin:0;word-break:break-all}.page_home .recordContent .chatContent .history .history-satisfaction .satisfaction-item img{max-width:100%}.page_home .recordContent .chatContent .history .history-satisfaction .satisfaction-item+.satisfaction-item{margin-top:5px}.page_home .commentInput{height:110px;padding:0 10px;position:relative}.page_home .commentInput .shade{top:0;left:10px;margin:1px;opacity:.5;z-index:1000;border-radius:4px;position:absolute;background:#e2e4e3;width:calc(100% - 22px);height:calc(100% - 2px)}.page_home .commentInput .el-textarea{--el-input-focus-border:#59ac89;--el-input-focus-border-color:#59ac89}.page_home .commentInput .el-textarea .el-textarea__inner{border-color:#59ac89;padding:5px 11px 46px 12px;box-shadow:inset 0 0 0 1px #59ac89}.page_home .commentInput .btnBar{left:11px;bottom:3px;border-radius:4px;width:calc(100% - 29px);height:46px;z-index:98;padding:0 12px;line-height:46px;position:absolute;background:#fff}.page_home .commentInput .btnBar span{margin-left:8px}.page_home .commentInput .btnBar span .iconfont{color:#7f7f7f;cursor:pointer;font-size:18px;margin-right:16px}.page_home .commentInput .btnBar .notes{bottom:0;right:90px;color:#bfbfbf;font-size:12px;position:absolute}.page_home .commentInput .btnBar .sendBtn{width:60px;height:30px;padding:0 0;margin-top:8px;line-height:30px;border-radius:4px;float:right;color:#fff;cursor:pointer;text-align:center;background:#59ac89;border-color:#59ac89}.el-popover.el-popper.commonPopper{padding:0}.el-popover.el-popper.commonPopper .sceneList span{width:100%;height:40px;display:block;color:#3e3e3e;cursor:pointer;padding:0 10px;line-height:40px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;border-bottom:1px solid #e2e4e3}.el-popover.el-popper.commonPopper .sceneList span:last-child{border-bottom:none}.el-popover.el-popper.commonPopper .modelList .modelItem{width:100%;height:40px;display:flex;color:#3e3e3e;cursor:pointer;padding:0 10px;line-height:40px;align-items:center;border-bottom:1px solid #e2e4e3}.el-popover.el-popper.commonPopper .modelList .modelItem:last-child{border-bottom:none}.el-popover.el-popper.commonPopper .modelList .modelItem .iconfont:first-child{font-size:22px}.el-popover.el-popper.commonPopper .modelList .modelItem .iconfont:last-child{font-size:14px;color:#00a6ff}.el-popover.el-popper.commonPopper .modelList .modelItem span{margin:0 10px 0 6px;overflow:hidden;white-space:nowrap;display:inline-block;text-overflow:ellipsis;max-width:calc(100% - 68px)}.el-popover.el-popper.commonPopper .modelList .modelItem .modelImage{width:38px;height:32px;border-radius:20px}