.left-box{width:100%;border:1px solid #e5e5e5}.left-box .left-header{height:28px;width:100%;background:#f9f9f9;box-sizing:border-box;padding:0 10px;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.left-box .filter-wrap{margin-top:10px;padding:0 10px}.left-box .filter-wrap .filter-item{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.left-box .filter-wrap .filter-item .input-wrap{margin-left:10px;-ms-flex:1;flex:1}.left-box .table-wrap{margin-top:10px;padding:0 10px}.right-box{width:100%;border:1px solid #2362fb;max-height:60vh;position:relative}.right-box .right-header{height:28px;width:100%;color:#fff;background:#2362fb;box-sizing:border-box;padding:0 10px;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.right-box .list-wrap{background:#e3f2fd;padding:10px 0 0;box-sizing:border-box;max-height:calc(60vh - 30px);overflow-y:auto}.right-box .list-wrap .list-item{margin:0 10px 10px}.right-box .list-footer{position:-webkit-sticky;position:sticky;bottom:0;width:100%;background:#2362fb;color:#fff}.pre-box{width:100%;border:1px solid #2362fb;position:relative}.pre-box .pre-header{height:28px;width:100%;color:#fff;background:#2362fb;box-sizing:border-box;padding:0 10px;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.pre-box .pre-table{background:#e3f2fd;padding:10px;box-sizing:border-box;max-height:calc(60vh - 170px)}.pre-box .pre-footer{width:100%;background:#2362fb;color:#fff}