@import '../../app.less';

.module.list {
  .header {
    font-size: 18px;
    height: 56px;
    line-height: 56px;
    padding-left: 44px;
    border-bottom: 1px solid @line_color;

    .title {
      color: @cornflower;
      margin-right: 9px;
    }

    .sub-title {
      color: @night-blue;
    }
  }

  .body {
    .item {
      padding: 0 44px;
      border-bottom: 1px solid @line_color;
      height: 64px;
      line-height: 64px;
      display: flex;

      .part {
        flex: 1;
        font-size: 16px;
        color: @bluey-grey;
        font-weight: 600;
      }

      .title {
        flex: 5;
        font-size: 16px;
        color: @night-blue;
      }

      &.introduction {
        .part {
          width: 0;
          flex: 0;
        }

        .title {
          margin-right: 9px;
          flex: 6;
          color: @night-blue;
          font-size: 18px;
        }
      }

      .pg {
        flex: 3;

        .progress-text {
          width: 240px;
          margin-top: 20px;
        }
      }

      .action {
        flex: 1;
        text-align: right;
      }
    }

    .item:last-child {
      border-bottom: none;
    }
  }
}