/* 树整体容器 */
.el-tree {
    width: 100%;
    color: #606266;
    cursor: default;
    background: #fff;
    font-size: 14px;
}

/* 节点容器 */
.el-tree-node {
    white-space: nowrap;
    outline: none;
}

/* 节点内容区域 */
.el-tree-node__content {
    display: flex;
    align-items: center;
    height: 26px;
    cursor: pointer;
    transition: background-color .3s;
}

.el-tree-node__content:hover {
    background-color: #f5f7fa;
}

/* 展开图标 (小三角) */
.el-tree-node__expand-icon {
    padding: 6px;
    cursor: pointer;
    color: #333;
    font-size: 16px;
    transition: transform .3s ease-in-out;
}
.series-list > .el-tree-node__content{
    position: relative;
}
.series-list > .el-tree-node__content > .el-tree-node__expand-icon{
    position: absolute;
    right: 0;
    top: 0;
}


/* 展开时的旋转状态 */
.el-tree-node__expand-icon.expanded {
    transform: rotate(90deg);
}

/* 如果是叶子节点，隐藏图标但保留占位 */
.el-tree-node__expand-icon.is-leaf {
    color: transparent;
    cursor: default;
}

/* 节点文本 */
.el-tree-node__label {
    display: flex;
    width: 100%;
    height: 100%;
    align-items: center;
    font-size: 14px;
    color: #333;
}

/* 子节点包裹层 */
.el-tree-node__children {
    display: none; /* 默认折叠 */
}

.el-tree-node__content {
    display: flex;
    align-items: center;
    height: 30px; /* 稍微加高一点方便点击 */
}

/* 复选框间距 */
.el-checkbox {
    margin-right: 8px;
    display: flex;
    align-items: center;
}

.el-checkbox input[type="checkbox"] {
    cursor: pointer;
    width: 14px;
    height: 14px;
}

.tr-product-list .el-checkbox{
    margin-right: 0;
}
.tr-product-list .el-checkbox > .el-tree-node__checkbox{
    margin-right: 8px;
}