.history-list{height:800px;overflow-y:auto;padding:0}.history-list li{cursor:pointer;border-bottom:1px solid #f4f4f4;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding:10px;-webkit-box-sizing:border-box;box-sizing:border-box}.history-list li.active{background-color:#e4e4e4}.history-list li .avatar{position:relative}.history-list li .avatar img{width:50px;height:50px;border:1px solid #f4f4f4;border-radius:6px}.history-list li .content{-webkit-box-sizing:border-box;box-sizing:border-box;width:200px}.history-list li .content .up-col{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-sizing:border-box;box-sizing:border-box}.history-list li .content .up-col h4{width:120px;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:16px;color:#606266}.history-list li .content .up-col h4 span{color:#7487fb}.history-list li .content .down-col{-webkit-box-sizing:border-box;box-sizing:border-box;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.history-list li .content .down-col p{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#909399;font-size:14px;margin:0}.history-list li .content .down-col .count{display:inline-block;background:red;border-radius:20px;padding:0 7px;height:18px;color:#fff;font-size:12px}.more-message{text-align:center;padding:14px 0;color:#909399;cursor:pointer}.more-message:hover{color:#c0c4cc}.more-message i{font-size:12px}.chat-item[data-v-7d983b1c]{width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.chat-item .time[data-v-7d983b1c]{margin-top:20px;font-size:12px;color:#909399}.chat-item .chat-item-content[data-v-7d983b1c]{width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;margin-top:20px}.chat-item .chat-item-content .avatar[data-v-7d983b1c]{width:40px;height:40px;border-radius:50%;margin-left:10px;margin-right:10px}.chat-item .chat-item-content .content-wrap[data-v-7d983b1c]{max-width:60%}.chat-item .chat-item-content .content-wrap .content[data-v-7d983b1c]{border-radius:10px;padding:10px;font-size:16px;background:#fff;border:1px solid #f4f4f4;word-break:break-all;color:#606266}.chat-item .chat-item-content .content-wrap .content.isMyWordStyle[data-v-7d983b1c]{background-color:#7487fb;color:#fff}.chat-item .chat-item-content .content-wrap .image img[data-v-7d983b1c]{border-radius:10px;width:100px}.chat-item .chat-item-content .content-wrap .is-read[data-v-7d983b1c]{text-align:right;font-size:12px;color:#c0c4cc;margin-top:5px}.chat-item .chat-item-content .content-wrap .voice-item[data-v-7d983b1c]{margin-top:5px;border-radius:10px;padding:10px;color:#666;font-size:26px;background-color:#fff;display:-webkit-box;display:-ms-flexbox;display:flex}.chat-item .chat-item-content .content-wrap .voice-item.right[data-v-7d983b1c]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;text-align:right;background-color:#7487fb}.chat-item .chat-item-content .content-wrap .voice-item .voice-play-size[data-v-7d983b1c]{width:11px;height:16px}.chat-item .chat-item-content .content-wrap .voice-item .voice-duration-style[data-v-7d983b1c]{line-height:16px;padding:0 6px;font-size:14px;color:#909399}.chat-wrap{height:100%;background-color:#f4f4f4;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.chat-wrap .nickname{font-size:18px;height:71px;text-align:center;line-height:60px;border-bottom:1px solid #e4e7ed}.chat-wrap .chat-content{height:530px;overflow-y:auto;padding-bottom:14px}.chat-wrap .chat-content .more-message{text-align:center;padding:14px 0;color:#909399;cursor:pointer}.chat-wrap .chat-content .more-message:hover{color:#c0c4cc}.chat-wrap .chat-content .more-message i{font-size:12px}.chat-wrap .chat-input-wrap{height:200px;border-top:1px solid #e4e7ed}.chat-wrap .chat-input-wrap .tool{height:40px;font-size:20px;padding:10px 14px}.chat-wrap .chat-input-wrap .tool i{font-size:20px;cursor:pointer}.chat-wrap .chat-input-wrap .input-area{border:none;outline:none;width:100%;min-height:15px;height:160px;padding:14px}.chat-wrap .chat-input-wrap .input-area div{display:inline-block}.back-btn{color:#909399;padding:10px 20px;font-size:30px;cursor:pointer}.back-btn:hover{color:#606266}.page-session{width:100%;height:100%;background-image:url(https://hipo.oss-cn-hangzhou.aliyuncs.com/resource/mohu-bg.jpeg);background-size:100% 100%;background-repeat:no-repeat}.session-wrap{border:1px solid #e4e7ed;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:1000px;height:800px;background-color:#fff;display:-webkit-box;display:-ms-flexbox;display:flex}.session-wrap .history{-ms-flex-negative:0;flex-shrink:0;width:280px;height:100%;border-right:1px solid #e4e7ed}.session-wrap .chat{width:100%}.help-area{display:-webkit-box;display:-ms-flexbox;display:flex;position:absolute;top:30px;right:30px}.help-area .help-menu-item{cursor:pointer;margin-left:20px}.help-ul{list-style:none;padding:0}