table,table tr th, table tr td { border-bottom: 1px solid #EEF1F5; } table { text-align: center; border-collapse: collapse; padding:2px;} .content{ width: 100%; height: 100%; overflow: hidden; display: flex; flex-direction: column; box-sizing: border-box; .cneter { flex: 1; overflow: hidden; background-color: #F2F5F6; display: flex; box-sizing: border-box; padding: 25px; >div { background-color: #fff; border-radius: 10px; } .left { flex: 20%; margin-right: 25px; } .right { flex: 80%; overflow: hidden; display: flex; flex-direction: column; .centerRight { flex: 1; overflow: hidden; } } } } //文本溢出 .overflowText { overflow: hidden; text-overflow:ellipsis; white-space: nowrap; } //左侧 .headerLeft{ display: flex; align-items: center; >div {flex: 1;} height: 36px; padding: 0 30px; margin: 3px 0; } .centerLeft { display: flex; align-items: center; justify-content: center; cursor: pointer; >div {flex: 1; text-align: center;} height: 36px; padding: 0 25px; margin: 0 30px; font-size: 14px; border-radius: 3px; } .selectPaper { background-color: #07CDCF; color: #fff; } //中间内容区 .headerRight { width: 100%; height: 50px; line-height: 50px; box-sizing: border-box; padding-right: 10px; overflow: hidden; background-color: #F2F5F6; button { width: 80px; height: 32px; border-radius: 5px; background-color: #07CDCF; color: #fff; border: none; outline: none; float: right; margin: 9px 25px 0 0; } label { cursor: pointer; display: inline-block; width: 120px; text-align: center; color: #1E2323; opacity: 0.5; } .selectPaperType { color: #07CDCF; opacity: 1; background-color: #fff; border-top: 3px solid #07CDCF; } } .mark { color: #FF8678; } .mariginRight { margin-right: 25px; } .paperCenter { width: 100%; height: 100%; box-sizing: border-box; padding: 5px; overflow-y: auto; .panelHeader { background-color: #F5FDFE; label { display: inline-block; } } } .planList{ table{ width: 100%; tr{ height: 42px; font-size: 15px; td{ input{ width: 62px; height: 26px; background: #F2F5F6; border: none; border-radius: 5px; text-align: center; } span{ margin: 0 5px; cursor: pointer; } } } tr:nth-child(1){ background: #F5FDFE; } } }