.stationPlanBox { width: 100%; height: 100%; box-sizing: border-box; padding: 20px 24px; display: flex; } .title { width: 100%; height: 48px; } .orbox { height: 100%; width: 360px; margin-right: 40px; display: flex; flex-direction: column; .or { flex: 1; overflow-y: auto; border: 1px solid rgba(54, 162, 255, 0.3); background: linear-gradient(180deg, rgba(3, 0, 0, 0) 0%, rgba(0, 46, 91, 0.68) 100%); margin-top: 12px; box-sizing: border-box; padding: 18px 12px; nz-tree{ background: none; color: #C4E2FC; } } } .stationList { flex: 1; display: flex; flex-direction: column; .search { box-sizing: border-box; padding-left: 22px; padding-right: 33px; width: 100%; height: 32px; margin-top: 14px; margin-bottom: 22px; form { width: 100%; height: 32px; display: flex; justify-content: space-around; input { background: none; border: 1px solid #91CCFF; color: #fff; } .searchParams { width: 28%; } .btn { width: 5%; } } } .tablebox { flex: 1; display: flex; flex-direction: column; align-items: center; overflow: hidden; .table { color: white; flex: 1; width: 96%; display: flex; flex-direction: column; overflow: hidden; .th { height: 40px; line-height: 40px; background: rgba(35, 153, 255, 0.2); border: 1px solid rgba(35, 217, 255, 0.4); box-shadow: 0 0 3px 0 rgba(35, 217, 255, 0.4) inset; color: #23D9FF; } .tbody { flex: 1; overflow-y: auto; .tr { height: 40px; line-height: 40px; border-bottom: 1px solid #0d3761; div { color: #91CCFF; .look { color: #36A2FF; cursor: pointer; } } } } } .pagination { margin-top: 26px; display: flex; align-items: center; justify-content: center; } ::-webkit-scrollbar { width: 0px; } } }