.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}.email-details{position:relative;margin:30px auto;width:1000px;height:calc(100% - 60px);background:#fff;overflow:hidden}.email-details .head-title{display:flex;align-items:center;justify-content:space-between;padding-left:60px;height:60px;border-bottom:1px solid #eee}.email-details .head-title>span:first-child{font-size:18px;cursor:pointer}.email-details .head-title>span:first-child:before{display:inline-block;content:"";position:absolute;top:25px;left:30px;width:9px;height:9px;border-width:0 0 2px 2px;border-color:#888;border-style:solid;transform:rotate(45deg)}.email-details .head-title>span:last-child{padding-right:25px;font-size:14px;color:#6178a5;cursor:pointer}.email-details section{height:calc(100% - 60px);overflow:auto;box-sizing:border-box}.email-details section .user-info{padding:20px 60px 15px;line-height:23px;background:#f9f9f9}.email-details section .user-info>div:first-child{display:flex;justify-content:flex-start;align-items:center;padding-bottom:20px;border-bottom:1px dashed #eaeaea}.email-details section .user-info>div:first-child img{margin-right:20px;width:40px;height:40px;border-radius:50%}.email-details section .user-info>div:first-child>div{flex:1}.email-details section .user-info>div:first-child>div>span:first-child{font-size:14px;color:#333}.email-details section .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}.email-details section .user-info>div:last-child{padding-top:10px;font-size:12px}.email-details section .user-info>div:last-child>div{display:flex}.email-details section .user-info>div:last-child>div>span:first-child{padding-right:10px;width:60px;text-align:right;box-sizing:border-box}.email-details section .user-info>div:last-child>div>span:last-child{flex:1}.email-details section .user-info>div:last-child .attachment{display:flex}.email-details section .user-info>div:last-child .attachment>span{width:60px}.email-details section .user-info>div:last-child .attachment>div{display:flex;flex-wrap:wrap;flex:1}.email-details section .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}.email-details section .user-info>div:last-child .attachment>div>span img{margin-right:5px}.email-details section .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}.email-details section .user-info>div:last-child .attachment>div>span span{cursor:pointer}.email-details section .main-content{padding:40px 60px;font-size:14px;color:#333;line-height:normal}.email-details .activeLive{opacity:0;visibility:hidden}.email-details .el-dialog__wrapper .el-dialog__body{text-align:center;padding:0}.email-details .masking_h{display:flex;align-items:center;justify-content:space-between;padding:0 10px;height:40px;background:#348efc}.email-details .masking_h>i,.email-details .masking_h>span{font-size:16px;color:#fff}.email-details .masking_h>i{cursor:pointer}.email-details .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}.email-details .video-preview .maskingBox{width:70vw;height:70vh;max-width:1000px;max-height:600px;background:#fff}.email-details .video-preview .masking_c{height:calc(100% - 40px);box-sizing:border-box}.email-details .video-preview .masking_c>div>div{height:600px}.email-details .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}.email-details .document-preview .maskingBox{width:70vw;height:70vh;max-width:1200px;max-height:900px;background:#fff}.email-details .document-preview .masking_c{height:calc(100% - 40px);box-sizing:border-box}.email-details .document-preview .masking_c>div{height:100%}.email-details .document-preview .masking_c>div .pdf-view{height:calc(100% - 70px);overflow:hidden;overflow-y:auto}.email-details .document-preview .masking_c>div .pdf-view>span{width:100%}.email-details .document-preview .masking_c>div .el-pagination{padding:20px 0;text-align:center;height:70px;box-sizing:border-box}.email-details .picture-preview{display:flex;align-items:center;justify-content:center;margin:0}.email-details .picture-preview .el-dialog{margin:0;margin-top:0!important;width:70vw;height:70vh;max-width:1200px;max-height:900px;overflow:hidden}.email-details .picture-preview .el-dialog .el-dialog__body{padding:20px 0;width:100%;height:calc(100% - 40px);box-sizing:border-box}.email-details .picture-preview .el-dialog .el-dialog__body div{padding:20px 40px 40px;width:100%;height:100%;overflow-y:auto;box-sizing:border-box}.email-details .picture-preview .el-dialog .el-dialog__body div img{width:100%}.email-details .audio-preview{display:flex;align-items:center;justify-content:center;margin:0}.email-details .audio-preview .el-dialog{margin:0;margin-top:0!important;width:500px;height:300px}.email-details .audio-preview .el-dialog .el-dialog__body{padding:20px 0;width:100%;height:calc(100% - 40px);box-sizing:border-box}.email-details .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}