.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:#313d4b}.h2,h2{font-size:18px}.h3,h3{font-size:16px}.h3,.h4,h3,h4{font-weight:700;color:#313d4b}.h4,h4{font-size:14px}.h5,h5{font-size:13px}.h5,.h6,h5,h6{font-weight:700;color:#313d4b}.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:#313d4b}.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;transition:all .3s}@-webkit-keyframes scaleout{0%{-webkit-transform:scale(0);transform:scale(0)}to{-webkit-transform:scale(1);transform:scale(1)}}@keyframes scaleout{0%{-webkit-transform:scale(0);transform:scale(0)}to{-webkit-transform:scale(1);transform:scale(1)}}.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;font-size:16px;font-weight:700;color:#fff}.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;color:#fff;margin:0 8px}.mail-page .mail-side .mail-side-nav.mail-side-nav-1.active,.mail-page .mail-side .mail-side-nav.mail-side-nav-1:hover{background:#44a2e7;color:#fff;border-radius:4px}.mail-page .mail-side .mail-side-nav.mail-side-nav-1.nums{font-weight:500}.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:#fff}.mail-page .mail-side .mail-side-nav .mail-side-nav-tt-1{font-weight:700;color:#fff}.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:2px 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:#313d4b}.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:#313d4b}.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-type{padding:2px 0}.mail-page .mail-side .mail-side-folders{padding:0 8px;background-color:#31384c}.mail-page .mail-side .mail-side-folders .mail-side-folder{position:relative;width:calc(100% - 40px);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;font-size:14px;color:#fff}.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:#fff}.mail-page .mail-side .mail-side-folders .el-tree-node__content{height:40px;margin:2px 0;border-radius:3px}.mail-page .mail-side .mail-side-folders .el-tree-node__content:hover{background:#44a2e7!important}.mail-page .mail-side .mail-side-folders.el-tree--highlight-current .el-tree-node.is-current>.el-tree-node__content{background:#44a2e7}.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:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;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:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:0 16px}.mail-list-table-card .mail-list-table-card-item .email-name{-webkit-box-flex:1;-ms-flex:1;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:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.mail-btn{vertical-align:middle}.mail-btn+.mail-btn,.mail-btn+.mail-btn-group{margin-left:8px}.mail-btn-group{display:inline-block;font-size:0}.mail-btn-group+.mail-btn,.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:-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;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:-webkit-box;display:-ms-flexbox;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:-webkit-box;display:-ms-flexbox;display:flex;position:relative}.mail-view .mail-view-detail-loading{padding:40px;text-align:center}.mail-view .mail-view-detail{-webkit-box-flex:1;-ms-flex:1;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-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:#223a84}.mail-view .mail-view-switch{position:fixed;top:106px;right:0;width:16px;cursor:pointer;font-size:12px;-webkit-transform:scale(.8);transform:scale(.8);line-height:1.3}.mail-view .mail-view-switch:hover{color:#223a84}.bn-btn-icon{color:#61676e}.bn-btn-icon.el-button--small{padding:7px 10px}.bn-btn-icon.el-button--mini{padding:4px 6px}.bn-btn-icon.mail-btn{padding-bottom:5px;padding-top:5px}.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;-webkit-transform:scale(.84);transform:scale(.84);color:#fff}.mail-folder-edit .el-dialog__body{padding:16px}