.container {
	padding: 0 16px 24px;
	.swiper {
		margin: 14px 0 18px;
	}
	.title {
		margin: 14px 0 15px;
	}
	.searchWrapper {
		display: flex;
		column-gap: 8px;
		align-items: center;
		.searchBtn {
			width: 92px;
			height: 34px;
			flex: 0 1 92px;
		}
	}
	.infoWrapper {
		display: flex;
		align-items: center;
		column-gap: 11px;
		margin: 17px 0 26px;
		.ib,
		.client {
			display: flex;
			justify-content: center;
			align-items: center;
			column-gap: 4px;
			padding: 4px 8px;
			box-sizing: border-box;
			min-width: 112px;
			height: 32px;
			color: #fff;
			font-size: 14px;
			line-height: 24px;
			.info {
				display: flex;
				align-items: center;
				.value {
					font-size: 16px;
					font-weight: 700;
				}
			}
		}
		.ib {
			background-color: #0f3675;
		}
		.client {
			background-color: #29bbe4;
		}
	}
}

.tableSection {
	max-height: 60vh;
	margin-top: 10px;
	overflow: auto;
	.tableTh {
		.columnItem {
			border-top: 2px solid #29bbe4;
		}
	}
	.columnItem:first-child {
		background-color: #fff;
		position: sticky;
		left: 0px;
		transition: all 0.3s;
		box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.1);
	}
	.uni-table-tr:hover .columnItem:first-child {
		background-color: #f5f7fa;
	}
}

.tree-node-icon {
    width: 40upx;
    height: 40upx;
    cursor: pointer;
}

.tree-node {
    margin: 4upx 0;
    height: 60upx;
    font-size: 24upx;
    // margin-left: 40px;
    display: flex;
    align-items: center;

    .level {
		flex-shrink: 0;
        height: 40upx;
        width: 40upx;
        border-radius: 50%;
        text-align: center;
        line-height: 40upx;
        font-size: 24upx;
        color: #fff;
        background-color: #29bbe4;
        margin: 0 16upx;
        user-select: none;
    }

    .label {
        height: 60upx;
        line-height: 60upx;
        user-select: none;
    }
}