.content { margin: 0 0 0 10px; width: 100%; height: 100%; overflow-x: hidden; overflow-y: auto; display: flex; .leftBox { flex: 20%; padding-top: 10px; } .rightBox { border-left: 1px solid #999; flex: 80%; display: flex; flex-direction: column; .topBox { flex:1; .originalScript { width: 100%; background-color: #fafafa; padding:10px 0; padding-left: 20px; font-weight: 500; display: flex; flex-direction: row; p{ margin-top: 11px; } .mat-icon { vertical-align:middle; } } } } } .bank { display: flex; font-size: 18px; font-weight: 500; } .mat-icon { width: 18px; height: 18px; vertical-align:top; margin-right: 8px; cursor:pointer; } .overFlowText { width: 135px; display: inline-block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .material { cursor:pointer; height: 30px; font-size: 16px; margin-top: 10px; padding-left: 25px; .blockBtn { float: right; margin-right: 12px; width: 16px; height: 16px; } } .tableBox { margin-top: 10px; } .attribute { padding-left: 25px; display: flex; flex-direction: row; background-color: #d7d7d7; .attributeLeft{ flex: 1; padding: 10px 0 10px 0; .mat-icon { margin-left: 5px; } } } table { width: 100%; text-align: center; .cdk-header-cell { text-align: center; } } .active { background-color: rgba(225,225,225,0.8) } .btn{ text-align: center; button{ margin: 0 8px; } } .editunitformfield{ width:230px } //层级显示表格 .twoLevel { padding-left: 25px; margin-top: 0px; } .threeLevel { padding-left: 50px; margin-top: 0px; }