@charset "utf-8";

#course-data {
  .top {
    height: 60px;
    line-height: 60px;
  }

  .center {
    background: #fff;
    border-radius: 14px;
    padding: 20px;
    position: relative;

    .data-list {
      margin: 0 -20px;
      padding-top: 20px;

      .data-item {
        margin: 0 20px;
      }
    }

    .update-search {
      display: inline-block;
      position: absolute;

      .user-action {
        border-bottom: none;
      }

      top: 10px;
      right: 20px;
    }

    .update-log {
      padding-top: 20px;
      position: relative;
      overflow: hidden;

      .left {
        float: left;
        width: 240px;
        background: rgba(251, 251, 251, 1);
        border-radius: 4px;
        border: 1px solid rgba(229, 229, 229, 1);
        padding: 0 20px;

        .block {
          border-bottom: 1px solid #D8D8D8FF;
          padding: 30px 0;

          .title {
            color: #919FAEFF;
            cursor: pointer;
          }

          .list {
            display: none;
            padding-top: 20px;

            .item {
              cursor: pointer;
              color: #303139FF;
            }

            .item.active {
              color: #4299FFFF;
            }
          }

          .list.open {
            display: block;
          }
        }

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

      .right {
        padding-left: 260px;

        .user-table {
          font-size: 12px;
        }

        .item {
          margin-bottom: 20px;
        }
      }
    }
  }
}