.notification{width:100%;height:100%}.notification .aside{background-color:#fff;height:100%;height:821px;margin-right:10px;border-radius:5px;padding-top:20px}.notification .aside,.notification .aside .menu{-webkit-box-sizing:border-box;box-sizing:border-box}.notification .aside .menu{width:100%;height:100%;padding-left:8px}.notification .aside .menu .menu_cell{width:100%;height:45px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.notification .aside .menu .menu_cell .name{margin-left:20px;color:#606266}.notification .aside .menu .menu_cell .count{margin-left:5px}.notification .aside .menu .menu_cell.isClick{color:#fff;background-color:#efdeb3;-webkit-box-sizing:border-box;box-sizing:border-box;border-right:3px solid rgba(210,162,0,.94)}.notification .aside .menu .menu_cell.isClick .count{width:24px;height:24px;line-height:24px;text-align:center;margin-left:10px;border-radius:50%;background-color:#e66e65}.notification .header_area{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.notification .header_area .dateSelect{margin-right:15px}.notification .header_area .search_input{width:231px;margin-right:5px}.notification .main_area{background-color:#fff;border-top:2px solid rgba(162,170,185,.13)}.notification .main_area .status-area img{width:20px;margin-left:5px;cursor:pointer}.notification .main_area .status_div{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.notification .main_area .status_div .round{width:8px;height:8px;border-radius:50%;margin-right:8px;background-color:#e66e65}.notification .main_area .status_div .round.green{background-color:green}.notification .main_area .page-area{height:54px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:relative}.notification .main_area .page-area .delete{background-color:rgba(210,110,109,.85);right:10px}.notification .main_area .page-area .delete,.notification .main_area .page-area .read{width:80px;height:32px;color:#fff;border-radius:36px;font-size:14px;position:absolute;top:11px}.notification .main_area .page-area .read{background-color:#c1d6f9;right:100px}.notification .confirmDialog{position:absolute;top:20%;left:40%}.notification .confirmDialog .el-dialog__header{padding:10px}.notification .confirmDialog .el-dialog__header .el-dialog__headerbtn{top:10px;right:10px}.notification .confirmDialog .el-dialog__body{padding:10px}.notification .confirmDialog .content{width:100%;height:48px;display:-webkit-box;display:-ms-flexbox;display:flex;margin:10px 0;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-size:12px}.notification .confirmDialog .content img{width:48px;height:48px}.notification .confirmDialog .function{margin-left:40px;margin-bottom:10px}.notification .confirmDialog .dialog_footer{height:30px;width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.notification .confirmDialog .dialog_footer button{width:87px;height:30px;border-radius:15px;margin:0 5px}.notification .confirmDialog .dialog_footer button.cancel{border:2px solid #e5e5e5;color:#e5e5e5;background-color:#fff;-webkit-box-sizing:border-box;box-sizing:border-box}.notification .confirmDialog .dialog_footer button.confirm{background-color:#c1d6f9;color:#fff}