.notification-container{width:40px;height:40px;border-radius:50%;line-height:40px;text-align:center;font-size:13px;display:inline-block}.notificationAgreed{background:#bbdefe;color:#1890ff}.notificationUnavailable{background:#dcdfe6;color:#6e6e6e}.notificationDisagreed{background:#fbc8cb;color:#ff2331}.notificationOrder{background:#fdebc5;color:#eead4b}.notification .pager{margin-bottom:10px}.notification .section-body{margin:16px 16px;padding:8px 0;padding-left:0!important}.notification-container{position:relative}.notification-container_bg{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.notification-card{cursor:pointer;height:54px;margin-bottom:6px;position:relative}.notification-card .el-card__body{padding:0!important;width:97%;margin:0 35px;position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.notification-pager__bg{background-color:#fff}.notification-title{display:-webkit-box;display:-ms-flexbox;display:flex;margin-left:35px;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.notification-status-tit{margin-left:15px;height:25px;line-height:25px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:70%;display:inline-block}.notification-right-container{position:absolute;right:35px;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.notification-right-date{margin-left:40px;color:#c7c7c8}.notification-right-time{margin-left:10px;color:#c7c7c8}