.app-container{overflow:auto}.top-container .top-title{float:left}.top-container .top-title .back,.top-container .top-title h3{display:inline-block}.top-container .top-title .back{margin-right:35px;color:#3e4850;cursor:pointer}.top-container .top-title .back:hover{opacity:.8}.top-container .top-container-right{float:right}.message-list{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;padding:30px}.message-list>li{-webkit-box-flex:0;-ms-flex:none;flex:none;width:360px;height:244px;background:#f7f9fb;margin:0 40px 0 0;cursor:pointer;padding:30px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;border-radius:4px;border:1px solid transparent;-webkit-transition:all .5s ease;transition:all .5s ease;margin-bottom:30px;-webkit-box-shadow:0 3px 5px rgba(0,0,0,.1);box-shadow:0 3px 5px rgba(0,0,0,.1);position:relative}.message-list>li .title{margin-bottom:25px}.message-list>li .title div{font-size:18px;color:#161e44;display:block;margin-bottom:10px;margin-top:10px;overflow:hidden}.message-list>li .title div span{display:inline-block;overflow:hidden;max-width:90%;white-space:nowrap;text-overflow:ellipsis;vertical-align:middle}.message-list>li .title div img{margin-left:5px;display:inline-block;vertical-align:middle;width:20px;position:relative}.message-list>li .title .delete{color:#ee7579;font-size:15px;margin-left:10px}.message-list>li .title p{font-size:14px;color:#7a92a5;height:65px;word-break:break-all}.message-list>li .button .el-badge{margin-right:15px}.message-list>li .button button{padding:9px 17px}.message-list>li .button .el-badge__content.is-fixed{right:20px}.message-list>li .more-action{position:absolute;right:20px;top:20px}.message-list>li .more-action:hover .more-action-dropdown{-webkit-transform:scale(1);transform:scale(1);opacity:1;visibility:visible}.message-list>li .more-action .el-icon-more{color:#7a92a5;font-size:20px;letter-spacing:2px}.message-list>li .more-action-dropdown{position:absolute;width:64px;background:#fff;border-radius:4px;border:1px solid #f7f9fb;padding:10px 0;-webkit-box-shadow:0 3px 6px rgba(0,0,0,.06);box-shadow:0 3px 6px rgba(0,0,0,.06);left:calc(50% - 34px);-webkit-transition:all .3s ease;transition:all .3s ease;-webkit-transform:scale(.9);transform:scale(.9);opacity:0;visibility:hidden}.message-list>li .more-action-dropdown:after,.message-list>li .more-action-dropdown:before{content:"";border-width:7px;border-style:solid;border-color:transparent transparent #ebedef transparent;position:absolute;left:calc(50% - 7px);top:-15px}.message-list>li .more-action-dropdown:after{border-color:transparent transparent #fff transparent;top:-14px;z-index:1}.message-list>li .more-action-dropdown li{text-align:center;font-size:13px;color:#3e4850;line-height:30px;white-space:nowrap;cursor:pointer}.message-list>li .more-action-dropdown li.disabled{cursor:not-allowed;opacity:.6;background:rgba(0,0,0,.04);pointer-events:none}.message-list>li .more-action-dropdown li:not(.disabled):hover{background-color:#ecf5ff;color:#66b1ff}.add-message{padding:10px 40px}.add-message .el-form-item{margin-bottom:20px}.add-message .el-form-item .el-form-item__label{padding:0}.no-form{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding-top:5%}.no-form-wrap{text-align:center}.no-form-wrap .img{margin-bottom:40px}.no-form-wrap .img img{max-width:100%}.no-form-wrap p{font-size:16px;color:#161e44;margin-bottom:10px}.no-form-wrap p a{color:#00b6e2}.no-form-wrap p a:hover{color:#1a88fc}.no-form-wrap .el-button{background:#4fa3f1;padding:8px 35px}.switch-sms{margin-left:15px;position:relative}.switch-sms .switch-txt-0{left:23px}.switch-sms .switch-txt-0,.switch-sms .switch-txt-1{position:absolute;pointer-events:none;font-size:12px;top:1px;color:#fff}.switch-sms .switch-txt-1{left:12px}