.noti[data-v-a062534e]{height:100%;width:100%}.noti .noti-head[data-v-a062534e]{height:70px;padding:10px}.noti .noti-head a[data-v-a062534e],.noti .noti-head[data-v-a062534e]{align-items:center;display:flex;width:100%}.noti .noti-head a[data-v-a062534e]{border:1px solid #d70018;border-radius:10px;color:#d70018;height:100%;justify-content:space-between;padding:0 8px;transition:all .2s linear}.noti .noti-head a>div[data-v-a062534e]{align-items:center;display:flex;gap:8px}.noti .noti-head a>div>span[data-v-a062534e]{font-size:16px}.noti .noti-head a[data-v-a062534e]:hover{transform:scale(.95)}.noti .noti-body[data-v-a062534e]{display:flex;flex-direction:column;height:calc(100% - 120px);position:relative;width:100%}.noti .noti-body__loading[data-v-a062534e]{align-items:center;background-color:hsla(0,0%,100%,.2);display:flex;height:100%;justify-content:center;left:0;position:absolute;top:0;width:100%}.noti .noti-body__loading img[data-v-a062534e]{height:40px;width:50px}.noti .noti-body__title[data-v-a062534e]{align-items:center;border-bottom:1px solid rgba(145,158,171,.58);display:flex;justify-content:space-between;padding:10px;width:100%}.noti .noti-body__title>span[data-v-a062534e]{color:#212b36;font-size:16px;font-weight:600;line-height:24px}.noti .noti-body__title>div[data-v-a062534e]{align-items:center;display:flex;height:100%}.noti .noti-body__title>div>button[data-v-a062534e]{background-color:transparent;border:none;color:#0c53b7;font-size:12px;line-height:18px;padding:8px 0}.noti .noti-body__title>div>div[data-v-a062534e]{align-items:center;display:flex;gap:3px;-webkit-user-select:none;-moz-user-select:none;user-select:none}.noti .noti-body__title>div>div>span[data-v-a062534e]{color:#229a16;font-size:12px;line-height:18px}.noti .noti-body__filter[data-v-a062534e]{align-items:center;border-bottom:1px solid #e3e3e3;display:flex;gap:10px;overflow-x:auto;padding:10px;width:100%}.noti .noti-body__filter[data-v-a062534e]::-webkit-scrollbar{border-radius:10px;height:5px;width:5px}.noti .noti-body__filter[data-v-a062534e]::-webkit-scrollbar-thumb{background-color:transparent;-webkit-transition:all .5s linear;transition:all .5s linear}.noti .noti-body__filter[data-v-a062534e]:hover::-webkit-scrollbar-thumb{background-color:#b7b7b7}.noti .noti-body__filter button[data-v-a062534e]{background-color:transparent;border:1px solid #637381;border-radius:50px;color:#637381;flex-shrink:0;font-size:13px;padding:8px 12px}.noti .noti-body__filter .active[data-v-a062534e]{background-color:rgba(255,72,66,.078);border:1px solid #d70018;color:#d70018;font-weight:600}.noti .noti-body__list[data-v-a062534e]{flex:1;overflow-y:auto;width:100%}.noti .noti-body__list .fade-enter-active[data-v-a062534e],.noti .noti-body__list .fade-leave-active[data-v-a062534e]{transition:opacity .3s ease}.noti .noti-body__list .fade-enter-from[data-v-a062534e],.noti .noti-body__list .fade-leave-to[data-v-a062534e]{opacity:0}.noti .noti-body__list[data-v-a062534e]::-webkit-scrollbar{width:8px}.noti .noti-body__list[data-v-a062534e]::-webkit-scrollbar-track{background:#f1f1f1}.noti .noti-body__list[data-v-a062534e]::-webkit-scrollbar-thumb{background:#b2b2b2;border-radius:8px}.noti .noti-body__list[data-v-a062534e]::-webkit-scrollbar-thumb:hover{background:#888}.noti .noti-body__list .noti-list[data-v-a062534e]{display:flex;flex-direction:column;gap:1px;width:100%}.noti .noti-body__list .noti-list .noti-content[data-v-a062534e]{background-color:#fff;height:-moz-fit-content;height:fit-content;padding:10px;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:100%}.noti .noti-body__list .noti-list .noti-content>div[data-v-a062534e]{align-items:flex-start;display:flex;gap:10px;width:100%}.noti .noti-body__list .noti-list .noti-content>div .noti-content__icon[data-v-a062534e]{display:flex;flex-shrink:0;justify-content:center;width:50px}.noti .noti-body__list .noti-list .noti-content>div .noti-content__content[data-v-a062534e]{display:flex;flex:1;flex-direction:column;gap:5px}.noti .noti-body__list .noti-list .noti-content>div .noti-content__content .hide[data-v-a062534e]{max-height:100px;overflow:hidden}.noti .noti-body__list .noti-list .noti-content>div .noti-content__content>div[data-v-a062534e]{font-size:13px;position:relative;white-space:normal;width:100%}.noti .noti-body__list .noti-list .noti-content>div .noti-content__content>div .get-more[data-v-a062534e]{background:#fff;background:linear-gradient(0deg,#fff 50%,hsla(0,0%,100%,0));border:none;bottom:0;display:flex;justify-content:center;left:0;padding:20px 0 15px;position:absolute;width:100%}.noti .noti-body__list .noti-list .noti-content>div .noti-content__content>div>div[data-v-a062534e]{display:inline}.noti .noti-body__list .noti-list .noti-content>div .noti-content__content .action[data-v-a062534e]{align-items:center;display:flex;justify-content:space-between;width:100%}.noti .noti-body__list .noti-list .noti-content>div .noti-content__content .action>button[data-v-a062534e]{background-color:transparent;border:none;color:#0c53b7;cursor:pointer;font-size:13px;padding:5px 0 5px 30px}.noti .noti-body__list .noti-list .noti-content>div .noti-content__content .time[data-v-a062534e]{color:#919eab;font-size:10px;font-weight:400}.noti .noti-body__list .noti-list .unread[data-v-a062534e]{background-color:#e2f2ff}.noti .noti-body__list .noti-list .unread>div .noti-content__content>div .get-more[data-v-a062534e]{background:#e2f2ff;background:linear-gradient(0deg,#e2f2ff 50%,hsla(0,0%,100%,0))}.noti .noti-body__list .noti-list .unread>div .noti-content__icon[data-v-a062534e]{position:relative}.noti .noti-body__list .noti-list .unread>div .noti-content__icon[data-v-a062534e]:before{background-color:#d70018;border-radius:50%;content:"";height:7px;position:absolute;right:3px;top:3px;width:7px}.noti .noti-body__list .noti-empty[data-v-a062534e]{height:100%;width:100%}.noti .noti-body__list .noti-empty__main[data-v-a062534e]{align-items:center;gap:10px;height:100%;overflow:hidden}.noti .noti-body__list .noti-empty__main>div[data-v-a062534e],.noti .noti-body__list .noti-empty__main[data-v-a062534e]{display:flex;flex-direction:column;justify-content:center;width:100%}.noti .noti-body__list .noti-empty__main>div span[data-v-a062534e]:first-child{font-size:16px;font-weight:600;text-align:center}.noti .noti-body__list .noti-empty__main>div span[data-v-a062534e]:last-child{font-size:14px;padding:0 30px;text-align:center;white-space:normal}.noti .noti-body__list .noti-message[data-v-a062534e]{display:flex;justify-content:center;padding:10px;width:100%}.noti .noti-body__list .noti-message>span[data-v-a062534e]{color:rgba(145,158,171,.8);font-size:12px;font-style:italic;font-weight:400;line-height:18px}.noti .noti-bottom[data-v-a062534e]{align-items:center;border-top:1px solid rgba(145,158,171,.58);display:flex;height:50px;justify-content:center;width:100%}.noti .noti-bottom button[data-v-a062534e]{background-color:transparent;border:none;color:#0c53b7;cursor:pointer;font-size:14px;font-weight:600;padding:10px 20px;width:100%}.fade-enter-active[data-v-a062534e]{animation:face-in-a062534e .2s}.fade-leave-active[data-v-a062534e]{animation:face-in-a062534e .2s reverse}@keyframes face-in-a062534e{0%{opacity:0}to{opacity:1}}