.chat-main{height:-o-calc(100% - 200px);height:-webikt-calc(100% - 200px);height:calc(100% - 200px);border:1px solid #f1f1f1}.chat-main:after{display:block;content:"";clear:both}.chat_aside{width:200px;float:left;height:400px;margin-right:5px;border:1px solid #e4e7ed}.chat-main-right{float:left;width:calc(100% - 210px);width:-o-calc(100% - 210px);height:320px}.el-button--success.is-plain{color:#33b6ae!important;background:#fff!important;border-color:#33b6ae!important}.userfaceImg{width:37px;height:37px;border-radius:30px;margin-right:10px;min-width:37px}.friendListDiv{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:200px;padding:5px 10px;border-bottom:1px solid #e4e7ed;cursor:pointer}.chatDiv,.friendListDiv{-webkit-box-sizing:border-box;box-sizing:border-box}.chatDiv{border-color:#fff;border-bottom:1px solid #ece8e8;height:320px;overflow:hidden;padding:10px}.chat-box{height:260px;width:100%;-webkit-box-sizing:border-box;box-sizing:border-box;overflow-y:auto}.studentListDiv{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;padding-left:20px;width:160px;height:8px;border-color:#33b6ae!important;border-left-style:solid;border-top-style:solid;border-right-style:solid;border-width:1px;cursor:pointer}.chat-send-box,.chat-send-box-end,.studentListDiv{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.chat-send-box,.chat-send-box-end{padding-bottom:10px}.chat-send-box{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}.chat-send-box-end{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.chat-from-msg,.chat-send-msg{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;border-style:solid;border-width:1px;border-color:#33b6ae;border-radius:5px;padding:5px 8px 5px 8px}.chat-send-msg{border-color:#e6e6e6;background:#f9f9f9}.chat-from-msg{margin-right:3px;color:#fff;background-color:#33b6ae}.sendBtn{padding-left:25px;padding-right:25px}.currentChatFriend{background-color:#f5f5f5}.chat-textarea{margin-top:10px}.chat-textarea .el-textarea{height:50px;width:calc(100% - 100px);width:-o-calc(100% - 100px);text-align:left;margin-right:10px}.chat-textarea .el-textarea textarea.el-textarea__inner{height:50px!important;resize:none}.happy-scroll-content,.happy-scroll .happy-scroll-container{height:100%!important;width:100%!important}.chat-msg-title{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}.chat-msg-title,.chat-msg-title-state{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.chat-msg-title-state{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:25px;height:25px}.chat-msg{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-align:center;-ms-flex-align:center;align-items:center;border-style:solid;border-width:1px;border-color:#dcddde;border-radius:5px;padding:4px 0 4px 8px;-webkit-box-sizing:border-box;box-sizing:border-box;height:100%;margin:10px}.chat-msg-state{width:8px;height:8px;background-color:#ea0206;border-radius:8px}.p0{padding:0}.comment{padding-bottom:10px;margin-bottom:10px;border-bottom:1px solid #dadada}