html, body { width: 100%; height: 100%; margin: 0; padding: 0; color: #fff; font-family: 'Alibaba PuHuiTi R'; } #main-box { width: 100%; height: 100%; justify-content: space-evenly; } .layout { display: flex; align-items: center; justify-content: center; } #left-box{ width: 68%; height: 100%; padding: 2% 0; box-sizing: border-box; } #right-box{ width: 30%; height: 100%; padding: 2% 0; box-sizing: border-box; flex-direction: column; } .basic-search-box{ width: 100%; height: 60px; justify-content: flex-start; } .layui-table .layui-table-cell { height: auto; word-break: normal; display: block; white-space: pre-wrap; word-wrap: break-word; overflow: hidden; padding: 0 10px !important; } .basic-search-box .layui-input-inline{ width: 190px; } .basic-search-box button{ background-color: #16baaa; } .layui-form-item { margin: 0; } #oneEcharts{ width: 100%; height: 45%; } #twoEcharts{ width: 100%; height: 45%; } #suggestion{ width: 100%; height: 8%; color: red; font-size: 16px; }