@keyframes bgPresent-7c41ddbf{0%{background:transparent}to{background:transparent}}.mask-box[data-v-7c41ddbf]{width:100%;min-height:100vh;height:auto;position:absolute;z-index:3;top:0;left:0;animation-name:bgPresent-7c41ddbf;animation-duration:.2s;animation-fill-mode:forwards;overflow:hidden}.mask-box .min-mask[data-v-7c41ddbf]{width:80%;min-height:340px;margin:62px auto;position:relative;z-index:4}.mask-box .min-mask .yd-box[data-v-7c41ddbf]{width:250px;height:44px;background:#64a9ff;color:#fff;font-size:14px;cursor:pointer;border-radius:2px;display:flex;align-items:center;justify-content:center;position:absolute;right:0;top:340px}.mask-box .min-mask .yd-box[data-v-7c41ddbf]:active{background:#2b74f2}.mask-box .min-mask .notification-box[data-v-7c41ddbf]{width:250px;height:100%;background:#fff;box-shadow:0 0 10px #eee;position:absolute;right:0;overflow-y:scroll;padding-bottom:44px}.mask-box .min-mask .notification-box .notification-item[data-v-7c41ddbf]{width:100%;border-bottom:1px solid #e8e8e8;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:.1s ease-in;padding:15px 0}.mask-box .min-mask .notification-box .notification-item .round-box[data-v-7c41ddbf]{width:4px;height:4px;background:#e02020;border-radius:50%;margin-bottom:30px;margin-right:10px}.mask-box .min-mask .notification-box .notification-item .right-box[data-v-7c41ddbf]{width:190px}.mask-box .min-mask .notification-box .notification-item .right-box .title[data-v-7c41ddbf]{font-family:PingFangSC-Semibold;font-size:14px;color:rgba(0,0,0,.82);line-height:24px}.mask-box .min-mask .notification-box .notification-item .right-box .flex-between[data-v-7c41ddbf]{display:flex;justify-content:space-between;align-items:center;margin-top:5px}.mask-box .min-mask .notification-box .notification-item .right-box .flex-between .tag[data-v-7c41ddbf]{width:64px;height:22px;background:rgba(0,0,0,.04);border-radius:2px;font-size:12px;color:rgba(0,0,0,.85);line-height:22px;text-align:center}.mask-box .min-mask .notification-box .notification-item .right-box .flex-between .date[data-v-7c41ddbf]{font-family:PingFangSC-Regular;font-size:12px;color:rgba(0,0,0,.42);text-align:right;line-height:12px}.mask-box .min-mask .notification-box .notification-item[data-v-7c41ddbf]:hover{background:#f7f8f9}