.vis_list {
    display: flex;
    padding: 10px;
    flex-direction: column;
    width: 100%;
    height: 100%;
} 

.vis_list .list_head {
    display: flex;
    justify-content: space-between;
}

.vis_list .list_head_item {
    padding: 5px;
    /* flex: 1; */
    text-align: center;
    padding: 6px 10px;
    width: 50%;
    font-size: 15px;
    display: flex;
}

.vis_list .list_body {
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    overflow: auto;
}

.vis_list .list_tr {
    display: flex;
    color: #f2f2f2;
    justify-content: space-between;
}

.list_body_item {
    /* flex: 1; */
    text-align: center;
    padding: 6px 10px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%;
    min-height: 20px;
    font-size: 14px;
    display: flex;
    align-items: center;
} 


.condition_tabs{
	display: flex;
	padding: 10px 0 0 10px;
}
.condition_tab{
	padding: 1px 10px 2px 10px;
	color: #29abe2;
	background-color: transparent;
	border: 1px solid #0e315a;
	border-radius: 6px;
	font-size: 15px;
	cursor: pointer;
	margin: 0px 10px;
}
.condition_tab.active_btn{
	background: #0e315a;
	color: #fff;
} 


/* 树 后续会根据深色模式/浅色模式进行修改 */
.treeInfo{
	overflow-y: auto;
    height: 100%;
    padding: 0px 25px;
}
.ztree li a.curSelectedNode{
	background: transparent;
	color: #75E8F3;
}
.ztree li span {
    color: #fff;
    font-size: 15px;
    display: inline-block;
}
.ztree li a:hover { 
    text-decoration: none; 
    background-color: transparent
}
.curSelectedNode .node_name {
    color: #75E8F3;
}
.ztree li span.button.noline_close {
    background-image: url(../../../../img/visual/web/tree_off.png);
    background-size: 8px;
    background-position-y: 6px;
}
.ztree li span.button.noline_open { 
    background-image: url(../../../../img/visual/web/tree_on.png); 
    background-size: 13px;
    background-position-y: 10px;
}
/* 树 */

/* 003 */
.list_003_top{
	height: 25%;
}
.list_003_bottom{ 
	height: 75%;
}
.vis_list_3 .list_head_item {
	background: rgba(32,75,93,0.7);
}
.vis_list_3 .list_body_item {
    background: rgba(32,75,93,0.2);
} 
.vis_list_3 .list_tr {
    margin-top: 10px;
}
.vis_list_3 .list_tr:hover {
    background: rgba(242,227,140,0.2);
    color: rgba(242,227,140);
} 
/* 003 */

.list_show_img_box{
	width:100%;
	height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 10px;
    min-width:390px;
}
.list_show_img_box img{
	max-width: 470px;
	max-height: 470px;
} 
.listShowImg{
	max-width: 35px;
	max-height: 35px;
	cursor: pointer;
}
.listShowVideo{ 
	color: #6683ff;
    text-decoration: none; 
}
.list_img_box{
	display: flex;
	align-items: center;
}