.module-type[data-v-6d52d12e]{display:flex;height:100%;align-content:center}.box-nav-btn[data-v-18d9a49c]{display:flex;align-items:center;margin:0}.box-nav-btn i[data-v-18d9a49c]{margin-right:5px;display:block;width:30px;height:30px;text-align:center;line-height:30px;border:1px solid rgba(0,0,0,.5);box-sizing:border-box;font-size:16px;border-radius:5px;transition:.3s;cursor:pointer}.box-nav-btn i[data-v-18d9a49c]:hover{color:#fff;background-color:#2873f3;border:1px solid rgba(0,0,0,.5)}.card[data-v-18d9a49c]{margin-top:10px;width:100%;height:100%;display:flex;justify-content:space-between}.card .card-left[data-v-18d9a49c],.card .card-right[data-v-18d9a49c]{width:49.5%;height:451px;box-sizing:border-box;background:linear-gradient(180deg,#fff,#fff,#fff)}.card .card-left .card-right-title[data-v-18d9a49c],.card .card-right .card-right-title[data-v-18d9a49c]{width:100%;border-bottom:1px solid #eee}.card .card-left .card-right-title .right-notification[data-v-18d9a49c],.card .card-right .card-right-title .right-notification[data-v-18d9a49c]{display:flex;align-items:center;justify-content:space-between;padding:0 20px;box-sizing:border-box}.card .card-left .card-right-title .right-notification .arrow-right[data-v-18d9a49c],.card .card-right .card-right-title .right-notification .arrow-right[data-v-18d9a49c]{transform:translateY(-10px);cursor:pointer}.card .card-left .card-right-title .right-notification .notification[data-v-18d9a49c],.card .card-right .card-right-title .right-notification .notification[data-v-18d9a49c]{display:flex;align-items:center;width:100%}.card .card-left .card-right-title .right-notification .notification .flex-1[data-v-18d9a49c],.card .card-right .card-right-title .right-notification .notification .flex-1[data-v-18d9a49c]{flex:1;display:flex;align-items:center}.card .card-left .card-right-title .right-notification .notification .flex-1>div[data-v-18d9a49c],.card .card-right .card-right-title .right-notification .notification .flex-1>div[data-v-18d9a49c]{padding:20px 0}.card .card-left .card-right-title .right-notification .notification div[data-v-18d9a49c],.card .card-right .card-right-title .right-notification .notification div[data-v-18d9a49c]{cursor:pointer;margin-right:20px;font-size:15.5px;border-bottom:3px solid transparent;box-sizing:border-box}.card .card-left .card-right-title .right-notification .notification .box-nav-btn[data-v-18d9a49c],.card .card-right .card-right-title .right-notification .notification .box-nav-btn[data-v-18d9a49c]{margin-right:10px}.card .card-left .border-bottom-div[data-v-18d9a49c],.card .card-right .border-bottom-div[data-v-18d9a49c]{font-weight:900;color:#2066a5!important;border-bottom-color:#2066a5!important}.card .card-left .tab-notification[data-v-18d9a49c],.card .card-right .tab-notification[data-v-18d9a49c]{height:376px;width:100%;background-color:#fff;box-sizing:border-box;padding:0 15px}.card .card-left .tab-notification ul[data-v-18d9a49c],.card .card-right .tab-notification ul[data-v-18d9a49c]{overflow-y:scroll;width:100%;height:100%}.card .card-left .tab-notification ul li[data-v-18d9a49c],.card .card-right .tab-notification ul li[data-v-18d9a49c]{padding-bottom:15px;box-sizing:border-box;border-bottom:1px solid #eee}.card .card-left .tab-notification ul li p[data-v-18d9a49c],.card .card-right .tab-notification ul li p[data-v-18d9a49c]{padding-top:15px;font-size:12px;color:#333}.card .card-left .tab-notification ul li p span[data-v-18d9a49c],.card .card-right .tab-notification ul li p span[data-v-18d9a49c]{padding-right:2.5px;color:#7f7f7f}.card .card-left .tab-notification ul li h6[data-v-18d9a49c],.card .card-right .tab-notification ul li h6[data-v-18d9a49c]{padding-top:5px;width:100%;color:#333;cursor:pointer;transition:.3s;white-space:nowrap;overflow:hidden;font-size:14px;text-overflow:ellipsis}.card .card-left .tab-notification ul li h6 .title[data-v-18d9a49c],.card .card-right .tab-notification ul li h6 .title[data-v-18d9a49c]{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.card .card-left .tab-notification ul li h6 .title[data-v-18d9a49c]:hover,.card .card-right .tab-notification ul li h6 .title[data-v-18d9a49c]:hover{color:#2066a5}