.container {
      position: relative;
    }
    .container,
    .container > .main,
    .container > .main > .row,
    .container > .main > .row > .col-10 {
      min-height: 100%;
      box-sizing: border-box;
    }
    .container > .main > .row > .col-10,
    .container > .main > .row > .col-2 {
      padding-top: 40px;
    }
    .container > .main > .row > .col-10 {
      background-color: #fff;
    }
    .container > .main > .row > .col-10::before {
      content: '';
      width: 15px;
      min-height: 100%;
      background-color: #fff;
      position: absolute;
      top: 0;
      left: -15px;
      bottom: 0;
    }
    .layout {
      display: flex;
    }
    .layout-center {
      min-width: 600px;
      flex: 1;
      min-height: calc(100vh - 80px);
    }
    .layout-right {
      width: 340px;
      margin-left: 30px;
    }
    @media screen and (max-width: 1170px) {
      .container > .main > .row > .col-2 {
        width: 200px;
      }
      .container > .main > .row > .col-10 {
        width: 615px;
      }
    }