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; .center { 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; } } } input { border-radius: 5px; border: 1px solid rgb(212, 205, 205); outline: none; height: 30px; padding-left: 10px; } //考生 具体考题 通用样式 .publicTest { display: flex; flex-direction: row; flex-wrap: wrap; padding: 0 10px; .publicTitle { margin-top: 10px; width: 100%; height: 30px; line-height: 30px; padding-left: 10px; } .publicInput { margin: 10px; width: 48%; height: 36px; line-height: 36px; text-align: left; overflow: hidden; label { display: inline-block; width: 40%; text-align: right; margin-right: 10px; } input { width: 50%; } } .publicTable { box-sizing: border-box; width: 100%; margin: 10px; display: flex; padding: 0 25px; .tableRow { flex: 1; overflow: hidden; .tabelHeader { background: #F5FDFE; } >div { width: 100%; height: 36px; line-height: 36px; text-align: center; margin: 5px; input { width: 60%; } } } } } //作战部署 .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; } } }