.sent-mail{height:100%}.sent-mail .sent-delete-dialog .el-dialog__body{padding:60px 20px 40px;text-align:center}.sent-mail .sent-delete-dialog .el-dialog__body span{display:block;font-size:14px}.sent-mail .sent-delete-dialog .el-dialog__body .widthdraw-trash{margin-top:18px;color:#999}.sent-mail .sent-check-dialog .el-dialog__body{margin:30px;padding-bottom:10px!important}.sent-mail .sent-check-dialog .el-dialog__body th{font-size:12px;color:#000!important}.sent-mail .sent-content{display:flex;height:calc(100% - 68px);background:#fff}.sent-mail .sent-content .main-menu{position:relative;width:360px;height:100%;border-right:1px solid #ebebeb}.sent-mail .sent-content .main-menu .menu-handle{display:flex;justify-content:space-around;align-items:center;padding:20px 60px 20px 30px;height:60px;border-bottom:1px solid #ebebeb;box-sizing:border-box}.sent-mail .sent-content .main-menu .menu-handle img{cursor:pointer}.sent-mail .sent-content .main-menu .menu-handle-search .el-input--suffix{width:220px}.sent-mail .sent-content .main-menu .menu-handle-search .el-input--suffix input{height:32px}.sent-mail .sent-content .main-menu .menu-handle-search .el-input--suffix i{line-height:32px}.sent-mail .sent-content .main-menu .menu-handle-search>span{font-size:14px;color:#586f8b;cursor:pointer}.sent-mail .sent-content .main-menu .sort-filter{position:absolute;top:60px;right:0;width:140px;background:#fff;box-shadow:0 2px 14px 0 hsla(0,0%,72.2%,.5);z-index:9999}.sent-mail .sent-content .main-menu .sort-filter .line{margin:0 10%;height:1px;background:#ebebeb}.sent-mail .sent-content .main-menu .sort-filter .box-sort{padding:10px 0}.sent-mail .sent-content .main-menu .sort-filter .box-sort .text{font-size:12px;text-align:center;height:30px;line-height:30px;color:#000;cursor:pointer}.sent-mail .sent-content .main-menu .sort-filter .box-sort .text-active{background:#eaf7ff}.sent-mail .sent-content .main-menu .no-search-menu-content{margin-top:20px;font-size:14px;text-align:center;color:#a5a5a5}.sent-mail .sent-content .main-menu .no-menu-content{display:flex;justify-content:center;align-items:center;flex-direction:column;height:calc(100% - 60px)}.sent-mail .sent-content .main-menu .no-menu-content p{margin-top:30px;font-size:16px;color:#999}.sent-mail .sent-content .main-menu .menu-conten{height:calc(100% - 60px);overflow-y:auto}.sent-mail .sent-content .main-menu .menu-conten .page-turning{position:absolute;bottom:2px;width:100%;display:flex;align-items:center;justify-content:flex-end;height:30px;font-size:16px;background:#f5f7fa;border-top:1px solid #ebebeb}.sent-mail .sent-content .main-menu .menu-conten .page-turning>span{margin-right:20px;cursor:pointer}.sent-mail .sent-content .main-menu .menu-conten .el-scrollbar{margin-bottom:27px}.sent-mail .sent-content .main-menu .menu-conten .menu-list-active{background:#eaf7ff}.sent-mail .sent-content .main-menu .menu-conten .menu-list{display:flex;align-items:center;padding:10px 20px 10px 30px;border-bottom:1px solid #ebebeb;cursor:pointer}.sent-mail .sent-content .main-menu .menu-conten .menu-list .menu-left{width:30px}.sent-mail .sent-content .main-menu .menu-conten .menu-list .menu-left .el-checkbox__label{display:none}.sent-mail .sent-content .main-menu .menu-conten .menu-list .menu-right{display:flex;align-items:center;justify-content:space-between;flex:1;width:0}.sent-mail .sent-content .main-menu .menu-conten .menu-list .menu-right>div:first-child{display:flex;align-items:center;flex:1;max-width:170px}.sent-mail .sent-content .main-menu .menu-conten .menu-list .menu-right>div:first-child>img{margin-right:20px}.sent-mail .sent-content .main-menu .menu-conten .menu-list .menu-right>div:first-child div{display:flex;flex-direction:column;width:calc(100% - 30px)}.sent-mail .sent-content .main-menu .menu-conten .menu-list .menu-right>div:first-child div span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sent-mail .sent-content .main-menu .menu-conten .menu-list .menu-right>div:first-child div span:first-child{padding-bottom:5px;font-size:14px;color:#000}.sent-mail .sent-content .main-menu .menu-conten .menu-list .menu-right>div:first-child div span:last-child{font-size:12px;color:#333}.sent-mail .sent-content .main-menu .menu-conten .menu-list .menu-right .time{display:flex;justify-content:center;align-items:flex-end;flex-direction:column;width:135px;font-size:12px;color:#999;flex-direction:inherit;justify-content:space-between}.sent-mail .sent-content .main-menu .menu-conten .menu-list .menu-right .time span{padding-bottom:5px;word-break:break-all;display:inline-block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1;max-width:135px}.sent-mail .sent-content .no-mail-data{padding:80px 100px;width:calc(100% - 360px);height:100%;background:url(../img/no-mail.be6dfa9c.png) no-repeat 50% 50%;box-sizing:border-box}.sent-mail .sent-content .no-mail-data .text{font-size:18px;color:#999}.sent-mail .sent-content .main-conten{position:relative;width:calc(100% - 360px);height:100%;overflow:auto;box-sizing:border-box}.sent-mail .sent-content .main-conten .mail-banner{position:fixed;padding-left:60px;width:100%;height:60px;line-height:60px;background:#fff;border-bottom:1px solid #ebebeb;box-sizing:border-box}.sent-mail .sent-content .main-conten .mail-banner>span{font-size:14px;margin-right:50px;padding:10px 0;color:#8199c7;cursor:pointer}.sent-mail .sent-content .main-conten .mail-banner>span img{margin-right:10px;vertical-align:middle}.sent-mail .sent-content .main-conten .user-info{margin-top:60px;padding:20px 60px 15px;line-height:23px;background:#f9f9f9}.sent-mail .sent-content .main-conten .user-info .check-mail-state{margin-left:135px;font-size:12px;color:#6178a5;cursor:pointer}.sent-mail .sent-content .main-conten .user-info>div:first-child{display:flex;justify-content:flex-start;align-items:center;padding-bottom:20px;border-bottom:1px dashed #eaeaea}.sent-mail .sent-content .main-conten .user-info>div:first-child img{margin-right:20px;width:40px;height:40px;border-radius:50%}.sent-mail .sent-content .main-conten .user-info>div:first-child>div{flex:1}.sent-mail .sent-content .main-conten .user-info>div:first-child>div>span:first-child{font-size:14px;color:#333}.sent-mail .sent-content .main-conten .user-info>div:first-child>div>div span{display:inline-block;margin-right:8px;padding:3px 15px;font-size:12px;color:#888;line-height:1.3;background:#eaeaea;border-radius:10.5px}.sent-mail .sent-content .main-conten .user-info>div:last-child{padding-top:10px;font-size:12px}.sent-mail .sent-content .main-conten .user-info>div:last-child>div{display:flex}.sent-mail .sent-content .main-conten .user-info>div:last-child>div>span:first-child{padding-right:10px;width:60px;text-align:right;box-sizing:border-box}.sent-mail .sent-content .main-conten .user-info>div:last-child>div>span:last-child{flex:1}.sent-mail .sent-content .main-conten .user-info>div:last-child .attachment{display:flex}.sent-mail .sent-content .main-conten .user-info>div:last-child .attachment>span{width:60px}.sent-mail .sent-content .main-conten .user-info>div:last-child .attachment>div{display:flex;flex-wrap:wrap;flex:1}.sent-mail .sent-content .main-conten .user-info>div:last-child .attachment>div>span{display:flex;justify-content:flex-start;align-items:center;margin-right:30px;font-size:14px;color:#586f8b}.sent-mail .sent-content .main-conten .user-info>div:last-child .attachment>div>span img{margin-right:5px}.sent-mail .sent-content .main-conten .user-info>div:last-child .attachment>div>span a{margin-left:15px;padding:0 18px;color:#fff;font-size:12px;background:#8199c7;border-radius:4px;text-decoration:none;cursor:pointer}.sent-mail .sent-content .main-conten .user-info>div:last-child .attachment>div>span span{cursor:pointer}.sent-mail .sent-content .main-conten .mail-content{padding:40px 60px;font-size:14px;color:#333;line-height:normal;word-break:break-all}.sent-mail .activeLive{opacity:0;visibility:hidden}.sent-mail .el-dialog__wrapper .el-dialog__body{text-align:center;padding:0}.sent-mail .masking_h{display:flex;align-items:center;justify-content:space-between;padding:0 10px;height:40px;background:#348efc}.sent-mail .masking_h>i,.sent-mail .masking_h>span{font-size:16px;color:#fff}.sent-mail .masking_h>i{cursor:pointer}.sent-mail .video-preview{display:flex;justify-content:center;align-items:center;position:fixed;top:0;left:0;width:100%;height:100%;transition:.5s;background:rgba(0,0,0,.5);z-index:3}.sent-mail .video-preview .maskingBox{width:70vw;height:70vh;max-width:1000px;max-height:600px;background:#fff}.sent-mail .video-preview .masking_c{height:calc(100% - 40px);box-sizing:border-box}.sent-mail .video-preview .masking_c>div>div{height:600px}.sent-mail .document-preview{display:flex;justify-content:center;align-items:center;position:fixed;top:0;left:0;width:100%;height:100%;transition:.5s;background:rgba(0,0,0,.5);z-index:3}.sent-mail .document-preview .maskingBox{width:70vw;height:70vh;max-width:1200px;max-height:900px;background:#fff}.sent-mail .document-preview .masking_c{height:calc(100% - 40px);box-sizing:border-box}.sent-mail .document-preview .masking_c>div{height:100%}.sent-mail .document-preview .masking_c>div .pdf-view{height:calc(100% - 70px);overflow:hidden;overflow-y:auto}.sent-mail .document-preview .masking_c>div .pdf-view>span{width:100%}.sent-mail .document-preview .masking_c>div .el-pagination{padding:20px 0;text-align:center;height:70px;box-sizing:border-box}.sent-mail .picture-preview{display:flex;align-items:center;justify-content:center;margin:0}.sent-mail .picture-preview .el-dialog{margin:0;margin-top:0!important;width:70vw;height:70vh;max-width:1200px;max-height:900px;overflow:hidden}.sent-mail .picture-preview .el-dialog .el-dialog__body{padding:20px 0;width:100%;height:calc(100% - 40px);box-sizing:border-box}.sent-mail .picture-preview .el-dialog .el-dialog__body div{padding:20px 40px 40px;width:100%;height:100%;overflow-y:auto;box-sizing:border-box}.sent-mail .picture-preview .el-dialog .el-dialog__body div img{width:100%}.sent-mail .audio-preview{display:flex;align-items:center;justify-content:center;margin:0}.sent-mail .audio-preview .el-dialog{margin:0;margin-top:0!important;width:500px;height:300px}.sent-mail .audio-preview .el-dialog .el-dialog__body{padding:20px 0;width:100%;height:calc(100% - 40px);box-sizing:border-box}.sent-mail .audio-preview .el-dialog .el-dialog__body div{display:flex;justify-content:center;align-items:center;padding:0 40px;width:100%;height:100%;box-sizing:border-box}