body, html {
	height: 100%;
	margin: 0;
	padding: 0;
}

.container {
	display: flex;
	flex-direction: column;
	height: 100%;

}


.top {
	display: flex;
	flex: 1;
}

.top-left, .top-right {
	flex: 1;
	padding: 20px;
}

.top-right {
	padding: 0px;
}

.top-left-up{
	display: flex;
	height: 14%;
}
.top-left-down{
	display: flex;
	height: 86%;
	flex: 1;
	flex-direction: column;
}

.data{
	display: flex;
	flex: 1;
		/*border: 1px solid #401f54;*/
	justify-content: space-around;
	align-items: center;
	color: whitesmoke;
	font-size: 16px;
}
.data-title{
	display: flex;
	align-items: center;
}


.bottom {
	display: flex;
	flex: 1;
}

.bottom-left, .bottom-middle, .bottom-right {
	flex: 1;
	/*padding: 20px;*/
	/*border: 2px solid red; !* 添加边框属性 *!*/
}
.echarts1{
	height: 100%;
	width: 100%;
}