.text{font-size:14px}.clearfix:after,.clearfix:before{display:table;content:""}.clearfix:after{clear:both}.item{margin-bottom:10px}.item .room-item{width:100%;background:#f3f5f8;overflow:hidden;border-radius:7px;padding:10px 10px 10px 20px;-webkit-box-sizing:border-box;box-sizing:border-box}.item .room-item:after{content:"";display:block;position:absolute;top:0;left:0;width:6px;height:100%;background:#366ee1}.item .room-item.room-item2:after{background:#a3a8ad}.room-item-btn{background:0 0;border:0;padding:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;text-align:left}.item .room-item .userpic{width:50px;height:50px;margin-right:10px;-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto}.item .room-item .info{overflow:hidden;line-height:1.5;width:100%}.item .room-item .row1{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.item .room-item .desc{font-weight:600;color:#000}.item .room-item .date{font-size:12px;color:#bbbabf}.item .room-item .unread{width:20px;height:20px;border-radius:50%;color:#fff;background:#366ee1;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto}.item .room-item .messa{display:block}.el-tabs--border-card>.el-tabs__content{padding:15px 10px}.el-tabs__content{overflow-y:auto}.message-list{list-style:none;overflow:auto;margin:0;padding:20px;height:calc(100vh - 344px);-webkit-box-sizing:border-box;box-sizing:border-box}.message-list .message{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end;margin-bottom:40px}.message-list .message .message-paenl{padding:15px 25px;font-size:14px;line-height:1.6}.message-list .message.isMyMsg{-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse}.message-list .message .message-paenl{max-width:50%;background:#366ee1;border-radius:7px 7px 7px 0;margin-left:15px;color:#fff;text-align:left}.message-list .message.isMyMsg .message-paenl{background:#f3f5f8;border-radius:7px 7px 0 7px;margin-right:15px;color:#686b79;text-align:left}.el-tabs--card>.el-tabs__header{border:0;margin:0;-webkit-box-shadow:0 0 5px rgba(0,0,0,.3);box-shadow:0 0 5px rgba(0,0,0,.3);z-index:999}.message-user-pic img{width:50px}.message-list .message h5{margin:0;font-weight:500;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;margin-bottom:10px;font-size:14px}.message-list .message .label-default{font-size:12px}.file{display:none}#EmojiPicker{position:absolute;bottom:100%;left:0}.el-table .warning-row{background:#fdf5e6}.el-table .success-row{background:#f0f9eb}.send-option-list-row{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;padding:0 60px;height:60px;background:#f3f5f8}.send-option-list-row .el-col-24{width:auto}.send-option-btn-item{border:0;padding:0;background:0 0;margin-right:20px;display:block}.send-option-btn-item img{width:25px;height:25px}.send-text-panel{position:relative}.send-text-area{background:0 0;border:0;width:100%;padding:0 120px 0 60px;margin:20px 0;outline:0;-webkit-box-sizing:border-box;box-sizing:border-box;resize:none;line-height:1.5}.send-text-button{background:linear-gradient(135deg,#40bdf7,#2671ff);padding:0;height:35px;width:70px;border:0;border-radius:5px;position:absolute;bottom:20px;right:60px;cursor:pointer;outline:0}.send-text-button:hover{background:linear-gradient(-45deg,#40bdf7,#2671ff)}.send-text-button img{height:20px}.el-footer{padding:0}.el-aside{background-color:#d3dce6;color:#333;text-align:center}.el-main{color:#333;padding:5px}.el-container{min-width:800px}.el-dropdown-link{cursor:pointer;color:#409eff}.el-icon-arrow-down{font-size:12px}.dropbox{background:rgba(54,111,225,.1);-webkit-box-shadow:0 0;box-shadow:0 0;border:0}.droplist{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.droplist .droplist-icon{margin-right:10px}.drop-panel{background:0 0;border:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.state-dot{width:10px;height:10px;background:#366ee1;display:block;border-radius:10px;margin-right:10px}span.state-row.el-tag.el-tag--danger,span.state-row.el-tag.el-tag--success{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background:0 0;border:0;color:#000}span.state-row.el-tag.el-tag--danger i{background-color:orange}.top-row .el-header{background:#fff;padding:0 66px}.user-sataus-panel{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.user-sataus-panel .lf{margin-right:15px;line-height:normal}.user-sataus-panel .rt{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.user-sataus-panel .rt .txt{font-size:20px;color:#303030;line-height:1;margin-bottom:5px;padding-left:5px}.main-box{display:block}.top-container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;height:80px;padding:0 60px}.state-row{padding:0}.user-welcome p{margin:0}.user-welcome{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.user-welcome .user-name{background:#fafafa;color:#366ee1;padding:8px 15px;border-radius:5px;margin-right:15px}.user-welcome .welcome-text{color:#303030}.top-menu button{border:0;background:#366ee1;padding:8px 19px;border-radius:5px;color:#fff;cursor:pointer}.top-menu button:hover{opacity:.8}.chat-panel{padding:24px;background:#f1f2f4;height:calc(100vh - 80px);-webkit-box-sizing:border-box;box-sizing:border-box;overflow-y:hidden}.left-room-list{border-radius:25px 25px 0 0;background:#fff;overflow:hidden}.el-tabs--border-card{-webkit-box-shadow:0 0;box-shadow:0 0;height:100%;-webkit-box-sizing:border-box;box-sizing:border-box;border:0}#tab-0,#tab-1{width:50%;border:0;background:#c9ced5;color:#000}#tab-0{border-radius:0 0 5px 0}#tab-1{border-radius:0 0 0 5px}.el-tabs__nav{width:100%;background:#fff}#tab-0.is-active,#tab-1.is-active{background:#fff;border-radius:0}.el-main-room-list{padding:0}.room-item-btn{width:100%}.right-chat-panel{width:calc(100% - 330px);-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;margin-left:30px;background:#fff;border-radius:25px 25px 0 0;overflow:hidden}.el-main{padding:0;overflow:hidden}.el-tabs--card>.el-tabs__header .el-tabs__nav{border:0}.left-room-list-panel .el-tabs__content{height:calc(100vh - 158px);-webkit-box-sizing:border-box;box-sizing:border-box}