page{
	background: #F0F0F0;
}
/* 主体开始 */
.spectrum-block{
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
}
.line-block{
	height: 94rpx;
	font-size: 30rpx;
	color: #000000;
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	align-items: center;
	padding: 0 40rpx;
	box-sizing: border-box;
	background: #FFFFFF;
}
/* tab选项开始 */
.tab-block{
	height: 64rpx;
	display: flex;
	flex-direction: row;
	justify-content: space-around;
	align-items: flex-end;
	background: #FFFFFF 100%;
	margin-top: 2rpx;
}
.tab{
	font-size: 28rpx;
	color: #333333;
	white-space: nowrap;
	height: 64rpx;
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: flex-end;
}
.tab-click{
	font-size: 28rpx;
	color: #3982FC;
	white-space: nowrap;
	border-bottom: solid 2rpx #3982FC;
}
/* tab选项结束 */
/* 画图开始 */
.echarts-block{
	display: flex;
	flex-direction: column;
	background: #FFFFFF;
}
.ec-canvas{
	display: flex;
	flex: 1;
}
.canvasView{
}
.legend-block{
	height: 30rpx;
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
}
.legend-block-left{
	height: 30rpx;
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	align-items: center;
}
.legend-block-left-color{
	height: 30rpx;
	width: 30rpx;
	background: #DAA520;
}
.legend-block-left-text{
	font-size: 24rpx;
	margin-left: 10rpx;
}
.legend-block-right{
	height: 30rpx;
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	align-items: center;
	margin-left: 20rpx;
}
.legend-block-right-color{
	height: 30rpx;
	width: 30rpx;
	background: #2E8B57;
}
.legend-block-right-text{
	font-size: 24rpx;
	margin-left: 10rpx;
}
/* 画图结束 */
/* 主体结束 */