.wordHidden[data-v-c727fa32]{text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.active[data-v-c727fa32]{background:#e6f7ff}.hoverStyle[data-v-c727fa32]:hover,.hoverStyle[data-v-c727fa32] :hover{background:#fafcff!important}.mailListItem .top[data-v-c727fa32]{width:347px;height:39px;background:#fff;border-bottom:1px solid #ebeef5;padding:12px 20px;font-family:Mulish;font-style:normal;font-weight:700;font-size:12px;line-height:15px;color:#909399}.mailListItem .bottom[data-v-c727fa32]{display:flex;justify-content:flex-start;align-items:center;padding:16px 20px;border-bottom:1px solid #ebeef5;cursor:pointer}.mailListItem .bottom .avatar[data-v-c727fa32]{width:40px;height:40px;background:#f2f3f5}.mailListItem .bottom .avatar .text[data-v-c727fa32]{font-family:Mulish;font-style:normal;font-weight:700;font-size:11px;line-height:14px;color:#606266;transform:scale(.9)}.mailListItem .bottom .username[data-v-c727fa32]{font-family:Mulish;font-style:normal;font-weight:500;font-size:14px;line-height:18px;color:#303133;margin-left:10px;width:calc(100% - 35px)}.empty[data-v-23fe6c6e]{display:flex;justify-content:center;flex-direction:column;align-items:center;text-align:center;height:100%}.empty .empty-text[data-v-23fe6c6e]{margin-top:8px;font-family:Roboto;font-style:normal;font-weight:400;font-size:14px;line-height:22px;text-align:center;color:#606266}.grayBg[data-v-23fe6c6e]{background:#f0f2f5!important}.time[data-v-23fe6c6e]{font-size:12px;line-height:15px;color:#909399}.status[data-v-23fe6c6e],.time[data-v-23fe6c6e]{font-family:Mulish;font-style:normal;font-weight:500}.status[data-v-23fe6c6e]{font-size:14px;line-height:18px;color:#303133;margin-top:4px}.title[data-v-23fe6c6e]{font-size:12px;line-height:15px;color:#909399}.content[data-v-23fe6c6e],.title[data-v-23fe6c6e]{font-family:Mulish;font-style:normal;font-weight:500}.content[data-v-23fe6c6e]{font-size:14px;line-height:18px;color:#303133;word-break:break-all;margin-top:4px}.mailItem[data-v-23fe6c6e]{display:flex;justify-content:center;align-items:center;height:100%}.mailItem .infoBox[data-v-23fe6c6e]{margin:auto}.mailItem .infoBox .topBox[data-v-23fe6c6e],.mailItem .infoBox[data-v-23fe6c6e]{display:flex;flex-direction:column;align-items:center}.mailItem .infoBox .avatar[data-v-23fe6c6e]{width:68px;height:68px;background:#f0f2f5}.mailItem .infoBox .avatar .text[data-v-23fe6c6e]{font-family:Mulish;font-style:normal;font-weight:700;font-size:16px;line-height:14px;color:#606266;transform:scale(.9)}.mailItem .infoBox .username[data-v-23fe6c6e]{text-align:center;margin-top:12px;font-family:Mulish;font-style:normal;font-weight:700;font-size:18px;line-height:23px;color:#303133;padding:0 50px}.mailItem .infoBox .redBg[data-v-23fe6c6e]{background:#fff0f1}.mailItem .infoBox .number[data-v-23fe6c6e]{margin-left:12px}.mailItem .infoBox .address[data-v-23fe6c6e],.mailItem .infoBox .addtime[data-v-23fe6c6e],.mailItem .infoBox .emails[data-v-23fe6c6e],.mailItem .infoBox .numbers[data-v-23fe6c6e]{width:335px;background:#fff;border-radius:0 0 4px 4px;padding:16px;display:flex;justify-content:flex-start;align-items:center;border-top:none}.mailItem .infoBox .emails[data-v-23fe6c6e],.mailItem .infoBox .numbers[data-v-23fe6c6e]{margin-right:20px}.mailItem .infoBox .imgBox1[data-v-23fe6c6e],.mailItem .infoBox .imgBox2[data-v-23fe6c6e],.mailItem .infoBox .imgBox3[data-v-23fe6c6e],.mailItem .infoBox .imgBox4[data-v-23fe6c6e]{width:40px;height:40px;border-radius:50%;background:#f0f6ff;display:flex;justify-content:center;align-items:center}.mailItem .infoBox .email[data-v-23fe6c6e]{margin-left:12px}.mailItem .infoBox .bottom[data-v-23fe6c6e],.mailItem .infoBox .top[data-v-23fe6c6e]{display:flex}.mailItem .infoBox .top[data-v-23fe6c6e]{margin:48px 0 20px 0}.skeletonMail[data-v-23fe6c6e]{display:flex;flex-direction:column;align-items:center;flex-wrap:nowrap}.borderRadius[data-v-23fe6c6e]{border-radius:4px!important}.rightText[data-v-23fe6c6e]{text-align:right;direction:rtl;flex:1}.header[data-v-027bd6ed]{height:68px;background:#fff}.content[data-v-027bd6ed]{width:100%;display:flex}.content .leftTabs[data-v-027bd6ed]{width:354px!important;height:calc(100vh - 169px);border-right:1px solid #ebeef5;background:#fff}.content .leftTabs .noMore[data-v-027bd6ed]{font-family:Roboto;font-style:normal;font-weight:400;font-size:14px;line-height:22px;text-align:center;color:#606266}.content .leftTabs .empty[data-v-027bd6ed]{display:flex;justify-content:center;flex-direction:column;align-items:center;text-align:center;height:100%;width:353px}.content .leftTabs .empty .empty-text[data-v-027bd6ed]{margin-top:8px;font-family:Roboto;font-style:normal;font-weight:400;font-size:14px;line-height:22px;text-align:center;color:#606266}.content .rightTabs[data-v-027bd6ed]{width:100%;height:calc(100vh - 128px);padding:20px;display:flex;justify-content:center;align-items:center;background:#f5f7fa;overflow:scroll;scrollbar-width:none}.content .rightTabs .mailContent[data-v-027bd6ed]{height:100%;display:flex;align-items:center}.content .rightTabs .empty[data-v-027bd6ed]{display:flex;justify-content:center;flex-direction:column;align-items:center;text-align:center;height:100%;width:354px}.content .rightTabs .empty .empty-text[data-v-027bd6ed]{margin-top:8px;font-family:Roboto;font-style:normal;font-weight:400;font-size:14px;line-height:22px;text-align:center;color:#606266}.content .rightTabs[data-v-027bd6ed]::-webkit-scrollbar{width:1px;height:1px}.content .rightTabs[data-v-027bd6ed]::-webkit-scrollbar-thumb,.content .rightTabs[data-v-027bd6ed]::-webkit-scrollbar-track{box-shadow:inset 0 0 6px #fff!important;-webkit-box-shadow:inset 0 0 6px #fff!important;border-radius:10px!important;background-color:#fff!important;display:none}.contacts .el-input__wrapper{box-shadow:unset;border-bottom:1px solid #ebeef5;border-radius:unset}.contacts .el-select--large{width:100%;height:40px;border-top:1px solid #ebeef5}.contacts .el-input__inner{padding:10px 0;color:#909399;font-family:Mulish;font-size:14px;font-style:normal;font-weight:500}.contacts .el-popper__arrow{display:none}.contacts .el-select-dropdown__item{color:#303133;font-family:Mulish;font-size:14px;font-style:normal;font-weight:500;text-transform:capitalize;padding:10px 20px;display:flex;justify-content:start;align-items:center}.contacts .el-select-dropdown__list{margin:0!important}.contacts .el-input__wrapper:hover,.contacts .el-select .el-input.is-focus .el-input__wrapper{box-shadow:unset!important}.contacts .el-select-dropdown__item.selected{color:#303133;font-weight:500}.contacts .el-select .el-input__wrapper.is-focus{box-shadow:unset!important}