.message-panel .white-bg{background:#fff;width:100%;padding:20px}.message-panel .g-title{margin:0;border-bottom:1px solid #e6e6e6}.message-panel .g-title span{font-size:12px;color:#999;font-weight:400;margin-left:5px}.message-panel .g-title span em{color:#39bea3}.message-panel .message-hd{margin:20px 0;overflow:hidden;width:100%}.message-panel .message-hd .el-button{border-color:#587ddc;border-radius:0;padding:0 20px;height:36px;line-height:34px;font-size:14px;font-weight:400;color:#587ddc}.message-panel .message-hd .el-button i{font-size:14px;margin-right:4px}.message-panel .message-hd .el-form{float:right;height:36px}.message-panel .message-hd .el-form .el-input{width:260px;float:left}.message-panel .message-hd .el-form .el-input input{width:260px;height:36px;background:#ebebeb;font-size:14px;color:#666;line-height:36px;border:none;border-radius:0}.message-panel .message-hd .el-form .el-button{float:right;margin-left:20px;width:100px;height:36px;padding:0;font-size:14px;color:#fff;background:#587ddc}.message-panel .opera-wrap{height:30px}.message-panel .opera-wrap .el-button{border-color:#d9d9d9;border-radius:0;height:30px;padding:0 15px;font-size:14px;color:#666}.message-panel .opera-wrap .el-button:hover{color:#587ddc;background:#fff}.message-panel .opera-wrap .el-checkbox{float:left;height:30px;margin:0;padding:0 20px 0 0;line-height:30px}.message-panel .opera-wrap .el-checkbox .el-checkbox__input.is-checked .el-checkbox__inner{background-color:#587ddc;border-color:#587ddc}.message-panel .opera-wrap .el-checkbox .el-checkbox__input+.el-checkbox__label{color:#587ddc}.message-panel .opera-wrap .pagination{margin:0}.message-panel .el-table{margin:10px 0}.message-panel .el-table th{padding:0;line-height:38px;background-color:#ebebeb;text-align:center;font-size:14px;color:#333;font-weight:400}.message-panel .el-table .el-checkbox__input.is-checked .el-checkbox__inner{background-color:#587ddc;border-color:#587ddc}.message-panel .el-table .el-table_1_column_3 .cell,.message-panel .el-table .el-table_1_column_4 .cell{text-align:center}.message-panel .el-table .el-button{padding:0;display:block;border:none;border-radius:0;font-size:12px;line-height:20px;text-align:center;margin:0 auto}.message-panel .el-table .el-button.blue{color:#587ddc}.message-panel .el-table .el-button.blue:hover{opacity:.9}.message-panel .el-table .el-button.red{color:#ee7272}.message-panel .el-table .el-button.red:hover{opacity:.9}.message-panel .el-table .el-button:hover{background:none}.message-panel .msg-source,.message-panel .task-cont{display:table-cell;vertical-align:middle}.message-panel .msg-source{width:260px;overflow:hidden;line-height:16px}.message-panel .msg-source .el-badge{float:left;width:20px;height:15px}.message-panel .msg-source .el-badge .el-badge__content{top:3px;right:7px}.message-panel .msg-source .source{width:200px;display:inline-block;float:left;margin:0 10px;font-size:12px;height:16px;line-height:16px;color:#333}.message-panel .msg-source .source span{color:#587ddc}.message-panel .msg-source .source span.sender{max-width:80px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.message-panel .task-cont{width:368px;overflow:hidden}.message-panel .task-cont .name{margin:0;font-size:14px;color:#333;line-height:16px;font-weight:500}.message-panel .task-cont .msg-desc{margin-top:10px;width:100%;display:block;font-size:12px;line-height:16px;color:#666;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.msg-detail-panel,.msg-reply-panel{margin:20px 0;background:#f4f4f4;padding:20px;overflow:hidden}.msg-detail-hd{width:100%;overflow:hidden}.msg-detail-hd .name{margin:0 0 20px 0;font-size:16px;line-height:20px;color:#333;font-weight:500}.msg-detail-hd p{line-height:20px;font-size:12px;color:#333}.msg-detail-hd p span{color:#999}.msg-detail-hd p strong{font-weight:400;color:#333}.msg-detail-bd{padding:20px;margin:20px 0;min-height:240px;background:#fff;font-size:14px;color:#999;line-height:24px}.msg-detail-ftr{width:100%;height:30px;overflow:hidden}.msg-detail-ftr .el-button{padding:0;border-radius:0;border-color:#d9d9d9;line-height:28px;width:80px;font-size:14px;color:#666}.msg-detail-ftr .el-button:hover{background:#fff}.msg-detail-ftr .el-button+.el-button{float:right;border-color:#587ddc;background:#587ddc;color:#fff}.msg-reply-panel{padding:20px 30px}.msg-reply-panel .el-form-item__label{width:50px;padding:0 8px 0 0;font-size:14px;color:#666;line-height:36px}.msg-reply-panel .el-form-item__content{width:820px;margin-left:50px}.msg-reply-panel .el-input__inner,.msg-reply-panel .el-textarea__inner{border-radius:0;border-color:#d9d9d9;font-size:14px;color:#666}.msg-reply-panel .el-textarea__inner{height:240px;font-size:14px;color:#666}.msg-reply-panel .el-button{padding:0;border-radius:0;border-color:#d9d9d9;line-height:28px;width:80px;font-size:14px;color:#666}.msg-reply-panel .el-button:hover{background:#fff}.msg-reply-panel .el-button+.el-button{float:right;border-color:#587ddc;background:#587ddc;color:#fff}.send-msg-panel{margin:20px 0;width:100%;overflow:hidden}.send-msg-panel .contact-panel{width:200px;float:right;border:1px solid #d9d9d9;padding:0 20px}.send-msg-panel .el-input{width:600px}.send-msg-panel .el-input+.el-button{margin-left:10px;display:inline-block;padding:0;border-radius:0;border-color:#587ddc;background:#587ddc;line-height:34px;width:80px;font-size:14px;color:#fff}.send-msg-panel .el-input+.el-button:hover{background:#587ddc}.send-msg-panel .el-card{border:none}.send-msg-panel .el-card+.el-card{border-top:1px solid #d9d9d9}.send-msg-panel .el-card__header{padding:15px 0;font-size:16px;color:#333;line-height:18px;border:none}.send-msg-panel .el-card__body{padding:0 0 16px 0}.send-msg-panel .el-card__body .text{font-size:12px;color:#666;line-height:20px;cursor:pointer;display:block;width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.send-msg-panel .el-card__body .text:hover{color:#587ddc}.send-msg-panel .msg-reply-panel{margin:0;float:left;width:710px}.send-msg-panel .msg-reply-panel .el-form-item__content{width:600px}.send-msg-panel .msg-reply-panel .el-form-item__content p{font-size:12px;color:#999;line-height:20px}.send-msg-panel .success-tips-panel{margin-bottom:30px}.send-msg-panel .success-tips-panel .icon{float:left;width:44px;height:44px;border-radius:22px;overflow:hidden}.send-msg-panel .success-tips-panel .icon img{width:100%;height:100%}.send-msg-panel .success-tips-panel .success-txt{display:inline-block;margin-left:20px}.send-msg-panel .success-tips-panel .success-txt h4{margin:0;font-size:20px;color:#333;font-weight:500;color:#88d292}.send-msg-panel .success-tips-panel .success-txt p{margin:10px 0;font-size:14px;color:#666}.send-msg-panel .success-tips-panel .success-txt .el-button{padding:0;background:#fff;border-color:#d9d9d9;width:120px;line-height:30px}