*{
	padding: 0;
	margin: 0;
}
ul,li{
	list-style: none;
}
a{
	text-decoration: none;
}
i{
  font-style:normal	
}
.dbsBox{
  width: 100%;	
  height: 250px;
}
.dbsBox .dbs{
}
.dbsBox .dbs .dbsTitleUlBox{
	background: #e5eff8;
	padding: 0 18px;
}
.dbsBox .dbs .dbsTitleUl{
	width: 100%;
	padding: 11px 0px 9px;
	overflow: hidden;
}
.dbsBox .dbs .dbsTitleUl li{
	width: 33%;
	float: left;
	height: 20px;
	line-height: 20px;
	font-size: 16px;
	color: #2e6b97;
	
}
.dbsTitleli1{
	text-align: left;
}
.dbsTitleli2{
	text-align: center;
}
.dbsTitleli3{
	text-align: right;
}
.dbsTitleli3 span{
	border-right:0 !important;
}
.dbsBox .dbs .dbsTitleUl li span{
	display: block;
	height: 20px;
	border-right: 1px solid #ccdae7;
}
.txtMarquee-top{ 
	overflow:hidden; 
	position:relative;  
	border:1px solid #e5ecf5;   
	}
.txtMarquee-top .bd{ 
	padding:0 18px;
	height: 484px;
	background: url(../images/MEPC_index_dbs2_v2019_03.png) repeat-x left bottom;
	}
.txtMarquee-top .infoList li{ 
	height:32px;
	line-height:32px;
	border-bottom: 1px solid #dee8f0; 
	}
.txtMarquee-top .infoList li span{
	display: block;
	float: left;
	width: 33.3%;
	line-height: 32px;
	font-size: 12px;
	text-align: center;
}
.infoListSpan1{
	text-align: left !important;
	white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
}
.txtMarquee-top .infoList li span i{
	display: inline-block;
	width: 70%;
	height: 20px;
	line-height: 20px;
	border-radius: 4px;
	text-align: center;
	margin-top: 6px;
}
.infoListSpan3{
	color: #07769e;
}
.infoListSpan3{
	text-align: right !important;
}
.grade1 .infoListSpan3 i{
	background: #c5ffff;
}
.grade2 .infoListSpan3 i{
	background: #34c3f6;
}
.grade3 .infoListSpan3 i{
	background: #03ff03;
}
.grade4 .infoListSpan3 i{
	background: #faff19;
}
.grade5 .infoListSpan3 i{
	background: #ff9000;
}
@media screen and (max-width:300px) {
	.dbsBox{	
	  /*height: 462px;*/
	}
	.dbsBox .dbs {
	    padding: 0;
	}
	.dbsBox .dbs .dbsTitleUlBox {
	    padding: 0 16px;
	}
	.txtMarquee-top .bd {
	    padding: 0 16px;
	    height: 400px;
	}
	.txtMarquee-top .infoList li span i{
		margin-top: 3px;
	}
	.dbsBox .dbs .dbsTitleUl {
	    padding: 9px 0px;
	}
	.dbsBox .dbs .dbsTitleUl li {
	    height: 18px;
	    line-height: 18px;
	    font-size: 14px;
	}
	.txtMarquee-top .infoList li{ 
		height:26px;
		line-height:26px;
	}
	.txtMarquee-top .infoList li span{ 
		height:26px;
		line-height:26px;
	}
}