@charset "utf-8";
.remind {
	background:url(images/remind_bg.jpg) left top no-repeat;
	background-size:cover;
}
.remind .main{
	width:565px;
	height:340px;
	padding-left:335px;
	padding-top:360px;
	background:url(images/remind_1.png) left center no-repeat;
	color:#666;
}
.remind .main a{
	color:#3a91e9;
	font-weight:530;
	display:inline-block;
	margin:0 5px;
}



.main{
	margin:0 auto;
	width:1200px;
}

.ht .main, .qt .main{
	position:relative;
	height:700px;
}
.login{
	position:absolute;
	top:240px;
	right:137px;
	width:300px;
	padding:30px 30px;
	-webkit-box-sizing: unset;
	background: #fff;
	border-radius: 20px;
	box-shadow: 0 10px 20px rgba(0,0,0,.08);
}
.login input{
	border: 1px solid #ddd;
	border-radius: 6px;
	height:40px;
	padding:0 8px;
	margin-bottom:1.5em;
}
.login #username, .login #pw{
	width:calc(100% - 2px);
}
.login #yzm{
	width:calc(100% - 140px);
	margin-right:20px;
	float:left;
}
.login .yzmimg{
	width:118px;
	height:38px;
	border:#ccc 1px solid;
	float:left;
}
.login .yzmimg img{
	width:118px;
	height:38px;
}
.login input[type=text], .login input[type=password]{
	background:#fff;
}
.login input[type=button]{
	color:#fff;
	margin-top:2em;
	width:100%;
	margin-bottom:0;
}
.qt .login input[type=button]{
	background:#0d488a;
}
.qt .login input[type=button]:hover{
	background:#659cbe;
}
.qt .login input[type=button]:active{
	background:#2a5068;
}
.ht .login input[type=button]{
	background:#3c6491;
}
.ht .login input[type=button]:hover{
	background:#2a74a3;
}
.ht .login input[type=button]:active{
	background:#10527c;
}


.ht {
	background:url(images/ht_bg.jpg) left top no-repeat;
	background-size:cover;
}
/*.ht .main{*/
/*	background:url(images/ht_logo.png) 130px 177px no-repeat;*/
/*}*/

.ht .main{
	/*background:url(images/ht_logo.png) 130px 180px no-repeat ,url(images/ht_logo1.png) 84px 180px no-repeat;*/
	/*background:url(images/ht_logo1.png) 90px 177px no-repeat  ;*/
	background-size: 310px,42px;
}

.ht .login{
	background:#fff;
}


.qt {
	background:url(images/qt_bg.jpg) left top no-repeat;
	background-size:cover;
}
.qt .main{
	background:url(images/qt_logo.png) 130px 177px no-repeat;
}

.qt .login{
	background:rgba(255,255,255,.4);
}



.index header{
	height:40px;
	line-height:40px;
	background-color:#3fb2c0;
	color:#fff;
}
.index menu{
	width:200px;
	height:100%;
	background:#eee;
	float:left;
}
.index .main-body{
	width:calc(100% - 260px);
	padding:20px 30px;
	float:left;
	width: 98%;
}
.w70p{
	width:70%;
}
.w30p{
	width:30%;
}

.data{
	display: -webkit-flex;
	display: flex;
	flex-flow: row nowrap;
	justify-content:space-between;
	margin-bottom:1.5em;
}
.data div{
	margin-right:10px;
	background:#f1f1f1;
	border:#ccc 1px solid;
	flex:auto;
	padding:0.8em;
}
.data .item1{
	flex-grow:2
}
.data h4 i{
	background:#3fb2c0;
	width:4px;
	margin-right:0.5em;
	border-radius:2px;
	height:1em;
	display:inline-block;
}
.data h2{
	color:#4d97b2;
}
.item1 ul{
	display: -webkit-flex;
	display: flex;
	flex-flow: row nowrap;
	justify-content:flex-start;
}
.item1 li{
	flex:auto;
}
.cqjh{
	background:url(images/cq.png) 8px top no-repeat;
	padding-top:40px;
}
.yqjh{
	background:url(images/yq.png) 8px top no-repeat;
	padding-top:40px;
}

.index h3 i{
	background:#6fc3cd;
	width:4px;
	margin-right:0.5em;
	border-radius:2px;
	height:1em;
	display:inline-block;
}

.box{
	border:#ccc 1px solid;
	margin-bottom:1.5em;
}
.charts{
	display: -webkit-flex;
	display: flex;
	flex-flow: row nowrap;
	justify-content:flex-start;
}
.charts .item{
	flex:auto;
	margin-right:10px;
}
.mr10{
	margin-right:10px;
}

.top10{
	margin-left:10px;
}
.top10 h3{
	background:url(images/top10.png) left center no-repeat;
	padding-left:1.5em;
	font-style:italic;
	margin-bottom:0.5em;
}
.top10 .list{
	background:url(images/top10-list.png) 0.5em 0.5em no-repeat;
	padding:0.8em;
	padding-left:2.3em;
	line-height:30px;
}
.top10 .list li{
	display: -webkit-flex;
	display: flex;
	flex-flow: row nowrap;
	justify-content:flex-start;
}
.top10 .list li span{
	flex:auto;
}
.top10 .list li span.company{
	flex-grow:2;
}
.top10 .list li span:nth-child(3){
	color:#2ec7c9;
}
.top10 .list li:first-child span:nth-child(3), .top10 .list li:nth-child(2) span:nth-child(3), .top10 .list li:nth-child(3) span:nth-child(3){
	color:#dd1a1a;
}
.top10 .list li span.company{
	flex-grow:2;
	width:70%;
}
.top10 .list li span:nth-child(3){
	color:#2ec7c9;
	width:10%;
}