.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;
        }

      }

      .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;
        }
      }
    }
  }
}