.taskMessagePage { width: 100%; .taskMessageBox { width: 100%; height: calc(100% - 60px); overflow: auto; .taskListRow { width: 100%; height: 53px; flex-wrap: wrap; .taskIcon { width: 13%; height: 100%; position: relative; &.deviceIcon::after { content: ''; position: absolute; background: #fff url('../../assets/accountOperation/accountAuthority.png') top center no-repeat; background-size: 100%; width: 0.53rem; height: 0.7rem; right: 0.18rem; top: 0.4rem; } &.retailIcon::after { content: ''; position: absolute; background: #fff url('../../assets/accountOperation/retailIcon.png') top center no-repeat; background-size: 100%; width: 0.6rem; height: 0.6rem; right: 0.15rem; top: 0.4rem; } &.withIcon::after { content: ''; position: absolute; background: #fff url('../../assets/accountOperation/withIcon.png') top center no-repeat; background-size: 100%; width: 0.6rem; height: 0.6rem; right: 0.15rem; top: 0.4rem; } &.merIcon::after { content: ''; position: absolute; background: #fff url('../../assets/accountOperation/merchantManage.png') top center no-repeat; background-size: 100%; width: 0.66rem; height: 0.6rem; right: 0.15rem; top: 0.4rem; } &.labelIcon::after { content: ''; position: absolute; background: #fff url('../../assets/accountOperation/labelMan.png') top center no-repeat; background-size: 100%; width: 0.53rem; height: 0.6rem; right: 0.2rem; top: 0.4rem; } &.relationAdminIcon::after { content: ''; position: absolute; background: #fff url('../../assets/accountOperation/relationAdmin.png') top center no-repeat; background-size: 100%; width: 0.53rem; height: 0.6rem; right: 0.2rem; top: 0.4rem; } } .taskRight { width: 87%; height: 100%; position: relative; border-bottom: 1px solid #e7eaf7; &::after { content: ''; position: absolute; width: 6px; height: 12px; background: url('../../assets/accountOperation/right.png') top center no-repeat; background-size: 100%; right: 0.55rem; top: 0.5rem; } .taskTitle { line-height: 53px; } } } } }