#front_email .banner{display:flex;align-items:center;justify-content:space-between;padding:0 40px 0 10px;height:68px;font-size:14px;border:1px solid #ebebeb;background:url(../img/banner.f8b0cff5.png) no-repeat 100% 100%}#front_email .banner a{line-height:1}#front_email .banner>div:first-child{display:flex;height:100%}#front_email .banner>div:first-child>div{display:flex;flex-direction:column;align-items:center;justify-content:center;margin-right:20px;width:80px;height:100%;font-size:12px;cursor:pointer}#front_email .banner>div:first-child>div>img{margin-bottom:11px}#front_email .banner .banner-active{background:#cdecff}#front_email .banner .setting-email{padding-right:53px;color:#6b7fa9}#front_email .banner .setting-email img{padding-right:5px}#front_email .banner .send-email{padding:7px 15px;color:#fff;border-radius:2px;background-color:#348efc}#front_email .banner .send-email img{padding-right:16px}.native-video-container{height:100%}.native-video-container video{outline:none}.native-video-container video::-internal-media-controls-download-button{display:none}.native-video-container video::-webkit-media-controls{overflow:hidden!important}.native-video-container video::-webkit-media-controls-enclosure{margin-left:auto}.native-video-container .rewview-tips{display:inline-block;height:100%;width:100%;background-image:url(../img/image08.67953bf8.png);background-size:100% 100%;text-align:center}.native-video-container .rewview-tips .tip-mask{display:inline-block;width:270px;height:50px;line-height:18px;background:rgba(0,0,0,.1);text-align:center;border-radius:8px;padding:10px}.native-video-container .rewview-tips .tip-mask span{font-weight:600;color:#fff}.native-video-container .rewview-tips .tip-mask span:first-child{display:block;font-size:16px;line-height:30px}.native-video-container .rewview-tips .tip-mask span:last-child{color:#ccc}.drafts-mail{height:100%}.drafts-mail .no-more-data{display:block;margin-top:20px;font-size:14px;text-align:center;color:#a5a5a5}.drafts-mail .add-recipients-dialog .el-dialog__body{padding:20px 20px 0 20px}.drafts-mail .add-recipients-dialog .el-dialog-pop-up{display:flex}.drafts-mail .add-recipients-dialog .el-dialog-pop-up>div:first-child{width:270px}.drafts-mail .add-recipients-dialog .el-dialog-pop-up>div:first-child .el-select{width:255px}.drafts-mail .add-recipients-dialog .el-dialog-pop-up>div:first-child .org-people-box>div{margin-top:20px;margin-right:15px;height:290px;border:1px solid #ddd;overflow:hidden;overflow-y:auto}.drafts-mail .add-recipients-dialog .el-dialog-pop-up>div:first-child .org-people-box>div .org-people-item{display:flex;align-items:center;padding:10px 15px;font-size:12px}.drafts-mail .add-recipients-dialog .el-dialog-pop-up>div:first-child .org-people-box>div .org-people-item span:first-child{width:110px}.drafts-mail .add-recipients-dialog .el-dialog-pop-up>div:first-child .org-people-box>div .org-people-item span:nth-child(2){flex:1}.drafts-mail .add-recipients-dialog .el-dialog-pop-up>div:first-child .org-people-box>div .org-people-item span:last-child{font-size:12px;width:35px;color:#3d70af;text-align:center;cursor:pointer}.drafts-mail .add-recipients-dialog .el-dialog-pop-up>div:first-child .org-people-box>p{width:255px;height:38px;line-height:38px;color:#348efc;font-size:12px;text-align:center;border:1px solid #ddd;border-top:none;box-sizing:border-box;cursor:pointer}.drafts-mail .add-recipients-dialog .el-dialog-pop-up>div:last-child{flex:1}.drafts-mail .add-recipients-dialog .el-dialog-pop-up>div:last-child .el-dialog-pop-keyword .el-input{margin-right:10px;width:242px}.drafts-mail .add-recipients-dialog .el-dialog-pop-up>div:last-child .el-dialog-pop-keyword button{width:82px}.drafts-mail .add-recipients-dialog .el-dialog-pop-up>div:last-child .el-show-pepole>div{margin-top:20px;height:290px;font-size:12px;border:1px solid #ddd;overflow:hidden;overflow-y:auto}.drafts-mail .add-recipients-dialog .el-dialog-pop-up>div:last-child .el-show-pepole>div>div:first-child{height:36px;line-height:36px}.drafts-mail .add-recipients-dialog .el-dialog-pop-up>div:last-child .el-show-pepole>div>div:not(:first-child){margin:16px 0}.drafts-mail .add-recipients-dialog .el-dialog-pop-up>div:last-child .el-show-pepole>div>div span{display:inline-block}.drafts-mail .add-recipients-dialog .el-dialog-pop-up>div:last-child .el-show-pepole>div>div span:first-child{width:30px}.drafts-mail .add-recipients-dialog .el-dialog-pop-up>div:last-child .el-show-pepole>div>div span:first-child i{color:#d8d8d8;font-size:16px}.drafts-mail .add-recipients-dialog .el-dialog-pop-up>div:last-child .el-show-pepole>div>div span:nth-child(2){width:170px}.drafts-mail .add-recipients-dialog .el-dialog-pop-up>div:last-child .el-show-pepole>div>div span:nth-child(3){width:114px}.drafts-mail .add-recipients-dialog .el-dialog-pop-up>div:last-child .el-show-pepole>div>div span:nth-child(4){width:94px}.drafts-mail .add-recipients-dialog .el-dialog-pop-up>div:last-child .el-show-pepole>div>div:first-child{background:#f5f5f5}.drafts-mail .add-recipients-dialog .el-dialog-pop-up>div:last-child .el-show-pepole>div>div:not(:first-child) span:first-child{text-align:center;visibility:hidden;cursor:pointer}.drafts-mail .add-recipients-dialog .el-dialog-pop-up>div:last-child .el-show-pepole>div>div:not(:first-child):hover span:first-child{visibility:visible}.drafts-mail .add-recipients-dialog .el-dialog-pop-up>div:last-child .el-show-pepole>p{width:540px;height:38px;line-height:38px;color:#348efc;font-size:12px;text-align:center;border:1px solid #ddd;border-top:none;box-sizing:border-box;cursor:pointer}.drafts-mail .drafts-content{display:flex;height:calc(100% - 68px);background:#fff}.drafts-mail .drafts-content .main-menu{position:relative;width:360px;height:100%;border-right:1px solid #ebebeb}.drafts-mail .drafts-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}.drafts-mail .drafts-content .main-menu .menu-handle img{cursor:pointer}.drafts-mail .drafts-content .main-menu .menu-handle-search .el-input--suffix{width:220px}.drafts-mail .drafts-content .main-menu .menu-handle-search .el-input--suffix input{height:32px}.drafts-mail .drafts-content .main-menu .menu-handle-search .el-input--suffix i{line-height:32px}.drafts-mail .drafts-content .main-menu .menu-handle-search>span{font-size:14px;color:#586f8b;cursor:pointer}.drafts-mail .drafts-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}.drafts-mail .drafts-content .main-menu .sort-filter .line{margin:0 10%;height:1px;background:#ebebeb}.drafts-mail .drafts-content .main-menu .sort-filter .box-sort{padding:10px 0}.drafts-mail .drafts-content .main-menu .sort-filter .box-sort .text{font-size:12px;text-align:center;height:30px;line-height:30px;color:#000;cursor:pointer}.drafts-mail .drafts-content .main-menu .sort-filter .box-sort .text-active{background:#eaf7ff}.drafts-mail .drafts-content .main-menu .no-search-menu-content{margin-top:20px;font-size:14px;text-align:center;color:#a5a5a5}.drafts-mail .drafts-content .main-menu .no-menu-content{display:flex;justify-content:center;align-items:center;flex-direction:column;height:calc(100% - 60px)}.drafts-mail .drafts-content .main-menu .no-menu-content p{margin-top:30px;font-size:16px;color:#999}.drafts-mail .drafts-content .main-menu .menu-conten{height:calc(100% - 60px);overflow-y:auto}.drafts-mail .drafts-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}.drafts-mail .drafts-content .main-menu .menu-conten .page-turning>span{margin-right:20px;cursor:pointer}.drafts-mail .drafts-content .main-menu .menu-conten .el-scrollbar{margin-bottom:27px}.drafts-mail .drafts-content .main-menu .menu-conten .menu-list-active{background:#eaf7ff}.drafts-mail .drafts-content .main-menu .menu-conten .menu-list{display:flex;align-items:center;padding:10px 20px 10px 30px;border-bottom:1px solid #ebebeb;cursor:pointer}.drafts-mail .drafts-content .main-menu .menu-conten .menu-list .menu-left{width:30px}.drafts-mail .drafts-content .main-menu .menu-conten .menu-list .menu-left .el-checkbox__label{display:none}.drafts-mail .drafts-content .main-menu .menu-conten .menu-list .menu-right{display:flex;align-items:center;justify-content:space-between;flex:1;width:0}.drafts-mail .drafts-content .main-menu .menu-conten .menu-list .menu-right>div:first-child{display:flex;align-items:center;flex:1;max-width:170px}.drafts-mail .drafts-content .main-menu .menu-conten .menu-list .menu-right>div:first-child>img{margin-right:20px}.drafts-mail .drafts-content .main-menu .menu-conten .menu-list .menu-right>div:first-child div{display:flex;flex-direction:column;width:calc(100% - 30px)}.drafts-mail .drafts-content .main-menu .menu-conten .menu-list .menu-right>div:first-child div span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.drafts-mail .drafts-content .main-menu .menu-conten .menu-list .menu-right>div:first-child div span:first-child{padding-bottom:5px;font-size:14px;color:#000}.drafts-mail .drafts-content .main-menu .menu-conten .menu-list .menu-right>div:first-child div span:last-child{font-size:12px;color:#333}.drafts-mail .drafts-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}.drafts-mail .drafts-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}.drafts-mail .drafts-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}.drafts-mail .drafts-content .no-mail-data .text{font-size:18px;color:#999}.drafts-mail .drafts-content .main-conten{position:relative;width:calc(100% - 360px);height:100%;overflow:auto;box-sizing:border-box}.drafts-mail .drafts-content .main-conten .send-mail-main{padding:30px 40px 30px 30px;height:calc(100% - 81px);background:#fff;box-sizing:border-box;overflow-y:auto}.drafts-mail .drafts-content .main-conten .send-mail-main .demo-send-form .uploader-example .uploader-btn{color:#fff;border-radius:4px;border:1px solid #8199c7;background:#8199c7}.drafts-mail .drafts-content .main-conten .send-mail-main .demo-send-form .uploader-example .uploader-progress{display:none}.drafts-mail .drafts-content .main-conten .send-mail-main .demo-send-form .uploader-example .uploader-progress-active{display:inline-block;margin-left:30px;font-size:14px}.drafts-mail .drafts-content .main-conten .send-mail-main .demo-send-form .uploader-example .uploader-progress-active>div{display:flex;align-items:center}.drafts-mail .drafts-content .main-conten .send-mail-main .demo-send-form .uploader-example .uploader-progress-active>div>div{width:200px}.drafts-mail .drafts-content .main-conten .send-mail-main .demo-send-form .uploader-example .uploader-progress-active>div>span:nth-child(2){margin-left:16px;color:#348efc;cursor:pointer}.drafts-mail .drafts-content .main-conten .send-mail-main .demo-send-form .tinymce-num{position:absolute;right:0;bottom:1px;display:block;padding-right:35px;width:calc(100% - 1px);text-align:right;font-size:12px;color:#999;background:#f9f9f9;box-sizing:border-box}.drafts-mail .drafts-content .main-conten .send-mail-main .demo-send-form .el-input input{font-size:15px;color:#000}.drafts-mail .drafts-content .main-conten .send-mail-main .demo-send-form .external-recipient-success{color:#348efc;border:1px solid #348efc}.drafts-mail .drafts-content .main-conten .send-mail-main .demo-send-form .external-recipient-error{color:#f56c6c;border:1px solid #f56c6c}.drafts-mail .drafts-content .main-conten .send-mail-main .demo-send-form #d1_ifr{height:426px!important}.drafts-mail .drafts-content .main-conten .send-mail-main .demo-send-form .mail-content>div{position:relative}.drafts-mail .drafts-content .main-conten .send-mail-main .demo-send-form .mail-content .content-tip-hidden{display:none!important}.drafts-mail .drafts-content .main-conten .send-mail-main .demo-send-form .mail-content .mce-statusbar.mce-container.mce-panel.mce-stack-layout-item.mce-last,.drafts-mail .drafts-content .main-conten .send-mail-main .demo-send-form .mce-tinymce.mce-container.mce-panel[role=application]>div>div:first-child>div>div:first-child,.drafts-mail .drafts-content .main-conten .send-mail-main .demo-send-form .mce-tinymce.mce-container.mce-panel[role=application]>div>div:first-child>div>div:last-child>div>div:first-child{display:none}.drafts-mail .drafts-content .main-conten .send-mail-main .send-form-recipients .el-form-item__content>div:first-child{display:inline-block;width:calc(100% - 182px)}.drafts-mail .drafts-content .main-conten .send-mail-main .send-form-cc,.drafts-mail .drafts-content .main-conten .send-mail-main .send-form-recipients .el-form-item__content>div:first-child{padding-left:16px;padding-right:16px;font-size:12px;color:#999;background:#f9f9f9;border:1px solid #ddd;border-radius:4px;cursor:default;box-sizing:border-box}.drafts-mail .drafts-content .main-conten .send-mail-main .send-form-cc>span,.drafts-mail .drafts-content .main-conten .send-mail-main .send-form-recipients .el-form-item__content>div:first-child>span{margin-right:10px;padding:11px 0;font-size:14px;cursor:pointer}.drafts-mail .drafts-content .main-conten .send-mail-main .send-form-cc>span>i,.drafts-mail .drafts-content .main-conten .send-mail-main .send-form-recipients .el-form-item__content>div:first-child>span>i{padding-left:5px;color:#ccc}.drafts-mail .drafts-content .main-conten .send-mail-main .send-form-cc>span:last-child>span,.drafts-mail .drafts-content .main-conten .send-mail-main .send-form-recipients .el-form-item__content>div:first-child>span:last-child>span{display:none}.drafts-mail .drafts-content .main-conten .send-mail-main .send-form-cc>span:hover,.drafts-mail .drafts-content .main-conten .send-mail-main .send-form-recipients .el-form-item__content>div:first-child>span:hover{color:#000}.drafts-mail .drafts-content .main-conten .send-mail-main .send-form-cc>span:hover i,.drafts-mail .drafts-content .main-conten .send-mail-main .send-form-recipients .el-form-item__content>div:first-child>span:hover i{color:#c77676}.drafts-mail .drafts-content .main-conten .send-mail-main .send-form-internet .el-form-item__content .el-select{width:400px}.drafts-mail .drafts-content .main-conten .send-mail-main .send-form-internet .el-form-item__content>span{margin-left:20px;font-size:12px;color:#666}.drafts-mail .drafts-content .main-conten .send-mail-main .send-form-attachment-list{display:flex;align-items:center;flex-wrap:wrap}.drafts-mail .drafts-content .main-conten .send-mail-main .send-form-attachment-list>span{display:flex;justify-content:space-between;align-items:center;margin-right:30px;font-size:14px;color:#586f8b}.drafts-mail .drafts-content .main-conten .send-mail-main .send-form-attachment-list>span span{padding:0 12px 0 8px}.drafts-mail .drafts-content .main-conten .send-mail-main .send-form-attachment-list>span i{font-size:18px;color:#ccc;cursor:pointer}.drafts-mail .drafts-content .main-conten .send-mail-main .send-form-attachment-list>span i:hover{color:#c77676}.drafts-mail .drafts-content .main-conten .send-mail-main .no-attachment{font-size:12px;color:#999}.drafts-mail .drafts-content .main-conten .send-mail-main .send-form-reciver{display:inline-block}.drafts-mail .drafts-content .main-conten .send-mail-main .send-form-reciver span{font-size:12px;color:#3d70af;cursor:pointer}.drafts-mail .drafts-content .main-conten .send-mail-main .send-form-reciver>span:first-child{margin-left:30px}.drafts-mail .drafts-content .main-conten .send-mail-main .send-form-reciver>span:last-child{margin-left:20px}.drafts-mail .drafts-content .main-conten .send-mail-main .send-form-btn span{padding:7px 10px;font-size:12px;color:#fff;border-radius:4px;cursor:pointer}.drafts-mail .drafts-content .main-conten .send-mail-main .send-form-btn span:first-child{background:#708dc4}.drafts-mail .drafts-content .main-conten .send-mail-main .send-form-btn span:last-child{margin-left:10px;background:#c77676}.drafts-mail .drafts-content .main-conten .send-mail-footer{width:100%;height:80px;line-height:80px;text-align:center;background:#f9f9f9}.drafts-mail .drafts-content .main-conten .send-mail-footer>span:first-child{font-size:14px;color:#999;cursor:pointer}.drafts-mail .drafts-content .main-conten .send-mail-footer>span:last-child{margin-left:40px;padding:6px 12px;font-size:14px;color:#fff;background:#348efc;border-radius:2px;cursor:pointer}.drafts-mail .drafts-content .main-conten .send-mail-footer span{vertical-align:middle}.drafts-mail .drafts-content .main-conten .send-mail-footer span img{margin-right:8px;vertical-align:middle}.drafts-mail .activeLive{opacity:0;visibility:hidden}.drafts-mail .masking_h{display:flex;align-items:center;justify-content:space-between;padding:0 10px;height:40px;background:#348efc}.drafts-mail .masking_h>i,.drafts-mail .masking_h>span{font-size:16px;color:#fff}.drafts-mail .masking_h>i{cursor:pointer}.drafts-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}.drafts-mail .video-preview .maskingBox{width:70vw;height:70vh;max-width:1000px;max-height:600px;background:#fff}.drafts-mail .video-preview .masking_c{height:calc(100% - 40px);box-sizing:border-box}.drafts-mail .video-preview .masking_c>div>div{height:600px}.drafts-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}.drafts-mail .document-preview .maskingBox{width:70vw;height:70vh;max-width:1200px;max-height:900px;background:#fff}.drafts-mail .document-preview .masking_c{height:calc(100% - 40px);box-sizing:border-box}.drafts-mail .document-preview .masking_c>div{height:100%}.drafts-mail .document-preview .masking_c>div .pdf-view{height:calc(100% - 70px);overflow:hidden;overflow-y:auto}.drafts-mail .document-preview .masking_c>div .pdf-view>span{width:100%}.drafts-mail .document-preview .masking_c>div .el-pagination{padding:20px 0;text-align:center;height:70px;box-sizing:border-box}.drafts-mail .picture-preview{display:flex;align-items:center;justify-content:center;margin:0}.drafts-mail .picture-preview .el-dialog{margin:0;margin-top:0!important;width:70vw;height:70vh;max-width:1200px;max-height:900px;overflow:hidden}.drafts-mail .picture-preview .el-dialog .el-dialog__body{padding:20px 0;width:100%;height:calc(100% - 40px);box-sizing:border-box}.drafts-mail .picture-preview .el-dialog .el-dialog__body div{padding:20px 40px 40px;width:100%;height:100%;overflow-y:auto;box-sizing:border-box}.drafts-mail .picture-preview .el-dialog .el-dialog__body div img{width:100%}.drafts-mail .audio-preview{display:flex;align-items:center;justify-content:center;margin:0}.drafts-mail .audio-preview .el-dialog{margin:0;margin-top:0!important;width:500px;height:300px}.drafts-mail .audio-preview .el-dialog .el-dialog__body{padding:20px 0;width:100%;height:calc(100% - 40px);box-sizing:border-box}.drafts-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}