html, body { width: 100%; height: 100%; margin: 0; padding: 0; background-color: white; color: #000000; } #content { width: calc(100% - 20px); height: calc(90% - 20px); border: none; display: flex; background-color: white; padding: 10px; } #content_bottom{ width: calc(100% - 20px); height: calc(10% - 20px); border: none; display: flex; justify-content: center; background-color: white; padding: 10px; } .content_left { width: 40%; height: calc(100% - 10px); } .list-tree { width: 60%; height: calc(100% - 10px); } #itemList { display: flex; flex-direction: column; align-items: center; } .t-click { font-size: 18px; } .item { width: 80%; height: 50px; border-radius: 2px; border: 1px solid #C2C2C2; display: flex; align-items: center; justify-content: center; font-weight: 500; margin: 5px; font-size: 18px; letter-spacing: 15px; text-align: center; text-indent: 15px; cursor: pointer; } .item:hover { border: 1px solid rgb(47, 130, 251); color: rgb(47, 130, 251); } .checkBtn { border: 1px solid rgb(47, 130, 251); color: rgb(47, 130, 251); } .unCheckBtn { background: 0 0; } .laytable-cell-numbers { width: 70px !important; } .top { position: sticky; top: 0; background: white !important; z-index: 100000; } /*滚动条样式start*/ ::-webkit-scrollbar { width: 5px; height: 10px; } ::-webkit-scrollbar-track { background: #e7e7f1 !important; border-radius: 10px; } ::-webkit-scrollbar-thumb { background: rgba(94, 96, 97, 0.43) !important; border-radius: 10px; } ::-webkit-scrollbar-thumb:hover { background: rgba(94, 96, 97, 0.43) !important; border-radius: 10px; } ::-webkit-scrollbar-thumb:active { background: rgba(94, 96, 97, 0.43) !important; border-radius: 10px; } /*滚动条样式end*/ .dtree-nav-div { width: 100%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .layui-form-item .layui-inline .layui-input-inline { width: 180px !important; } .dtree-theme-item cite { font-size: 20px !important; } .dtree-theme-dtreefont { font-size: 20px !important; }