.page{
  font-family: PingFang SC;
  display: flex;
  // height: calc(100% - 60px);
  // overflow-y: scroll;
  overflow-y: hidden;
  height: 100vh;
  background-color: #F9EAEA;
  padding: 10px;
  .content-left{
    position: relative;
    background-color:#f9eaea;
    // width: 248px;
    overflow: hidden;
    .btn-menu{
      padding: 10px;
      display: flex;
      align-items: center;
      justify-content: center;
    }
    .left-fonter{
      width: 248px;
      position: absolute;
      bottom: 0;
      left: 0;
    }
  }
  .preview{
    height: 100%;
    overflow-y: scroll;
    padding: 0 0 40px 0;
    flex: 1;
    background-color: white;
    border-radius: 10px;
    position: relative;
  }
}

::ng-deep .ant-menu-sub.ant-menu-inline{
  background: #f9eaea;
}
::ng-deep .ant-menu-light .ant-menu-item:hover{
  color: #c6233f !important;
}
::ng-deep .ant-menu-light .ant-menu-submenu-title:hover{
  color: #c6233f !important;
}
::ng-deep .ant-menu-submenu:hover > .ant-menu-submenu-title > .ant-menu-submenu-arrow{
  color: #c6233f !important;
}
::ng-deep .ant-menu-inline .ant-menu-item::after{
  border-right: 3px solid #c6233f;
}
::ng-deep .ant-menu:not(.ant-menu-horizontal) .ant-menu-item-selected{
  background-color: #f4cbcd;
  color: #c6233f;
}
::ng-deep .ant-menu-submenu-selected{
  background-color: #f4cbcd;
  color: #c6233f !important;
}
::ng-deep  .ant-menu-light .ant-menu-submenu-active{
  color:black;
}