.f-scrollbar::-webkit-scrollbar,.mail-page .mail-side .mail-side-users::-webkit-scrollbar,.mail-page .page-sider::-webkit-scrollbar,.mail-view .mail-view-detail::-webkit-scrollbar,.mail-view .mail-view-linkman::-webkit-scrollbar{height:4px;width:4px}.f-scrollbar::-webkit-scrollbar-thumb,.mail-page .mail-side .mail-side-users::-webkit-scrollbar-thumb,.mail-page .page-sider::-webkit-scrollbar-thumb,.mail-view .mail-view-detail::-webkit-scrollbar-thumb,.mail-view .mail-view-linkman::-webkit-scrollbar-thumb{width:4px}.f-scrollbar::-moz-scrollbar,.mail-page .mail-side .mail-side-users::-moz-scrollbar,.mail-page .page-sider::-moz-scrollbar,.mail-view .mail-view-detail::-moz-scrollbar,.mail-view .mail-view-linkman::-moz-scrollbar{height:4px;width:4px}.f-scrollbar::-moz-scrollbar-thumb,.mail-page .mail-side .mail-side-users::-moz-scrollbar-thumb,.mail-page .page-sider::-moz-scrollbar-thumb,.mail-view .mail-view-detail::-moz-scrollbar-thumb,.mail-view .mail-view-linkman::-moz-scrollbar-thumb{width:4px}.h1,h1{font-size:20px}.h1,.h2,h1,h2{font-weight:700;color:#2d4668}.h2,h2{font-size:18px}.h3,h3{font-size:16px}.h3,.h4,h3,h4{font-weight:700;color:#2d4668}.h4,h4{font-size:14px}.h5,h5{font-size:13px}.h5,.h6,h5,h6{font-weight:700;color:#2d4668}.h6,h6{font-size:12px}.padding-xs{padding:8px}.padding-md{padding:16px}.padding-lg{padding:32px}.padding-page{padding:24px 16px}.title-color{color:#2d4668}.txt-c{text-align:center}.txt-r{text-align:right}.cursor-p{cursor:pointer}.inline-block{display:inline-block}.pos-center{position:absolute;left:0;right:0;margin:0 auto}.text-ellipsis{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.trans{-webkit-transition:all .3s;-ms-transition:all .3s;-moz-transition:all .3s;transition:all .3s}@keyframes scaleout{0%{transform:scale(0)}to{transform:scale(1)}}.el-textarea__inner{font-family:inherit}main audio,main canvas,main embed,main iframe,main img,main object,main svg,main video{display:unset!important}main .chat-box audio,main .chat-box canvas,main .chat-box embed,main .chat-box iframe,main .chat-box img,main .chat-box object,main .chat-box svg,main .chat-box video{display:block!important}main .chat-box .el-loading-mask svg{display:inline-block!important}a{color:#3f95d7;cursor:pointer;text-decoration:none}.mail-page{position:fixed;top:54px;bottom:0;left:0;width:100%}.mail-page .page-layout,.mail-page .page-sider{overflow-y:auto;min-height:100%}.mail-page .mail-side{padding:8px 0}.mail-page .mail-side .mail-side-title{padding:0 8px;line-height:28px;border-left:4px solid #3f95d7;font-size:16px;font-weight:700;color:#2d4668}.mail-page .mail-side .mail-side-nav{position:relative;padding:0 20px;line-height:40px;font-size:14px}.mail-page .mail-side .mail-side-nav.mail-side-nav-1{cursor:pointer;font-size:14px}.mail-page .mail-side .mail-side-nav.mail-side-nav-1:hover{background:#eef5fb;color:#3f95d7}.mail-page .mail-side .mail-side-nav.mail-side-nav-1.active{background:#eef5fb;color:#3f95d7}.mail-page .mail-side .mail-side-nav.mail-side-nav-1.nums{font-weight:500;color:#61676e}.mail-page .mail-side .mail-side-nav.mail-side-nav-1.nums .mail-side-nav-tt{color:#61676e}.mail-page .mail-side .mail-side-nav.mail-side-nav-2{font-weight:700;font-size:14px}.mail-page .mail-side .mail-side-nav .mail-side-nav-tt{margin-left:4px;color:#777}.mail-page .mail-side .mail-side-nav .mail-side-nav-tt-1{font-weight:700;color:#61676e}.mail-page .mail-side .mail-side-nav .mail-side-nav-num{position:absolute;top:0;right:20px;max-width:48px}.mail-page .mail-side .mail-side-hr{height:1px;background:#ededed;margin:0 16px}.mail-page .mail-side .mail-side-users{max-height:116px;margin-top:8px;overflow-y:auto}.mail-page .mail-side .mail-side-user{padding:0 16px;line-height:28px;cursor:pointer;position:relative}.mail-page .mail-side .mail-side-user .mail-side-user-ti{display:inline-block;width:24px;text-align:center}.mail-page .mail-side .mail-side-user .mail-side-user-tt{padding-left:8px}.mail-page .mail-side .mail-side-user .mail-side-user-first{display:inline-block;width:24px;height:24px;line-height:24px;border-radius:50%;vertical-align:middle;overflow:hidden;text-align:center;background:#d3d8db;color:#fff}.mail-page .mail-side .mail-side-user .mail-warn{position:absolute;left:35px;bottom:0;font-size:12px;color:red}.mail-page .mail-side .mail-side-user .mail-side-user-label{padding-left:8px}.mail-page .mail-side .mail-side-user.dis{cursor:inherit}.mail-page .mail-side .mail-side-user.active{background:#eef5fb}.mail-page .mail-side .mail-side-user.active .mail-side-user-ti{color:#3f95d7}.mail-page .mail-side .mail-side-user.active .mail-side-user-tt{color:#2d4668}.mail-page .mail-side .mail-side-user.active .mail-side-user-first{background:#3f95d7}.mail-page .mail-side .mail-side-user.active .mail-side-user-label{color:#2d4668}.mail-page .mail-side .mail-side-user-none{padding:0 20px}.mail-page .mail-side .mail-side-edit{padding:16px 20px}.mail-page .mail-side .mail-side-edit .mail-side-edit-btn{width:100%}.mail-page .mail-side .mail-side-edit .mail-side-edit-btn-text{padding-left:8px}.mail-page .mail-side .mail-side-folders .mail-side-folder{position:relative;width:calc(100% - 40px);display:flex;justify-content:space-between;font-size:14px}.mail-page .mail-side .mail-side-folders .mail-side-folder .mail-side-folder-num{padding-left:8px;opacity:1}.mail-page .mail-side .mail-side-folders .mail-side-folder .mail-side-folder-edit{position:absolute;right:0;top:0;opacity:0}.mail-page .mail-side .mail-side-folders .mail-side-folder.hover:hover .mail-side-folder-num{opacity:0}.mail-page .mail-side .mail-side-folders .mail-side-folder.hover:hover .mail-side-folder-edit{opacity:1}.mail-page .mail-side .mail-side-folders .mail-side-folder.nums{font-weight:500;color:#61676e}.mail-page .mail-side .mail-side-folders .el-tree-node__content{height:40px}.mail-page .mail-side .mail-side-folders.el-tree--highlight-current .el-tree-node.is-current>.el-tree-node__content{background:#eef5fb}.mail-page .mail-list{padding-bottom:50px}.mail-page .el-pagination.fixed{position:fixed;bottom:0;right:25px;z-index:9;background:rgba(240,242,245,.8);margin:0;padding:10px 1px 10px 10px;width:calc(100% - 272px)}.mail-drop-folder .mail-drop-folder-item.item-1{padding-left:8px}.mail-drop-folder .mail-drop-folder-item.item-2{padding-left:16px}.mail-list-table-card-popover{padding:0;border:1px solid #d3d8db}.mail-list-table-card{background:#fff}.mail-list-table-card .mail-list-table-card-hd{display:flex;justify-content:space-between;padding:4px 8px;border-bottom:1px solid #d3d8db}.mail-list-table-card .mail-list-table-card-name{font-weight:700;margin-left:8px;width:160px;display:inline-block;line-height:34px;vertical-align:middle}.mail-list-table-card .mail-list-table-card-bd{padding:8px 0}.mail-list-table-card .mail-list-table-card-item{display:flex;align-items:center;padding:0 16px}.mail-list-table-card .mail-list-table-card-item .email-name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mail-list-table-card .mail-list-table-card-item .copy-link{cursor:pointer;color:#3f95d7}.mail-list-table-card .mail-list-table-card-fd{padding:4px 8px;background:#f1f4f7;display:flex;justify-content:space-between}.mail-btn{vertical-align:middle}.mail-btn+.mail-btn{margin-left:8px}.mail-btn+.mail-btn-group{margin-left:8px}.mail-btn-group{display:inline-block;vertical-align:middle;font-size:0}.mail-btn-group+.mail-btn{margin-left:8px}.mail-btn-group+.mail-btn-group{margin-left:8px}.mail-list{padding:12px 16px}.mail-list .mail-list-body{position:relative;margin-top:12px}.mail-list .mail-list-body .table-loading{position:absolute;width:100%;height:100%;z-index:10;display:flex;justify-content:center;align-items:center;background-color:hsla(0,0%,100%,.4)}.mail-list .mail-list-body .table-loading~.bn-table .el-table__empty-text{visibility:hidden}.mail-list .mail-list-table.el-table .cell{display:flex;padding-left:8px;padding-right:8px;width:100%}.mail-list .mail-list-table.el-table td{padding:10px 0}.mail-list .mail-list-table.el-table .mailtd{padding:0 0}.mail-list .mail-list-table.el-table .mailtd .cell{padding-left:8px;padding-right:0}.mail-list .mail-list-table.el-table .mailtd0{padding:0}.mail-list .mail-list-table.el-table .mailtd0 .cell{padding-left:0;padding-right:0}.mail-list .mail-list-table .mail-list-table-user{cursor:pointer}.mail-list .mail-list-table .mail-list-table-sub{font-weight:700}.mail-list .mail-list-table .mail-list-table-text{padding-left:8px;color:#777}.mail-list .mail-list-table .mail-list-table-tit{max-width:100%;display:inline-block;position:relative;padding-right:20px}.mail-list .mail-list-table .mail-list-table-tit .mail-list-table-clip{position:absolute;right:0}.mail-list .mail-list-table .mail-list-table-content{max-width:100%;display:inline-block;position:relative;padding-right:20px;cursor:pointer}.mail-list .mail-list-table .mail-list-table-content .mail-fields-attach{position:absolute;right:0}.mail-list .mail-list-table .mail-list-handle{opacity:0}.mail-list .mail-list-table .el-table__row:hover .mail-list-handle{opacity:1}.mail-list .mail-list-ico{cursor:pointer}.mail-view{padding-right:16px;background:#e8ecef}.mail-view .mail-view-head{padding:12px 0 12px 16px}.mail-view .mail-view-body{display:flex;position:relative}.mail-view .mail-view-detail-loading{padding:40px;text-align:center}.mail-view .mail-view-detail{flex:1;position:absolute;top:0;left:338px;right:16px;bottom:0;overflow:auto;border-style:solid;border-color:#d3d8db;border-width:1px 1px 1px 0;background:#fff}.mail-view .mail-view-detail.large{right:432px}.mail-view .mail-view-detail.dbl-large{left:16px}.mail-view .mail-view-linkman{position:fixed;top:106px;right:16px;bottom:0;width:400px;overflow-y:auto;overflow-x:hidden}.mail-view .mail-view-linkman.fixed{z-index:2;top:0;right:0;width:460px}.mail-view .mail-view-linkman.fixed .mail-view-linkman-bg{position:fixed;top:0;right:0;bottom:0;left:0;background:rgba(0,0,0,.5)}.mail-view .mail-view-linkman.fixed .mail-linkman{min-height:100%;background:#fff;position:absolute;width:440px;top:0;right:0;padding:36px 20px 8px}.mail-view .mail-view-linkman.fixed .mail-view-linkman-back{position:absolute;top:0;line-height:36px;margin-left:36px;cursor:pointer}.mail-view .mail-view-linkman.fixed .mail-view-linkman-back:hover{color:#ff8e42}.mail-view .mail-view-switch{position:fixed;top:106px;right:0;width:16px;cursor:pointer;font-size:12px;transform:scale(.8);line-height:1.3}.mail-view .mail-view-switch:hover{color:#ff8e42}.bn-btn-icon{color:#61676e}.bn-btn-icon.el-button--small{padding:5px 8px}.bn-btn-icon.el-button--mini{padding:4px 6px}.bn-btn-text{display:inline-block;margin-left:2px;border-radius:10px;line-height:12px;padding:0 4px;background:#b5bbc4}.bn-btn-text.bn-btn-text-1{background:#3f95d7}.bn-btn-text .bn-btn-text-tx{display:inline-block;transform:scale(.84);color:#fff}.table-warp{position:relative;width:100%}.table-warp .table-tools{display:flex;align-items:center;width:calc(100% - 40px);height:30px!important;position:absolute;z-index:10;left:36px;top:2px;background-color:#f1f4f7}.table-warp .table-tools .table-tools-item{margin-right:16px;font-size:12px;background:#f1f4f7}.table-warp .table-tools .table-tools-item strong{color:#ff8e42;font-weight:700;margin:0 5px}.table-warp .table-tools .table-tools-item .el-button--small{padding:7px 12px;vertical-align:unset}.table-warp .table-tools .table-tools-item .border-radius-right .el-button--small{border-top-right-radius:0;border-bottom-right-radius:0}.table-warp .table-tools .table-tools-item .border-radius-none .el-button--small{border-radius:0}.table-warp .table-tools .table-tools-item .border-radius-left .el-button--small,.table-warp .table-tools .table-tools-item .join-mail{border-top-left-radius:0;border-bottom-right-radius:0}.table-warp .table-tools .table-tools-item .box-margin{margin-left:-1px}.table-warp .table-tools .table-tools-item.pagination-box{margin-right:0;position:absolute;right:0}.table-warp .table-tools .table-tools-item.pagination-box .el-pagination{margin-top:0;padding:0;line-height:1}.table-warp .table-tools .table-tools-item.pagination-box .el-pagination button{border-radius:3px}.table-warp .table-tools .set-touch{margin:0 -1px;border-radius:0}.mail-folder-edit .el-dialog__body{padding:16px}