.page[data-v-31888b51]{height:calc(100vh - 146px)}.page .emailFucTop[data-v-31888b51]{height:60px;background-color:#fff;margin-bottom:10px;display:flex;align-items:center;justify-content:space-between;padding:0 10px;box-sizing:border-box}.page .emailBody[data-v-31888b51]{flex-direction:row;height:calc(100% - 70px);width:100%;display:flex}.page .emailBody .emailList[data-v-31888b51]{background-color:#fff;height:100%;width:300px;margin-right:10px;overflow:scroll}.page .emailBody .emailList .noteCard[data-v-31888b51]{width:100%;display:flex;flex-direction:column;align-items:start;padding:20px;box-sizing:border-box;cursor:pointer;flex-shrink:0}.page .emailBody .emailList .noteCard .nameView[data-v-31888b51]{width:100%;display:flex;align-items:center;justify-content:space-between;margin-bottom:5px}.page .emailBody .emailList .noteCard .nameView .name[data-v-31888b51]{color:#006eff;font-weight:700}.page .emailBody .emailList .noteCard .nameView .time[data-v-31888b51]{font-weight:700;opacity:.4;font-size:14px}.page .emailBody .emailList .noteCard .titleView[data-v-31888b51]{width:100%;display:flex;align-items:center;margin-bottom:5px}.page .emailBody .emailList .noteCard .titleView .title[data-v-31888b51]{max-width:calc(100% - 16px);font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.page .emailBody .emailList .noteCard .content[data-v-31888b51]{width:100%;height:35px;font-size:14px;word-break:break-all;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.page .emailBody .emailList .noteCard[data-v-31888b51]:hover,.page .emailBody .emailList .noteCardOn[data-v-31888b51]{background-color:#f2f2f3}.page .emailBody .emailList[data-v-31888b51]::-webkit-scrollbar{width:0;height:0}.page .emailBody .emailMain[data-v-31888b51]{background-color:#fff;position:relative;flex-grow:1;height:100%;display:flex;flex-direction:column;padding:0 10px;box-sizing:border-box}.page .emailBody .emailMain .customerView[data-v-31888b51]{width:100%;height:100px;border-bottom:1px solid #ebeef5;display:flex;align-items:center}.page .emailBody .emailMain .customerView .avatar[data-v-31888b51]{margin-right:10px;flex-shrink:0}.page .emailBody .emailMain .customerView .emailInfo[data-v-31888b51]{flex-grow:1;display:flex;align-items:center;justify-content:space-between}.page .emailBody .emailMain .customerView .emailInfo .infoView[data-v-31888b51]{display:flex;flex-direction:column;align-items:start}.page .emailBody .emailMain .customerView .emailInfo .infoView .send[data-v-31888b51]{margin-bottom:5px}.page .emailBody .emailMain .customerView .emailInfo .infoView .send .name[data-v-31888b51]{font-weight:700;margin-right:5px}.page .emailBody .emailMain .customerView .emailInfo .infoView .send .email[data-v-31888b51]{font-size:14px;opacity:.4}.page .emailBody .emailMain .customerView .emailInfo .timeView[data-v-31888b51]{display:flex;flex-direction:column;align-items:end;opacity:.4}.page .emailBody .emailMain .iframeView[data-v-31888b51]{flex-grow:1}.page .emailBody .emailMain .mailFuc[data-v-31888b51]{width:100%;height:120px;border-top:1px solid #ebeef5}.page .emailBody .emailMain .historyView[data-v-31888b51]{position:absolute;right:10px;top:20%;width:260px;max-height:50%;box-shadow:0 1px 12px rgba(0,0,0,.1);background-color:#fff;border:1px solid #ebeef5;display:flex;flex-direction:column}.page .emailBody .emailMain .historyView .cardHeader[data-v-31888b51]{display:flex;align-items:center;justify-content:space-between;height:60px;width:100%;padding:0 20px;box-sizing:border-box;flex-shrink:0}.page .emailBody .emailMain .historyView .cardHeader .historySwitchBtn[data-v-31888b51]{cursor:pointer;font-size:22px}.page .emailBody .emailMain .historyView .cardHeader .historySwitchBtn[data-v-31888b51]:hover{color:#006eff}.page .emailBody .emailMain .historyView .historyBody[data-v-31888b51]{overflow:scroll;width:100%;height:calc(100% - 60px);display:flex;flex-direction:column}.page .emailBody .emailMain .historyView .historyBody .historyItem[data-v-31888b51]{display:flex;flex-direction:column;align-items:center;padding:10px;cursor:pointer;flex-shrink:0}.page .emailBody .emailMain .historyView .historyBody .historyItem .title[data-v-31888b51]{width:100%;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.page .emailBody .emailMain .historyView .historyBody .historyItem .time[data-v-31888b51]{width:100%;opacity:.4;font-size:14px}.page .emailBody .emailMain .historyView .historyBody .historyItem[data-v-31888b51]:hover,.page .emailBody .emailMain .historyView .historyBody .historyItemOn[data-v-31888b51]{background-color:#f2f2f3}.page .emailBody .emailMain .historyView .historyBody[data-v-31888b51]::-webkit-scrollbar{width:0;height:0}.page .emailBody .emailMain .historySwitch[data-v-31888b51]{position:absolute;right:10px;top:calc(20% + 9px);cursor:pointer;background-color:#fff;border:1px solid #ebeef5;padding:10px;display:flex;align-items:center;box-shadow:0 1px 12px rgba(0,0,0,.1);border-radius:40px}.page .emailBody .emailMain .historySwitch .historySwitchBtn2[data-v-31888b51]{font-size:22px}.page .emailBody .emailMain .historySwitch .tipsText[data-v-31888b51]{width:0;margin-bottom:2px;white-space:nowrap;overflow:hidden;transition:all .25s ease-in-out}.page .emailBody .emailMain .historySwitch[data-v-31888b51]:hover{color:#006eff;border-radius:0}.page .emailBody .emailMain .historySwitch:hover .tipsText[data-v-31888b51]{width:96px;margin-left:10px}.sendingCard[data-v-31888b51]{margin:0 20px;display:flex;flex-direction:column;border-bottom:1px solid #dcdfe6;padding:10px 0;position:relative;overflow:hidden}.sendingCard .delNote[data-v-31888b51]{position:absolute;top:calc(50% - 20px);right:-100px;transition:all .5s ease-in-out}.sendingCard .name[data-v-31888b51]{color:#006eff}.sendingCard .name[data-v-31888b51],.sendingCard .title[data-v-31888b51]{width:100%;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-bottom:5px}.sendingCard .content[data-v-31888b51]{width:100%;height:35px;font-size:14px;word-break:break-all;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-bottom:5px}.sendingCard .cardBottom[data-v-31888b51]{width:100%;display:flex;align-items:center;justify-content:space-between;font-size:14px;font-weight:700;opacity:.4}.sendingCard:hover .delNote[data-v-31888b51]{right:20px}