#main-box { width: 100%; height: 100%; } #org-div, #pro-div { margin-top: 20px; width: 100%; height: calc(100% - 150px); padding: 0 1%; box-sizing: border-box; } .search-box { width: 100%; height: 60px; box-sizing: border-box; display: flex; align-items: center; justify-content: center; } .content-box { width: 100%; height: calc(100% - 140px); box-sizing: border-box; } .btn-box { width: 100%; height: 60px; box-sizing: border-box; display: flex; justify-content: center; align-items: center; } .layui-btn { padding: 0; } .inputDiv { height: 36px; display: flex; justify-content: center; align-items: center; } .inputDiv input { height: 30px; border: 1px solid #d9d9d9; } .layui-form-item { display: flex; margin-bottom: 0px !important; } .layui-form-label { width: auto; font-size: 16px; } .layui-btn-sm { height: 32px; line-height: 32px; font-size: 16px; } .layui-inline { display: flex; margin: 0 !important; } .layui-input-inline { display: flex; align-items: center; } .layui-input, .layui-select, .layui-textarea { color: #595959 !important; border: 1px solid #d9d9d9 !important; height: 40px; font-size: 16px; background-color: transparent; padding: 3px 6px; } .layui-input:hover, .layui-select:hover, .layui-textarea:hover { border: 1px solid #595959 !important; } .layui-input:focus, .layui-select:focus, .layui-textarea:focus { border: 1px solid #595959 !important; } .layui-form-item .layui-input-inline { width: 290px; } button { width: 60px; font-size: 16px; background-color: #2F82FB; margin-left: 10px; } .classTable { width: 100%; table-layout: fixed; text-align: center; border-collapse: collapse; border-spacing: 0; box-sizing: border-box; height: 100%; } .classTable tr td:nth-child(1) { width: 10%; } .classTable tr td:nth-child(2) { width: 20%; } .classTable tr td:nth-child(3) { width: 70%; } .classTable tr td { font-size: 15px; border-bottom: 1px solid #d9d9d9; height: 40px; color: #262626; } .classTable thead tr:nth-of-type(1) { background-color: #f0f0f0; height: 50px; } .classTable thead tr:nth-of-type(1) td { font-size: 18px; } .classTable tbody { display: block; height: 360px; overflow-y: auto; } .classTable2 tbody { height: 320px; } .classTable thead, .classTable tbody tr { display: table; width: 100%; table-layout: fixed; }