@charset "utf-8";
	#EchartsBox {
  	width: 100%;
  	height: 620px;
  	display: flex;
  }

  #EchartsBox>ul {
  	width: 165px;
  	;
  	display: flex;
  	flex-direction: column;
  }

  #EchartsBox>div {
  	flex: 1;
  	display: flex;
  	flex-direction: column;
  	padding: 10px;
  }

  #EchartsBox>div>div:nth-child(1) {
  	padding: 10px 0;
  	font-size: 24px;
  	font-weight: bold;
  	text-align: center;

  }

  #EchartsBox>div>div:nth-child(2) {
  	display: flex;
  	align-items: center;
  	margin: 10px 0 0 30px;
  }

  #EchartsBox>div>div:nth-child(2) select {
  	width: auto;
  	height: 30px;
  	line-height: 20px;
  	padding: 4px 10px;
  	border: #ddd 1px solid;
  	color: #666;
  	background-color: #fff;
  	font-size: 14px;
  	color: #666;
  }

  #EchartsBox>div>div:nth-child(2) span {
  	padding: 0 20px;
  	font-size: 14px;
  	color: #666;
  }

  #EchartsBox>div>div:nth-child(2) input {
  	height: 30px;
  	width: 50px;
  	align-items: center;
  	background: #0457b7;
  	border: none;
  	color: #fff;
  	border-radius: 6px;
  	margin-left: 20px;
  }

  #EchartsBox>ul li {
  	font-size: 16px;
  	display: flex;
  	background-color: #f7f8fc;
  	;
  	align-items: center;
  	justify-content: center;
  	text-align: center;
  	flex: 1;
  	font-family: "微软雅黑";
  	color: #7c84a9;
  	margin-bottom: 2px;
  	border-radius: 5px;
  	font-weight: 600;
  }

  #EchartsBox>ul .active {
  	background: #269fd4;
  	color: #fff;
  	font-weight: bold;
  }

  #EchartsBox>div section {
  	flex: 1;
  	margin: 20px;
  }

  @media screen and (max-width: 1200px) {
  	#EchartsBox {
  		flex-direction: column;
  		height: 720px;
  		display: flex;
  	}

  	#EchartsBox>ul {
  		width: 265px;
  		display: flex;
  		flex-direction: column;
  		margin: auto;
  	}

  	#sjkf .data-03 {
  		display: BLOCK;
  	}
  }