@import "./reset.less"; .container{ width: 100%; } h2{ .h2; } .main-body{ margin: 10px 40px; padding-bottom: 40px; } .totalSumBox{ margin: 0 0 10px 0; text-align: right; padding: 0 20px 0 0; .totalSum{ color: red; } } table{ .table; min-width: 800px; th,td{ padding: 0 20px; } .moduleNumber{ text-align: center; width: 15%; min-width: 30px; } .moduleName{ width: 55%; } .moduleScore{ text-align: center; width: 15%; min-width: 30px; } .moduleOpera{ text-align: center; width: 15%; min-width: 30px; } } .tableTitle table{ background: #EFF0F9; } .moduleScore, .totalSum{ text-align: center; input{ text-align: center ; height: 30px; } } .saveModuleBox{ margin: 20px 0 0 0; } .saveModule{ display: inline-block; float: right; background: @activeColor; color:#fff; padding: 9px 16px; border-radius: 5px; cursor: pointer; } .tableWrapper{ } .tableInfo{ overflow-y: auto; } .mask { position: fixed; width: 100%; height: 100%; background: #000; opacity: 0.5; left: 0; top: 0; } .textCenter{ text-align: center; } .moduleOperaItem{ color: @activeColor; cursor: pointer; } .moduleOperaItemDis{ color: #aaa; cursor: not-allowed; } input::-webkit-outer-spin-button, input::-webkit-inner-spin-button { -webkit-appearance: none; } input[type="number"] { -moz-appearance: textfield; }