.data-top {
	background-color: #F8F8F8;
	width: 100%;
	height: 500px;
}
.charts {
	width: 100%;
	margin-top: 40px;
}

.TuBiaoQh{ border:1px solid #ddd; text-align:left; border-bottom: 3px solid #b10803; }
.TuBiaoQh .TabMenu{ height:58px; line-height:58px; background:#f4f4f4;}
.TuBiaoQh .TabMenu > span {
	float: left;
	background:#B10803;
	color: #fff;
	padding:0 15px;
	font-size: 18px;
}
.TuBiaoQh .TabMenu ul{ float: left; }
.TuBiaoQh .TabMenu ul li{ float:left; padding:0 15px; cursor:pointer;  font-size:16px;}
.TuBiaoQh .TabMenu ul li.on{ color: #B10803;
	font-weight: bold;}
.TuBiaoQh .SurTabBox {
	padding-top: 15px;
	background-color: #FCFCFC;
}




.data-top-box {
	width: 360px;
	margin-top: 40px;
}
.data-top .data-title{
	display: block;
	height: 26px;
	border-bottom: 1px solid #DFDFDF;
	padding-bottom: 12px;
}
.data-top .data-title a{
	color: #B10803;
	font-size: 24px;
}
.data-top-box ul{
	padding-top: 13px;
	padding-bottom: 30px;
}
.data-top-box ul li{
	line-height: 38px;
	padding-left: 17px;
	background: url(/uiFramework/commonResource/image/2022051614174148836.png) no-repeat left center;
}
.data-top-box ul li a{font-size:16px;}
.data-top-box ul li span{
	color: #ACACAC;
	margin-left: 8px;
	float: right;font-size:16px;
}
/*数据*/
.zxbox{margin-top: 40px; padding-bottom: 20px;}
.data-left{
	width: 640px;
}
.data-right{
	width: 504px;
	padding-left: 26px;
	border-left: 1px solid #DFDFDF;
}
.dataTitle{
	height: 27px;
	line-height: 27px;
	margin-bottom: 15px;
padding-bottom:12px;    border-bottom: 1px solid #CACACA;
}
.dataTitle ul li{
	float: left;
	border-left: 1px solid #CBCBCB;
	padding: 0 15px;
	font-size: 24px;
}
.dataTitle ul li a{
	font-size: 24px;
}
.dataTitle ul li.tab_y a{
	color: #C8362F;
}
.dataTitle ul li:first-child{
	padding-left: 0;
	border-left: none;
}
.tab_x_n{visibility: hidden;position: absolute;z-index: -1;}
.tab_x_y{visibility: visible;z-index: 1;}

.tabList{margin-bottom:20px;}
.tabList ul li{
	height: 36px;
	line-height: 36px;
	padding-left: 17px;
	background: url(/uiFramework/commonResource/image/2022051614174148836.png) no-repeat left center;
	font-size: 16px;
}
.tabList ul li a{
	font-size: 16px;
}
.tabList ul li:hover a{
	color: #BF170C;
}
.tabList ul li span{
	color: #C1C1C1;
	float: right;
}

@media screen and (max-width:768px){
.data-top{height:auto;}
.charts,.data-top-box,.data-left,.data-right{float:none;width:100%;}
.TuBiaoQh .TabMenu{height:auto;line-height: 40px;}
.TuBiaoQh .TabMenu > span,.TuBiaoQh .TabMenu ul{float:none;}
.TuBiaoQh .TabMenu > span{display: inline-block;}
.TuBiaoQh .TabMenu ul li{padding:0 4px;font-size:14px;}
echarts1{height:}


.data-right{padding-left:0;border-left:0 none;}
.dataTitle ul li{padding:0 6px;font-size:16px;}
.dataTitle ul li a{font-size:16px;}
.tabList ul li a{float:left;white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 80%;}

}