/*-------------------------------------------------------*
/* 主页面 Echarts图表组件
/*-------------------------------------------------------*/
body{
	/*设置echarts页面布局特殊高度为百分百*/
	height: 100%;
}

[contenteditable="false"]{background:#eee;color:#ccc;}
/*树图数据相关样式*/
[class="树图列表"]{
			overflow-x: auto;
			width: 485px;
		}
		.子树{
			border: 1px solid #ccc;
			display: block;
			width: max-content;
			margin-top: 5px;
		}
		.子树_配置{
			display: inline-block;
			background: #333;
			color: #fafafa;
			font-size: 12px;
			padding: 5px;
		}
		.子树_配置 div{
			display: inline-block;
			padding: 0 5px;
			float: left;
			outline: none;
		}
		.子树_配置 .name{
			background: #fff;
			color: #333;
		}
		.子树_配置 .value{
			background: #fff;
			color: #333;
		}
		.子树_下级容器{
			margin: 5px 5px 5px 15px;
			display: inline-block;
		}
		.子树_配置 .box_input_echarts{
			margin: 0;
			padding: 0;
			width: 20px;
		}
		.子树_配置 .echarts_edit_box_list_li_value{
			height: 16px;
			font-size: 12px;
			padding: 0px;
		}
		.子树_配置 .input_echarts_radio_label{
			height: 16px;
			line-height: 16px;
		}
		.子树_配置 .input_echarts_span{
			height: 16px;
			line-height: 16px;
		}
		.子树_配置 [contenteditable="false"]{
			cursor: pointer;
			background: #333;
			color: #fafafa;
		}
		.子树_添加,.子树_添加根节点,.子树_添加矩形节点,.子树_添加旭日节点{
			cursor: pointer;
			display: inline-block;
			background: #34cece;
			color: #fafafa;
			font-size: 12px;
			padding: 2px 5px;
			margin: 0px 0px 5px 5px;
		}
		.子树_删除{
			cursor: pointer;
			display: inline-block;
			background: #f60;
			color: #fafafa;
			font-size: 12px;
			padding: 2px 5px;
			margin: 0px 0px 5px 5px;
		}
/*界面-代码区*/
#echarts_code_data{
	overflow-y: auto;
	height: calc(100% - 400px - 43px - 36px);
	border: 0px;
	width: 100%;
	outline: none;
	padding: 10px;
    font-size: 14px;
    line-height: 22px;
}
/*界面-图表区域-组件选择按钮*/
.set_options{
	line-height:10px;
	position: absolute;
    font-size: 11px;
    padding: 5px;
    background: rgba(2,117,8,0.69);
    color: #fafafa;
	cursor: pointer;
	z-index: 9999999;
}
/*界面-属性设置*/
.options{
	display:none;
}
/*界面-左侧数据*/
.textarea_data{
	min-height:100px;outline:none;padding:20px;border:0px;border-bottom:1px solid #bbb;width:100%;resize:vertical;
}	
/*界面-左侧图表*/
.echarts_action_box{
	display: none;
	border-bottom: 1px solid #ccc;
}
.action_nav{
	width:calc(100% - 40px);height:200px;margin:20px;
}
/*界面-左侧数据列表*/
.action_option_list{
	display: grid;
    grid-template-columns: 2fr 1fr 1fr 1fr 1fr 2fr 2fr 2fr 1fr 1fr;
    border-bottom: 1px solid #ccc;
    font-size: 12px;
    justify-items: center;
    justify-content: center;
	height: 37px;
    align-items: center;
	outline: none;
	gap: 1px;
}
.grid_7fr{
		grid-template-columns: 2fr 2fr 2fr 2fr 2fr 1fr 1fr;
	}
.grid_6fr{
		grid-template-columns: 2fr 2fr 2fr 2fr 1fr 1fr;
	}
.grid_5fr{
		grid-template-columns: 2fr 2fr 2fr 1fr 1fr;
	}
.action_option_list div{
	line-height: 37px;
	height: 37px;
	overflow: hidden;
	width: 100%;
    text-align: center;
	border-right: 1px solid #ccc;
}
/*界面-左侧高级配置*/
.echarts_action_content{
	display: grid;
    grid-template-columns: repeat(auto-fit, minmax(80px,1fr));
    font-size: 11px;
    line-height: 37px;
    text-align: center;
    gap: 1px;
	background: #666;
	cursor: pointer;
}
.echarts_action_content .li{
	background: #959595;	
}


.action_option_list:nth-child(1){
	background: #f1f1f1;
	cursor: pointer;
}
.action_option_list:nth-child(1) div{
	background: #f1f1f1;
}
		
.action_option_list .option,.action_option_list .optionex,.action_option_list .del,.action_option_list .add{
			    cursor: pointer;
				background: #f1f1f1;
				color: #000;
		}
		.action_option_list .idx{
			display: none;
		}
		.action_option_list .add{
			color:  rgba(16,120,16,1);
		}
		.action_option_list .del{
			color:  rgba(212,42,42,1);
		}

	
.echarts{
}
.echarts_action{
	display: grid;
	grid-template-columns:1fr 1fr 1fr 1fr 1fr;
	margin: 20px 0px;
}
.echarts_li{
	overflow: hidden;
	margin: 20px;
	border: 1px solid #ccc;
}
.echarts_li_title{
	font-size: 16px;
	line-height: 40px;
	padding-left: 10px;
}
.echarts_box{
	position: relative;
	overflow: hidden;
	height: 130px;
	width: 100%;
}
.echarts_li_img{
	height: 130px;
	width: 100%;
	transition: all 0.3s;
}
.echarts_li_img:hover{
	transform: scale(1.1);
}
.echarts_tag{
	margin: 20px 0px 0px 20px;
	display: grid;
	grid-template-columns:120px 1fr 2fr 1fr;
}
.echarts_tag_title{
	height: 30px;
	line-height: 30px;
	padding: 5px 20px;
	font-size: 14px;
	display: inline-block;
	color: #fafafa;
}
.echarts_tag_desc{
	display: inline-block;
	height: 30px;
	line-height: 30px;
	padding: 5px 20px;
	font-size: 14px;
}
.echarts_tag_d{
	height: 30px;
	line-height: 30px;
	padding: 5px 20px;
	font-size: 15px;
	color: #666;
}
.echarts_tag:nth-child(1) .echarts_tag_desc{
	background: rgba(242,129,18,0.2);
}
.echarts_tag:nth-child(2) .echarts_tag_desc{
	background: rgba(252,194,36,0.2);
}
.echarts_tag:nth-child(3) .echarts_tag_desc{
	background: rgba(19,150,237,0.2);
}
.echarts_tag:nth-child(4) .echarts_tag_desc{
	background: rgba(11,117,53,0.2);
}
.echarts_tag:nth-child(1) .echarts_tag_title{
	background: rgba(242,129,18,1);
}
.echarts_tag:nth-child(2) .echarts_tag_title{
	background: rgba(252,194,36,1);
}
.echarts_tag:nth-child(3) .echarts_tag_title{
	background: rgba(19,150,237,1);
}
.echarts_tag:nth-child(4) .echarts_tag_title{
	background: rgba(11,117,53,1)
}

/*-------------------------------------------------------*
/* 主页面 Echarts图表组件配置
/*-------------------------------------------------------*/


.echarts_edit{
	position: relative;
	height: calc(100% - 44px);
	display: grid;
	grid-template-columns:2fr 5fr;
	overflow: hidden;
}
.echarts_edit_option_ex{
	overflow-y: auto;
}
.echarts_edit_option{
	position: relative;
	border: 1px solid #666;
	overflow-y: auto;
}
.echarts_edit_show{
	overflow-y: auto;
}
.echarts_edit_title{
	position: relative;
	background: #666;
	padding: 5px 20px;
	height: 35px;
	line-height: 35px;
	cursor: pointer;
	border-bottom: 1px solid #666;
}
.echarts_edit_list{
	overflow-x: auto;
	height: calc(100% - 46px);
}
.echarts_edit_box:hover{
	background: #999;
}

.echarts_edit_box{
	background: #ddd;
	border-bottom: 1px solid #bbb;
	height: 35px;
	line-height: 35px;
	padding-left: 20px;
	cursor: pointer;
}
.echarts_edit_box_ex{
	background: #ddd;
	border-bottom: 1px solid #bbb;
	height: 35px;
	line-height: 35px;
	padding-left: 20px;
	cursor: pointer;
}
/*配置选项样式*/
.echarts_edit_box_list{
	display: none;
}
.echarts_edit_box_list_li{
	display: grid;
	grid-template-columns: 4fr 5fr;
	border-bottom: 1px solid #bbb;
}
.echarts_edit_box_list_liop{
	display: grid;
	grid-template-columns: 4fr 5fr;
	border-bottom: 1px solid #bbb;
}
.echarts_sub_box{
	
}

/*配置自配置子标题*/
.echarts_edit_box_list_li_title{
	background: #bbb;
	font-size: 12px;
	padding-left: 10px;
	cursor: pointer;
	height: 30px;
    line-height: 30px;
	border-bottom: 1px solid #eee;
}
.echarts_edit_box_list_li.echarts_edit_box_list_li_title{
	grid-template-columns: 1fr; /*占两列*/
}
.echarts_edit_box_list_liop.echarts_edit_box_list_li_title{
	grid-template-columns: 1fr; /*占两列*/
}
.echarts_sub_box .echarts_edit_box_list_li_title{
	background: #999;
	border-bottom: 1px solid #666;
	padding-left: 20px;
}
.echarts_sub_box .echarts_edit_box_list_li{
	border-bottom: 1px solid #999;
}
.echarts_sub_box .echarts_edit_box_list_li_op{
	border-bottom: 1px solid #999;
}
.echarts_sub_box .echarts_edit_box_list_li_title{
	background: #666;
	border-bottom: 1px solid #333;
	padding-left: 40px;
}
.echarts_sub_box .echarts_edit_box_list_li{
	border-bottom: 0px;
}
/*属性列表下的 li 类表需要下边框*/
.echarts_edit_options .echarts_edit_box_list_li{
	border-bottom: 1px solid #666;
}

.echarts_sub_box .echarts_sub_box .echarts_edit_box_list_liop{
	border-bottom: 1px solid #666;
}
.echarts_edit_box_list_li_desc{
	border-left: 10px solid #444;
	border-right: 10px solid #444;
	background: #444;
	font-size: 12px;
	height: 30px;
	line-height: 30px;
	color:#fafafa;
	text-align: center;
	cursor: pointer;
}

.echarts_edit_box_list_li_name{
	font-size: 11px;
	line-height: 30px;
	padding-left: 10px;
	border-right: 1px solid #bbb;
	background: #fafafa;
	cursor: pointer;
}
.echarts_edit_input_number{
	outline: none;
    border: 0;
    height: 30px;
    padding-left: 20px;
}

[data="echarts_action_sub"],[data="echarts_action"]{
	color: #f60;
    font-size: 13px;
}
.echarts_edit_box_list_li_name:hover{
	background: #eee;
}
.echarts_edit_box_list_li_value{
	display: grid;
	white-space: nowrap;
	font-size: 14px;
	line-height: 30px;
	height: 30px;
	overflow: hidden;
	padding-left: 20px;
	outline: none;
}
.echarts_edit_box_list_li_function{
	line-height: 30px;
    text-align: center;
    font-size: 14px;
    background: #aaa;
}
.echarts_edit_box_list_li_input{
	white-space: nowrap;
	font-size: 14px;
	line-height: 30px;
	height: 30px;
	overflow: hidden;
	padding-left: 20px;
	outline: none;
	border: 0px;
}
.echarts_edit_box_opt{
	border-top: 1px solid #bbb;
}


.echarts_data_box{
	
}


#pic_show{
	position: fixed;
	background: #f60;
	width: 300px;
	display: none;
	border: 1px solid #bbb;
}
.display_show{
	display: block!important;
}

.box_input_echarts{
	position: relative;
	margin: 5px 10px;
}
.input_echarts_radio{
	display: none;
}
.input_echarts_radio_label{
	position: absolute;
	display: block;
	width: 100%;
	height: 20px;
	vertical-align: bottom;
	opacity: 0;
	cursor: pointer;
}

.input_echarts_span{
	display: block;
	height: 20px;
	line-height: 20px;
	background: #eee;
	font-size: 12px;
	text-align: center;
	color: #666;
}
.input_echarts_radio:checked + .input_echarts_radio_label + .input_echarts_span{
	background: #67cece;
	color: #fafafa;
}
#button{
	position: absolute;
	line-height: 46px;
	right: 20px;
	top: 0px;
	color: #f60;
	font-size: 14px;
}
#action_status{
	position: absolute;
	line-height: 46px;
	right: 63px;
	top: 0px;
	color: rgba(5,148,115,1);
	font-size: 14px;
}

.add_submit,.add_submit_data{
	font-size: 12px;
    padding: 5px;
    text-align: center;
    background: #333;
    color: #fafafa;
	cursor: pointer;
}
.del_submit{
	text-align: right;
    padding-right: 10px;
    color: #f10;
	cursor: pointer;
}
/*-------------------------------------------------------*
/* 颜色选择器
/*-------------------------------------------------------*/
.rgbacolor{
	padding-left: 10px;
	width: calc(100% - 43px);
	border-right: 1px solid #bbb;
	display: inline-block;
	float: left;
	font-size: 12px;
}
/*-------------------------------------------------------*
/* 颜色选择器
/*-------------------------------------------------------*/
.minicolors{width:32;}
.minicolors-theme-bootstrap .minicolors-input{height:30px!important;padding:0px;margin:0;border:0;padding-left:32px!important;width:calc(70% - 44px);background:rgba(222,222,222,1);color:rgba(34,102,204,1);cursor: pointer;}
.minicolors-theme-bootstrap .minicolors-swatch{width:18px!important;height:18px!important;left:7px;cursor: pointer;}
.minicolors-position-bottom .minicolors-panel{top:29px!important;margin-left:-164px;}


.select_select{
	border: 0px;
	outline: none;
}