html, body { width: 100%; height: 100%; margin: 0; padding: 0; background-color: white; color: #000000; } .content { width: calc(100% - 20px); height: calc(100% - 36px); border: none; display: flex; background-color: white; padding: 10px; } .content_left { width: calc(20% - 5px); height: 100%; padding-right: 5px; } .content_table { width: calc(80% - 5px); height: 100%; padding-left: 5px; } ul { display: flex; flex-direction: column; align-items: center; } .item { width: 80%; height: 50px; border-radius: 5px; border: 1px solid #C2C2C2; display: flex; align-items: center; justify-content: center; margin: 10px; font-weight: 500; font-size: 18px; letter-spacing: 5px; text-align: center; text-indent: 15px; cursor: pointer; box-sizing: border-box; } .item:hover { opacity: 0.9; } .checkBtn { background-color: #2F82FB !important; color: white !important; } .unCheckBtn { background-color: #fff !important; color: #000 !important; } .laytable-cell-numbers { width: 70px !important; } .layout { display: flex; align-items: center; justify-content: start; box-sizing: border-box; } #content-box2 { border: 1px solid grey; } #zyjc, #spzd, #gjjl { width: 100%; height: 100%; justify-content: space-between; } .ul-menu { width: 120px; height: 100%; } .ul-menu ul { width: 100%; height: 100%; padding: 10px 0; } .ul-menu ul li { width: 100%; height: 40px; font-size: 14px; border: 1px solid grey; border-bottom: none; box-sizing: border-box; justify-content: center; cursor: pointer; } .ul-menu ul li:nth-of-type(3) { border-bottom: 1px solid grey; } .check-li { background-color: #89b6f7 !important; } .zyjc-child { width: calc(100% - 140px); height: 100%; } .pageList{ float: right; } .layui-form-select dl dd, .layui-form-select dl dt { text-align: initial; font-size: 14px; } #p-div{ margin-top: 10px; } #fwqztjc{ flex-direction: column; } .fwqztjc-child{ width: 100%; height: 50px; } .fwqztjc-child p:nth-of-type(1){ width: 150px; justify-content:end; font-weight: bold; }