.searchBox {
	background-color: #FFFFFF;
	padding: 20px 0;
}

.searchBox>div {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding-right: 15px;
}

.searchBox>div>div {
	font-size: 14px;
	color: #474A56;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.lineLeft {
	width: 8px;
	height: 5px;
	background-color: #3889FF;
	margin-right: 15px;
}

.datePicker1 {
	font-size: 10px;
	color: #FFFFFF;
	letter-spacing: 0.28px;
	background-color: #4582f7;
	text-align: center;
	padding: 5px;
}

.tableBox {
	margin-left: 23px;
	margin-top: 20px;
}

table {
	text-align: center;
	width: 100%;
	border-collapse: collapse;
	font-size: 13px;
	color: #474A56;
	line-height: 30px;
	border: 1px solid #E6E8EE;
}

table thead{
	table-layout: fixed;
	display: table;
	width: 100%;
}

table tbody{
	display: block;
	height: 160px;
	overflow: auto;
	overflow-x: hidden;
	table-layout: fixed;
}

tbody tr{
	table-layout: fixed;
	width: 100%;
	display: table;
	border-bottom: none;
}

.echartBox {
	background-color: #FFFFFF;
	margin-top: 10px;
}

.echartBox>div {
	display: flex;
	align-items: center;
	font-size: 14px;
	color: #474A56;
}

#main {
	width: 100%;
	height: 200px;
}


/**********时间选择器************/
.dateType {
	display: flex;
	justify-content: center;
	font-size: 14px;
	color: #474A56;
	margin-top: 10%;
}

.dateType>p {
	padding: 5px 15px;
	margin: 10px;
}

.dateType>p.active {
	background: #3889FF;
	border-radius: 100px;
	color: #FFFFFF;
}

.showYM{
	margin-top: 15%;
}
.showYM>p{
	border-bottom: 2px solid #D8DFEC;
	padding-bottom: 5px;
	width: 80%;
	margin: auto;
	text-align: center;
	color: #D8DFEC;
}

.showYM>.active{
	border-bottom: 2px solid #3889FF;
	color: #3889FF;
}

.showYMD{
	display: none;
}

.showYMD>div {
	display: flex;
	justify-content: center;
	font-size: 14px;
	color: #D8DFEC;
	margin-top: 15%;
}

.showYMD>div>.startTime {
	border-bottom: 2px solid #D8DFEC;
	margin-right: 20px;
	padding-bottom: 5px;
	width: 100px;
	text-align: center;
}

.showYMD>div>.endTime {
	border-bottom: 2px solid #D8DFEC;
	margin-left: 20px;
	padding-bottom: 5px;
	width: 100px;
	text-align: center;
}

.showYMD>div>.active {
	border-bottom: 2px solid #3889FF;
	color: #3889FF;
}

#box{
	opacity: 0;
	height: 100%;
}

#scrollBox {
	top: 50px;
}