@import "../../../style/CommonStyle.module.less";
@import "../../../style/utils.module.less";

.optionContainer {
  .flex(@direction:column ,@justifyCenter:flex-start,@alignCenter:flex-start);
  .size(@w: 1026px, @h: 990px);
  background-color: @BG_COLOR_01;
  padding: 30px 120px 60px 60px;

  .topLayer {
    width: 100%;
    .flex(@direction:row ,@justifyCenter:flex-start);
    text-align: left;
    color: @COLOR_GRAY03;
    font-weight: bold;
    font-size: 30px;
    img {
      width: 42px;
      height: 42px;
      margin-right: 11px;
    }

    div {
      .elip(1);
      width: 780px;
    }
  }

  .bottomLayer {
    width: 846px;
    .flex(@justifyCenter:space-between,@alignCenter:center);
    height: 42px;
    margin-top: 14px;

    > div {
      height: 36px;
    }
  }
  .title {
    height: 84px;
    font-weight: bold;
    font-size: 36px;
    color: @COLOR_GRAY08;
    width: 845px;
    .elip(@clamp:2);
    margin-top: 24px;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.17;
    letter-spacing: normal;
    text-align: left;
  }
}
