.statistic-container {
	height: calc(100vh - 120px);
	background-color: #fff;
	box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.05);
	border-radius: 4px;
	padding: 30px 20px;
	.custom-tab-box{
		display: flex;
		align-items: center;
		margin-bottom: 24px;
	 .custom-tab{
		font-size: 18px;
		border-bottom: 2px transparent solid;
		padding: 2px 0;
		color: #999999;
		margin-right: 60px;
		cursor: pointer;
	 }
	 .activeTab{
		border-bottom: 2px #409EFF solid;
		color: #409EFF;
	 }
	}
	.frequency-cont {
		display: flex;
		align-items: center;
		margin-bottom: 30px;
		.frequency-ul {
			display: flex;
			align-items: center;
			li {
				width: 110px;
				height: 40px;
				text-align: center;
				line-height: 40px;
				border: 1px solid #B3D8FF;
				background: #ECF5FF;
				color: #409EFF;
				border-radius: 4px;
				cursor: pointer;
				margin-right: 20px;
				&.act {
					background: #409EFF;
					color: #fff;
				}
			}
		}
	}

	.table-cont {
		.table-body-wrapper {
			max-height: calc(100vh - 370px);
			// margin-right: -5px;
			// overflow: hidden;
			overflow-y: scroll;
			overflow-x: auto;
			border-bottom: 1px solid #dcdfe6;
			border-top: 1px solid #dcdfe6;
		}

		table {
			width: 100%;
			font-size: 14px;
			color: #666;
			thead{
				position: sticky;
				top: 0;
				left: 0;
				border-left: 1px solid #dcdfe6;
				border-right: 1px solid #dcdfe6;
				td{
					border: none;
					outline-color: #dcdfe6;
					outline-style: solid;
					outline-width: 0.5px;
				}
			}
			td,
			th {
				min-width: 35px;
				// word-break: break-all;
				border: 1px solid #dcdfe6;
				height: 45px;
				text-align: center;
				background-color: #fff;
			}
	
			.head-column {
				background-color: #F0F2F5;
				word-break: break-word;
			}
	
			.data-cell{
				// color: #409EFF;
			}
			.link {
				color: #409EFF;
				span{
					
					cursor: pointer;
				}
			}

			.thead-sticky {
				position: sticky;
				top: 0;
			}
			// .td-hj{
			// 	width: 10% !important; 
			// }
		}
	}
}