.notification-item[data-v-73d172b6]{background-color:var(--bgColorBlank);border-radius:var(--borderRadiusModule);min-height:100%;padding:14px 10px;position:relative}.notification-item.can-click-item[data-v-73d172b6]{cursor:pointer}.notification-item .header[data-v-73d172b6]{aspect-ratio:382/160;border-radius:var(--borderRadiusModule)}.notification-item .header[data-v-73d172b6] .image-container{height:165px;width:100%}.notification-item .container[data-v-73d172b6]{width:100%}.notification-item .container .title[data-v-73d172b6]{line-height:22px;min-height:22px}.notification-item .container .content[data-v-73d172b6]{height:auto;width:100%}.notification-item .unread[data-v-73d172b6]{background-color:var(--primaryColor);border-radius:50%;height:10px;width:10px}.ellipsis-line[data-v-73d172b6]{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;word-break:break-word}.skeleton-item[data-v-6948ab5e]{background:var(--bgColorBlank);border-radius:var(--borderRadiusModule);margin-bottom:10px;padding:14px 10px}.skeleton-header[data-v-6948ab5e]{display:flex;justify-content:space-between;margin-bottom:10px}.skeleton-title[data-v-6948ab5e]{border-radius:4px;height:20px;width:60%}.skeleton-time[data-v-6948ab5e]{border-radius:4px;height:16px;width:30%}.skeleton-content[data-v-6948ab5e]{border-radius:8px;height:60px;width:100%}.skeleton-image[data-v-6948ab5e],.skeleton-promo .skeleton-header[data-v-6948ab5e]{margin-bottom:10px}.skeleton-image[data-v-6948ab5e]{border-radius:var(--borderRadiusModule);height:100px;width:100%}.skeleton-footer[data-v-6948ab5e]{align-items:center;display:flex;justify-content:space-between}.skeleton-footer-text[data-v-6948ab5e]{border-radius:4px;height:14px;width:40px}.skeleton-footer-icon[data-v-6948ab5e]{border-radius:50%;height:16px;width:16px}.skeleton-system .skeleton-header[data-v-6948ab5e]{align-items:flex-start}.skeleton-left[data-v-6948ab5e]{align-items:center;display:flex;flex:1;gap:10px;margin-right:10px}.skeleton-icon[data-v-6948ab5e]{border-radius:50%;flex-shrink:0;height:40px;width:40px}.skeleton-title-group[data-v-6948ab5e]{display:flex;flex-direction:column;gap:6px;width:100%}.skeleton-pill[data-v-6948ab5e]{border-radius:8px;flex-shrink:0;height:18px;width:54px}.notification-list-container[data-v-e9dbf94e]{width:100%}.notification-wrap[data-v-beb0b77d]{display:flex;flex:1;flex-direction:column;overflow:hidden;position:relative}.notification-wrap .notification-fixed-layout[data-v-beb0b77d]{background-color:var(--bgColor,#11222e);flex:0 0 auto}.notification-wrap .notification-fixed-layout .tabs[data-v-beb0b77d]{box-shadow:0 1px 0 0 var(--borderColor)}.notification-wrap .notification-content-wrapper[data-v-beb0b77d]{display:flex;flex:1 1 auto;flex-direction:column;overflow-x:hidden;overflow-y:scroll;padding:0 10px}@media screen and (max-width:767px){.notification-wrap .notification-content-wrapper[data-v-beb0b77d]{padding-bottom:10px}}.notification-wrap.notification-wrap--panel .notification-content-wrapper[data-v-beb0b77d]{overscroll-behavior-y:contain}.notification-wrap .read-all-box[data-v-beb0b77d]{background:var(--pageBgColor);cursor:pointer;height:44px;transition:transform .3s ease;width:100%}.notification-wrap .read-all-box span[data-v-beb0b77d]{color:var(--primaryColor)}.notification-wrap .read-all-box.allRead[data-v-beb0b77d]{cursor:auto}.notification-wrap .read-all-box.allRead span[data-v-beb0b77d]{color:var(--weakColor)}.notification-wrap .read-all-box.allRead .iconfont[data-v-beb0b77d]{color:var(--text-color-default)}