.chatView .el-dialog__header{background:#338efc;color:#fff}.chatView .el-dialog__header .el-dialog__close,.chatView .el-dialog__header .el-dialog__title{color:#fff;font-size:16px}.chatView .el-dialog__body{height:680px;padding:0}.chatView .usetInfo{height:100%}.chatView .l_chat{text-align:center;text-align-last:justify;padding:15px 25px;border-top:1px solid #ddd;position:relative}.chatView .l_chat>div,.chatView .l_chat>span>button{text-align:left;text-align-last:justify;display:inline-block;vertical-align:top}.chatView .l_chat>.el-input{width:600px}.chatView .l_chat>.el-input>input{height:36px;line-height:36px}.chatView .l_chat>button{padding:10px 20px}.chatView .l_chat .emoji_icon{width:25px;height:25px;cursor:pointer;margin-top:4px}.chatView .u_chat{height:90%}.chatView .u_chat ul{padding:0 30px}.chatView .u_chat ul>li{padding-top:25px}.chatView .my-scrollbar{height:100%}.chatView .chatCont:last-of-type{padding-bottom:25px}.chatView .chatCont{padding-top:25px}.chatView .emoji_ch{margin:0 25px}.chatView .chatCont_txt{position:relative}.chatView .chatCont_txt>span{width:40px;height:40px;border-radius:50%;overflow:hidden;background:#effaff;line-height:40px;text-align:center;color:#fff}.chatView .chatCont_txt>span>img{width:100%;height:100%}.chatView .chatCont_txt .chatCont_t{max-width:60%;word-wrap:break-word;word-break:break-all;padding:10px 20px;font-size:14px;line-height:21px;background:#f8f8f8;border-radius:3px;position:relative;margin-left:25px;box-shadow:0 1px 1px 0 rgba(0,0,0,.1)}.chatView .chatCont_txt .chatCont_t:before{content:" ";display:inline-block;width:0;height:0;overflow:hidden;line-height:0;font-size:0;vertical-align:middle;border-right:7px solid #f8f8f8;border-left:0 none;border-top:7px solid transparent;border-bottom:7px solid transparent;position:absolute;left:-7px}.chatView .chatCont_txt .dataTime{color:#999;display:inline-block;margin:10px;font-size:12px}.chatView .is_active .chatCont_txt span{float:none;float:right}.chatView .is_active .chatCont_txt .chatCont_t{float:none;float:right;margin:0 25px 0 0;background:#bcdbff}.chatView .is_active .chatCont_txt .chatCont_t:before{left:auto;right:-7px;border-left:7px solid #bcdbff;border-right:0 none;border-top:7px solid transparent;border-bottom:7px solid transparent}.chatView .is_active .chatCont_t{border:0}.emoji{width:380px;height:186px;bottom:30px;background:#fff;z-index:10;padding:10px;margin-right:10px}.emoji .emoji-controller{height:36px;overflow:hidden;margin-bottom:0}.emoji .emoji-controller li{float:left;width:76px;font-size:12px;line-height:36px;cursor:pointer;text-align:center;position:relative;text-align-last:auto}.emoji .emoji-controller li.active:after{content:"";width:100%;height:1px;background:#0689dd;left:0;bottom:4px;position:absolute}.emoji .emoji-container{height:140px;overflow-y:auto;overflow-x:hidden;position:relative}.emoji .emoji-container li{font-size:0;padding:5px}.emoji .emoji-container li a{float:left;overflow:hidden;height:35px;transition:all .2s ease-out;border-radius:4px}.emoji .emoji-container li a:hover{background-color:#d8d8d8;border-color:#d8d8d8}.emoji .emoji-container li a span{width:25px;height:25px;display:inline-block;border:1px solid transparent;cursor:pointer}.vueEmoji{position:absolute;right:0;top:-207px;margin:0;box-shadow:0 6px 7px 0 rgba(0,0,0,.1)}