.notification[data-v-cf51cbe2]{box-shadow:0 .06rem .12rem var(--u7-theme-card-shadow);background-color:var(--u7-theme-card);border-radius:.08rem;min-width:4.4rem;overflow:hidden}.notification .not-main[data-v-cf51cbe2]{border-bottom:.01rem solid var(--u7-theme-select-bg);padding:.16rem .24rem;display:flex;justify-content:space-between;align-items:center}.notification .not-main strong[data-v-cf51cbe2]{font-family:var(--u7-font-family-dingtalk);font-size:.2rem;font-weight:400;color:var(--u7-theme-tab-bg-active)}.notification .not-main .icon-close[data-v-cf51cbe2]{font-size:.18rem;color:#86909c;cursor:pointer}.notification ul li[data-v-cf51cbe2]{margin:0 .24rem;padding:.16rem 0;border-bottom:.02rem dashed var(--u7-theme-select-bg)}.notification ul li[data-v-cf51cbe2]:last-of-type{border-bottom:none}.notification ul li img[data-v-cf51cbe2]{margin-top:.06rem;display:inline-block;width:.32rem;height:.32rem}.notification ul li .content[data-v-cf51cbe2]{margin-left:.16rem}.notification ul li .content p[data-v-cf51cbe2]{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;text-overflow:ellipsis;word-break:break-all;max-width:3.5rem;font-size:.14rem;color:var(--u7-theme-tab-bg-active);margin-bottom:.04rem}.notification ul li .content span[data-v-cf51cbe2]{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;text-overflow:ellipsis;word-break:break-all;max-width:3.5rem;font-size:.12rem;color:#a0a0b1;font-weight:400}.notification ul li a[data-v-cf51cbe2]{display:flex;justify-content:flex-start;align-items:flex-start;cursor:pointer}.notification .bottom[data-v-cf51cbe2]{color:#ff5733;display:flex;justify-content:space-between;align-items:center;padding:.24rem;box-shadow:0 -.03rem .06rem var(--u7-theme-select-bg)}.notification .bottom .read-all[data-v-cf51cbe2]{cursor:pointer;font-size:.12rem}.notification .bottom .view-more[data-v-cf51cbe2]{cursor:pointer;font-size:.12rem;transition:var(--u7-transition-all);color:var(--u7-theme-tab-bg-active)}.notification .bottom .view-more[data-v-cf51cbe2]:hover{transition:var(--u7-transition-all);color:#ff5733}.notification .bottom .view-more i[data-v-cf51cbe2]{vertical-align:middle;margin-left:.02rem}