.mail-loading{z-index:2;position:fixed;top:54px;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);height:16px;line-height:16px;padding:0 8px;border-radius:2px;font-size:12px;background:#8dc63f;color:#fff}.mail-loading .el-icon-loading{margin-right:2px}.mail-loading .mail-loading-load{display:inline-block}.f-scrollbar::-webkit-scrollbar{height:4px;width:4px}.f-scrollbar::-webkit-scrollbar-thumb{width:4px}.f-scrollbar::-moz-scrollbar{height:4px;width:4px}.f-scrollbar::-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)}}.message-select-popper{z-index:0!important}.message-select-popper .el-scrollbar__wrap{min-height:250px;max-height:600px}.message-select-popper .el-select-group__title{line-height:20px}.message-select-popper .el-select-dropdown__item{line-height:30px;height:auto;padding:4px 20px}.message-select-popper .el-select-group__wrap{padding-bottom:12px}.message-select-popper .el-select-group__wrap:after{bottom:6px}.mail-list-head{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.mail-list-head .mail-list-head-title{max-width:130px;margin-right:8px;vertical-align:middle;display:inline-block}.mail-list-head .mail-list-head-title .mail-list-head-title-icon{margin-right:8px;width:18px;height:18px;line-height:18px;display:inline-block;text-align:center;background:#3f95d7;color:#fff}.mail-list-head .mail-list-head-title .mail-list-head-title-txt{line-height:28px;font-size:18px;font-weight:700;color:#313d4b}.mail-list-head .mail-list-head-search{width:250px;vertical-align:top;margin-left:4px;cursor:text}.mail-list-head .mail-list-head-search .el-input__inner{cursor:text}.mail-list-head .mail-list-head-search-fill .el-input__inner{padding-left:95px}.mail-list-head .mail-list-head-search-fill .el-icon-search{color:#223a84}.mail-list-head .mail-list-head-search-fill .prefix-text{margin-left:5px;color:#606266}.mail-list-head .role-tree-btn{height:28px}.mail-list-head .department-tree{display:inline-block;vertical-align:middle;margin:8px 4px}.mail-list-head .department-tree .el-breadcrumb{font-size:12px}.mail-search-option{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.mail-search-option-avatar{border:1px solid #d3d8db}.mail-search-option-name{margin-left:12px;font-weight:700}.mail-search-option-address{margin-left:12px}