.notify[data-v-d0e19a8f]{background-color:#fffcf5;box-sizing:border-box;color:#113253;height:100%;overflow:hidden;width:100%}.notify .title[data-v-d0e19a8f]{align-items:center;color:#113253;display:flex;font-family:Montserrat-Bold;font-size:1.25rem;justify-content:space-between;margin-bottom:0;padding:1.25rem}.notify .title img[data-v-d0e19a8f]{cursor:pointer;height:1.25rem;position:absolute;right:1.875rem;top:1.875rem;width:1.25rem}.notify .title>h2[data-v-d0e19a8f]{font-size:1.25rem}.notify .tabs[data-v-d0e19a8f]{align-items:center;box-sizing:border-box;display:flex;padding:0 20px;width:100%}.notify .tabs .read-button[data-v-d0e19a8f]{align-items:center;color:#ffb502;cursor:pointer;display:flex;font-family:Montserrat-SemiBold;font-size:12px;margin:0 0 0 auto}.notify .tabs .read-button img[data-v-d0e19a8f]{height:12px;margin-right:5px;width:12px}.notify .tabs .Personal[data-v-d0e19a8f],.notify .tabs .System[data-v-d0e19a8f]{--color:#445f7b;align-items:center;color:var(--color);cursor:pointer;display:flex;font-family:Montserrat-SemiBold;font-size:14px;margin-right:20px;padding:10px 0}.notify .tabs .Personal.active[data-v-d0e19a8f],.notify .tabs .Personal[data-v-d0e19a8f]:hover,.notify .tabs .System.active[data-v-d0e19a8f],.notify .tabs .System[data-v-d0e19a8f]:hover{--color:#ffb502}.notify .tabs .Personal .circle[data-v-d0e19a8f],.notify .tabs .System .circle[data-v-d0e19a8f]{background-color:var(--color);border-radius:100%;color:#fff;display:inline-block;font-size:12px;height:16px;line-height:16px;margin-left:5px;text-align:center;width:16px}.notify .tab-sider[data-v-d0e19a8f]{background-color:#e4e7ed;box-sizing:border-box;height:2px;padding:0 20px;position:relative;width:100%}.notify .tab-sider .sider[data-v-d0e19a8f]{background-color:#ffb502;height:100%;position:absolute;transition:all .3s}.notify .tab-sider .sider.System[data-v-d0e19a8f]{width:78px}.notify .contents[data-v-d0e19a8f]{overflow-y:auto;scrollbar-width:none;width:100%;-ms-overflow-style:none}.notify .contents[data-v-d0e19a8f]::-webkit-scrollbar{display:none}.notify .contents .content[data-v-d0e19a8f]{background-color:#fffcf5;border-bottom:1px solid #e0e0e0;padding:20px}.notify .contents .content.open[data-v-d0e19a8f]{background-color:#fff}.notify .contents .content.open .content-title h2[data-v-d0e19a8f]{font-size:20px}.notify .contents .content.open .content-title .el-icon svg[data-v-d0e19a8f]{transform:rotate(0)}.notify .contents .content.open .content-text[data-v-d0e19a8f]{display:unset;max-height:unset}.notify .contents .content .content-title[data-v-d0e19a8f]{display:flex;justify-content:space-between;margin:10px 0;-webkit-user-select:none;-moz-user-select:none;user-select:none}.notify .contents .content .content-title.read .el-icon[data-v-d0e19a8f]:before{background-color:#ffb502;border-radius:100%;content:"";display:block;height:8px;position:absolute;right:-6px;top:-6px;width:8px}.notify .contents .content .content-title h2[data-v-d0e19a8f]{font-size:14px;max-width:80%}.notify .contents .content .content-title .el-icon[data-v-d0e19a8f]{color:#a3a3a3;cursor:pointer;font-size:16px;font-weight:700;position:relative}.notify .contents .content .content-title .el-icon svg[data-v-d0e19a8f]{transform:rotate(180deg);transition:transform .2s}.notify .contents .content .content-time[data-v-d0e19a8f]{align-items:center;color:#a3a3a3;display:flex;font-family:Montserrat-Medium;font-size:12px;margin-bottom:5px;-webkit-user-select:none;-moz-user-select:none;user-select:none}.notify .contents .content .content-time img[data-v-d0e19a8f]{margin-right:5px;width:16px}.notify .contents .content .content-text[data-v-d0e19a8f]{color:#445f7b!important;display:-webkit-box;font-family:Montserrat-Medium!important;font-size:14px!important;-webkit-box-orient:vertical;-webkit-line-clamp:2;max-height:2.8em;overflow:hidden;text-overflow:ellipsis}.notify .contents .content .img-box[data-v-d0e19a8f]{width:100%}.notify .contents .content .img-box img[data-v-d0e19a8f]{height:100%;-o-object-fit:contain;object-fit:contain;width:100%}.notify .contents .no-content[data-v-d0e19a8f]{align-items:center;border:1px solid #9198a0;border-radius:10px;color:#9198a0;display:flex;font-family:Poppins-SemiBold;font-size:16px;font-weight:500;height:8.125rem;justify-content:center;margin:1.25rem auto 0;width:90%}