/*css group*/
.main-chart-high .top-chart {
	width: 768px;
	margin:0 auto;
	position: relative;
}
.group-chart {
    height: 850px; 
    width: 100%;
    background-color: #ffffff;
}
.highcharts-button {
	display: none;
}
.highcharts-grid {
	display: none;
}
.highcharts-yaxis-labels {
	display: none;
}
.highcharts-axis > text {
	display: none;
}
.highcharts-background {
	fill:#fff;
}

.main-chart-high {
	display: block;
	position: relative;
}
	/*left chart css*/
	.main-chart-high .left-chart {
		display: block;
		position: absolute;
		top: 50%;
		left: 5px;
		z-index: 99;
		font-family: 'Noto Sans';
		font-size: 17px;
		color: #333;
		text-align: center;

	}
		.main-chart-high .left-chart .percent-value,
		.main-chart-high .right-chart .top .percent-value,
		.main-chart-high .right-chart .bottom .percent-value {
			display: block;
			font-weight: 600;
			margin-bottom: 20px;
		}
		.main-chart-high .left-chart .detail,
		.main-chart-high .right-chart .top .detail,
		.main-chart-high .right-chart .bottom .detail {
			display: block;
			width: 120px;
		}

	/*right chart css*/
	.main-chart-high .right-chart {
		display: block;
		position: absolute;
		top: 50%;
		right: 10px;
		z-index: 99;
		font-family: 'Noto Sans';
		font-size: 17px;
		color: #333;
		text-align: center;
	}
		.main-chart-high .right-chart .top,
		.main-chart-high .right-chart .bottom {
			display: block;
			width: 110px;
		}
		.main-chart-high .right-chart .top {
			margin-bottom: 20px;
		}
			.main-chart-high .right-chart .top .info,
			.main-chart-high .right-chart .bottom .info {
				display: block;
				font-size: 14px;
				padding-left: 9px;
			}