.comp-container {
  box-sizing: border-box;
  display: flex;
  width: 100%;
  height: 100%;
  background-color: #fff;
  padding: 32px 27px 27px 29px;

  .comp-preview {
    box-sizing: border-box;
    width: 345px;
    height: 100%;
    margin-right: 68px;
    padding: 20px 25px;
    border-radius: 8px;
    box-shadow: 2px 2px 20px 0 rgba(0, 0, 0, .25);

    .comp-housing {
      width: 95%;
      height: 250px;
      margin: 0 auto;
      border: 1px solid #CCCCCC;
      border-top-left-radius: 6px;
      border-top-right-radius: 6px;
    }
  }

  .comp-info {
    flex: 1;
    .header {
      .title {
        font-size: 22px;
        font-weight: 700;
      }

      .update-time {
        color: #888888;
      }
    }

    .extra {
      .extra-font {
        font-size: 18px;
        font-weight: 700;
      }
    }

    .description {
      max-height: 15%;
      overflow-y: auto;
    }

    .params {
      box-sizing: border-box;
      padding: 10px 0 25px 20px;
      background-color: #fbfbfb;
    }
  }
}