.sec1{
	padding:12% 0 4%;
}
.sec1 .inner{
	width:57.8125em;
}
.sec1 .flex-box{
	border-radius:1.5625em;
	border:1px solid #999;
	height:3.125em;
	padding:0.1875em;
	display:flex;
	align-items:stretch;
	justify-content:flex-start;
	flex-direction:row;
}
.sec1 .flex-box svg{
	width:1.25em;
	margin:0 0.875em;
}
.sec1 .flex-box input{
	margin-right:2em;
	font-size:0.875em;
	flex-grow:1;
}
.sec1 .flex-box input::-webkit-input-placeholder { /* WebKit browsers */
	color: #999;
	opacity: 1;
}
.sec1 .flex-box input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
	color: #999;
	opacity: 1;
}
.sec1 .flex-box input::-moz-placeholder { /* Mozilla Firefox 19+ */
	color: #999;
	opacity: 1;
}
.sec1 .flex-box input:-ms-input-placeholder { /* Internet Explorer 10+ */
	color: #999;
	opacity: 1;
}
.sec1 .flex-box .submit{
	font-size:0.875em;
	width:8.4em;
	display:flex;
	align-items:center;
	justify-content:center;
	color:#fff;
	background-color:var(--theme-blue);
	border-radius:1.57em;
}
.sec1 .hot{
	font-size:0.875em;
	line-height:1.36;
	margin-top:1em;
	color:#999;
}


.sec2{
	padding-bottom:8.8%;
}
.sec2 .inner{
	width:101.25em;
}
.sec2 .flex-box{
	display:flex;
	align-items:center;
	justify-content:space-between;
	flex-direction:row;
	line-height:1.3125;
	margin-bottom:1.875em;
}
.sec2 .flex-box p{
	color:#999;
}
.sec2 .flex-box a{
	color:var(--theme-blue);
}
.sec2 .flex-box a::after{
    font-family: 'FontAwesome';
	content:"\f061";
	margin-left:0.5em;
}
.sec2 .scroll-box{
	overflow:auto;
	height:50em;
}
.sec2 table{
	font-size:inherit;
	line-height:1.875;
	border-radius:0.625em;
	text-align:center;
	border-collapse:separate;
	overflow:hidden;
	table-layout:fixed;
}
.sec2 th,.sec2 td{
	padding:2.5em;
	border-right:1px solid #cacaca;
}
.sec2 th{
	background-color:var(--theme-blue);
	color:#fff;
	white-space:nowrap;
}
.sec2 th:last-child{
	border-right:0 none;
}
.sec2 td{
	border-bottom:1px solid #cacaca;
	min-width:13.75em;
}
.sec2 td:nth-child(1){
	min-width:8em;
}
.sec2 td:nth-child(2),.sec2 td:nth-child(3),.sec2 td:nth-child(4),.sec2 td:nth-child(6){
	min-width:20em;
}
.sec2 td:nth-child(7){
	min-width:16em;
}
.sec2 td:nth-child(11){
	min-width:18em;
}
.sec2 td:first-child{
	border-left:1px solid #cacaca;
}
.sec2 tr:nth-child(even) td{
	background-color:rgba(36, 94, 171, 0.1);
}
.nicescroll-rails{
	border-radius:4px;
}
@media only screen and (min-width:1025px){
	.sec1 .hot a:hover{
		color:var(--theme-blue);
	}
}
@media only screen and (max-width:1024px){
	.sec1{
		padding:30% 0 10%;
	}
	.sec1 .hot{
		font-size:1em;
	}


	.sec2{
		padding-bottom:15%;
	}	
	.sec2 .scroll-box{
		height:auto;
	}
}