.MonthlyInfoCheck { display: flex; flex-direction: row; // height: 100%; background: #F5F7FA; .leftTree { position:fixed; top:64px; width: 220px; height: calc(100vh - 80px); background: #FFF; border-radius: 4px; padding: 16px; overflow: hidden; margin-right: 16px; // border-right:16px solid #F5F7FA; .searchInput { border: 1px solid #CFD7E6; } .bms-ant-tree.bms-ant-tree-directory .bms-ant-tree-treenode-selected:hover::before,.bms-ant-tree.bms-ant-tree-directory .bms-ant-tree-treenode-selected::before { border-radius: 4px; background: rgb(240 242 245 / 100%); } .bms-ant-tree.bms-ant-tree-directory .bms-ant-tree-treenode .bms-ant-tree-node-content-wrapper.bms-ant-tree-node-selected { font-weight: bold; } } .rightContent { position: relative; border-radius: 4px; width: calc(100% - 220px); padding: 16px; margin-left: 236px; background: #FFF; .checkBtn { position: absolute; cursor: pointer; top: 0; right:0; padding: 0 14px; height: 24px; line-height: 24px; background: #3376FE; border-radius: 4px; text-align: center; font-size: 14px; font-family: SourceHanSansCN-Normal, SourceHanSansCN; font-weight: 400; color: #FFF; } .midLine { display: flex; flex-direction: row; justify-content: center; align-items: center; height: 24px; line-height: 24px; background: #F0FCFC; font-size: 12px; color: #515866; font-family: SourceHanSansCN-Normal, SourceHanSansCN; font-weight: 400; margin-top: 12px; margin-bottom: 15px; &>span { cursor: pointer; font-size: 12px; font-family: SourceHanSansCN-Medium, SourceHanSansCN; font-weight: 500; color: #00B3B3; padding-right: 4px; } } .bms-ant-tabs-nav { &::before { border-bottom: none !important; } } .tabContent { display: flex; flex-direction: column; .tableToolbar { display: flex; flex-direction: row; justify-content: space-between; align-items: center; margin-bottom: 16px; .search { display: flex; flex-direction: row; justify-content: flex-start; align-items: center; .searchInput { width: 167px; height: 24px; background: #FFF; border-radius: 4px; border: 1px solid #CFD7E6; } &>span { font-size: 14px; font-family: SourceHanSansCN-Normal, SourceHanSansCN; font-weight: 400; color: #17181A; } } .btnGroup { &>span { display: inline-block; text-align: center; width: 56px; height: 24px; line-height: 21px; background: #FAFCFF; border-radius: 4px; cursor: pointer; border: 1px solid #DAE2F2; margin-right: 8px; &:last-child { margin-right: 0; } } &.disabled { &>span { cursor:not-allowed; color: rgb(0 0 0 / 50%); background-color:#f0f2f5; } } } } } } }