.colsp{overflow: hidden;box-sizing: border-box;border:0px solid #00f;background:#fff;margin-bottom:16px;}

.colsp >div.colspcols{padding:16px;padding-bottom:0px;}
.colsp:after,.colsp:after >div.colspcols{clear:both;display:block;height:1px;font-size:0;line-height:1px;overflow: hidden;content:' '}
.colsp >div.colspcols >div{display:block;overflow:hidden;float:left;box-sizing: border-box;;border:0px solid #f00;}
.colsp >div.colspcols >div >div{box-sizing: border-box; margin:0 auto;margin-bottom:16px;overflow: hidden}

.coltitle{}
.coltitle h1{font-size:14px;padding:8px 16px 0px 16px;line-height:20px;font-weight:bold;}



.colsp.sp2 >div.colspcols >div{width:50%;}
.colsp.sp3 >div.colspcols >div{width:33.33%;}
.colsp.sp4 >div.colspcols >div{width:25%;}
.colsp.sp5 >div.colspcols >div{width:20%;}
.colsp.sp6 >div.colspcols >div{width:16.66%;}
.colsp.sp7 >div.colspcols >div{width:14.28%;}
.colsp.sp8 >div.colspcols >div{width:12.5%;}

/**基于margin-left，margin-right的间隔分割*/
.colsp.marginsplit >div.colspcols >div >div{width:95%;}

.colsp.marginsplit.sp6 >div.colspcols >div:nth-child(6n+1) >div{margin-left:0px}
.colsp.marginsplit.sp6 >div.colspcols >div:nth-child(6n+2) >div{margin-left:1%}
.colsp.marginsplit.sp6 >div.colspcols >div:nth-child(6n+3) >div{margin-left:2%}
.colsp.marginsplit.sp6 >div.colspcols >div:nth-child(6n+4) >div{margin-left:3%}
.colsp.marginsplit.sp6 >div.colspcols >div:nth-child(6n+5) >div{margin-right:1%}
.colsp.marginsplit.sp6 >div.colspcols >div:nth-child(6n) >div{margin-right:0px;}

.colsp.marginsplit.sp5 >div.colspcols >div:nth-child(5n+1) >div{margin-left:0px}
.colsp.marginsplit.sp5 >div.colspcols >div:nth-child(5n+2) >div{margin-left:1.25%}
.colsp.marginsplit.sp5 >div.colspcols >div:nth-child(5n+3) >div{margin-left:2.75%}
.colsp.marginsplit.sp5 >div.colspcols >div:nth-child(5n+4) >div{margin-right:1.25%}
.colsp.marginsplit.sp5 >div.colspcols >div:nth-child(5n) >div{margin-right:0px;}

.colsp.marginsplit.sp4 >div.colspcols >div:nth-child(4n+1) >div{margin-left:0px}
.colsp.marginsplit.sp4 >div.colspcols >div:nth-child(4n+2) >div{margin-left:1.66%}
.colsp.marginsplit.sp4 >div.colspcols >div:nth-child(4n+3) >div{margin-right:1.66%}
.colsp.marginsplit.sp4 >div.colspcols >div:nth-child(4n) >div{margin-right:0px;}

.colsp.marginsplit.sp3 >div.colspcols >div:nth-child(3n+1) >div{margin-left:0px}
.colsp.marginsplit.sp3 >div.colspcols >div:nth-child(3n+2) >div{margin-left:2.5%}
.colsp.marginsplit.sp3 >div.colspcols >div:nth-child(3n) >div{margin-right:0px;}

.colsp.marginsplit.sp2 >div.colspcols >div >div{width:98%}
.colsp.marginsplit.sp2 >div.colspcols >div:nth-child(2n+1) >div{margin-left:0px}
.colsp.marginsplit.sp2 >div.colspcols >div:nth-child(2n) >div{margin-right:0px;}
/**sp6*/
@media only screen and (max-width: 1680px)
{
	.colsp.marginsplit.sp6 >div.colspcols >div{width:25%;}
	.colsp.marginsplit.sp6 >div.colspcols >div:nth-child(n) >div{margin-left:auto;margin-right:auto;}
	
	
	.colsp.marginsplit.sp6 >div.colspcols >div:nth-child(4n+1) >div{margin-left:0px}
	.colsp.marginsplit.sp6 >div.colspcols >div:nth-child(4n+2) >div{margin-left:1.66%}
	.colsp.marginsplit.sp6 >div.colspcols >div:nth-child(4n+3) >div{margin-right:1.66%}
	.colsp.marginsplit.sp6 >div.colspcols >div:nth-child(4n) >div{margin-right:0px;}
}
@media only screen and (max-width: 1200px)
{
	.colsp.marginsplit.sp6 >div.colspcols >div{width:33.3%;}
	.colsp.marginsplit.sp6 >div.colspcols >div:nth-child(n) >div{margin-left:auto;margin-right:auto;}
	
	
	.colsp.marginsplit.sp6 >div.colspcols >div:nth-child(3n+1) >div{margin-left:0px}
	.colsp.marginsplit.sp6 >div.colspcols >div:nth-child(3n+2) >div{margin-left:2.5%}
	.colsp.marginsplit.sp6 >div.colspcols >div:nth-child(3n) >div{margin-right:0px;}
}
@media only screen and (max-width: 900px)
{
	.colsp.marginsplit.sp6 >div.colspcols >div{width:50%;}
	.colsp.marginsplit.sp6 >div.colspcols >div >div{width:98%}
	.colsp.marginsplit.sp6 >div.colspcols >div:nth-child(n) >div{margin-left:auto;margin-right:auto;}
	
	.colsp.marginsplit.sp6.maxsp1 >div.colspcols >div:nth-child(2n+1) >div{margin-left:0px}
	.colsp.marginsplit.sp6.maxsp1 >div.colspcols >div:nth-child(2n) >div{margin-right:0px;}
}
@media only screen and (max-width: 760px)
{
	.colsp.marginsplit.sp6 >div.colspcols >div{width:50%;}
	.colsp.marginsplit.sp6 >div.colspcols >div >div{width:98%}
	.colsp.marginsplit.sp6 >div.colspcols >div:nth-child(n) >div{margin-left:auto;margin-right:auto;}
	
	
	.colsp.marginsplit.sp6 >div.colspcols >div:nth-child(2n+1) >div{margin-left:0px}
	.colsp.marginsplit.sp6 >div.colspcols >div:nth-child(2n) >div{margin-right:0px;}
	
	.colsp.marginsplit.sp6.maxsp3 >div.colspcols >div{width:33.3%;}
	.colsp.marginsplit.sp6.maxsp3 >div.colspcols >div >div{width:95%}
	.colsp.marginsplit.sp6.maxsp3 >div.colspcols >div:nth-child(n) >div{margin-left:auto;margin-right:auto;}
	
	
	.colsp.marginsplit.sp6.maxsp3 >div.colspcols >div:nth-child(3n+1) >div{margin-left:0px}
	.colsp.marginsplit.sp6.maxsp3 >div.colspcols >div:nth-child(3n+2) >div{margin-left:2.5%}
	.colsp.marginsplit.sp6.maxsp3 >div.colspcols >div:nth-child(3n) >div{margin-right:0px;}
}

@media only screen and (max-width: 640px)
{	
	.colsp.marginsplit.sp6.maxsp1 >div.colspcols >div{width:100%;}
	.colsp.marginsplit.sp6.maxsp1 >div.colspcols >div:nth-child(n) >div{margin-left:auto;margin-right:auto;width:100%;}	
}
/**sp5*/
@media only screen and (max-width: 1680px)
{
	.colsp.marginsplit.sp5 >div.colspcols >div{width:25%;}
	.colsp.marginsplit.sp5 >div.colspcols >div:nth-child(n) >div{margin-left:auto;margin-right:auto;}
	
	.colsp.marginsplit.sp5 >div.colspcols >div:nth-child(4n+1) >div{margin-left:0px}
	.colsp.marginsplit.sp5 >div.colspcols >div:nth-child(4n+2) >div{margin-left:1.66%}
	.colsp.marginsplit.sp5 >div.colspcols >div:nth-child(4n+3) >div{margin-right:1.66%}
	.colsp.marginsplit.sp5 >div.colspcols >div:nth-child(4n) >div{margin-right:0;}
}
@media only screen and (max-width: 1440px)
{
	.colsp.marginsplit.sp5 >div.colspcols >div{width:33.3%;}
	.colsp.marginsplit.sp5 >div.colspcols >div:nth-child(n) >div{margin-left:auto;margin-right:auto;}
	
	.colsp.marginsplit.sp5 >div.colspcols >div:nth-child(3n+1) >div{margin-left:0px}
	.colsp.marginsplit.sp5 >div.colspcols >div:nth-child(3n+2) >div{margin-left:2.5%}
	.colsp.marginsplit.sp5 >div.colspcols >div:nth-child(3n) >div{margin-right:0px;}
}
@media only screen and (max-width: 1100px)
{
	.colsp.marginsplit.sp5 >div.colspcols.colspcols >div{width:50%;}
	.colsp.marginsplit.sp5 >div.colspcols >div >div{width:98%}
	.colsp.marginsplit.sp5 >div >div:nth-child(n) >div{margin-left:auto;margin-right:auto;}
	
	.colsp.marginsplit.sp5 >div.colspcols >div:nth-child(2n+1) >div{margin-left:0px}
	.colsp.marginsplit.sp5 >div.colspcols >div:nth-child(2n) >div{margin-right:0px;}
}
@media only screen and (max-width: 760px)
{
	.colsp.marginsplit.sp5 >div.colspcols >div{width:100%;}
	.colsp.marginsplit.sp5 >div.colspcols >div:nth-child(n) >div{margin-left:0;margin-right:0;width:100%;}
}

/**sp4*/
@media only screen and (max-width: 1440px)
{
	.colsp.marginsplit.sp4 >div.colspcols >div{width:33.3%;}
	.colsp.marginsplit.sp4 >div.colspcols >div:nth-child(n) >div{margin-left:auto;margin-right:auto;}
	
	.colsp.marginsplit.sp4 >div.colspcols >div:nth-child(3n+1) >div{margin-left:0px}
	.colsp.marginsplit.sp4 >div.colspcols >div:nth-child(3n+2) >div{margin-left:2.5%}
	.colsp.marginsplit.marginsplit.sp4 >div.colspcols >div:nth-child(3n) >div{margin-right:0px;}
}
@media only screen and (max-width: 1100px)
{
	.colsp.marginsplit.sp4 >div.colspcols >div{width:50%;}
	.colsp.marginsplit.sp4 >div.colspcols >div >div{width:98%}
	.colsp.marginsplit.sp4 >div.colspcols >div:nth-child(n) >div{margin-left:auto;margin-right:auto;}
	
	.colsp.marginsplit.sp4 >div.colspcols >div:nth-child(2n+1) >div{margin-left:0px}
	.colsp.marginsplit.sp4 >div.colspcols >div:nth-child(2n) >div{margin-right:0px;}
}
@media only screen and (max-width: 760px)
{
	.colsp.marginsplit.sp4 >div.colspcols >div{width:100%;}
	.colsp.marginsplit.sp4 >div.colspcols >div:nth-child(n) >div{margin-left:0;margin-right:0;width:100%;}
}

/**sp3,sp2*/
@media only screen and (max-width: 1100px)
{
	.colsp.marginsplit.sp3 >div.colspcols >div{width:50%;}
	.colsp.marginsplit.sp3 >div.colspcols >div >div{width:98%}
	.colsp.marginsplit.sp3 >div.colspcols >div:nth-child(n) >div{margin-left:auto;margin-right:auto;}
	
	.colsp.marginsplit.sp3 >div.colspcols >div:nth-child(2n+1) >div{margin-left:0px}
	.colsp.marginsplit.sp3 >div.colspcols >div:nth-child(2n) >div{margin-right:0px;}
}
@media only screen and (max-width: 760px)
{
	.colsp.marginsplit.sp3 >div.colspcols >div{width:100%;}
	.colsp.marginsplit.sp3 >div.colspcols >div:nth-child(n) >div{margin-left:0;margin-right:0;width:100%;}
	
	.colsp.marginsplit.sp2 >div.colspcols >div{width:100%;}
	.colsp.marginsplit.sp2 >div.colspcols >div:nth-child(n) >div{margin-left:0;margin-right:0;width:100%;}
}

.colsp.h80 >div.colspcols >div >div{height:80px;}
.colsp.h120 >div.colspcols >div >div{height:120px;}
.colsp.h130 >div.colspcols >div >div{height:130px;}
.colsp.h140 >div.colspcols >div >div{height:140px;}
.colsp.h150 >div.colspcols >div >div{height:150px;}
.colsp.h160 >div.colspcols >div >div{height:160px;}
.colsp.h170 >div.colspcols >div >div{height:170px;}
.colsp.h180 >div.colspcols >div >div{height:180px;}
.colsp.h190 >div.colspcols >div >div{height:190px;}
.colsp.h200 >div.colspcols >div >div{height:200px;}
.colsp.h210 >div.colspcols >div >div{height:210px;}
.colsp.h300 >div.colspcols >div >div{height:300px;}
.colsp.h400 >div.colspcols >div >div{height:400px;}
.colsp.h500 >div.colspcols >div >div{height:500px;}
.colsp.h320 >div.colspcols >div >div{height:320px;}
.colsp.h360 >div.colspcols >div >div{height:360px;}
.colsp.h240 >div.colspcols >div >div{height:240px;}
.colsp.h280 >div.colspcols >div >div{height:280px;}
.colsp.h480 >div.colspcols >div >div{height:480px;}
.colsp.h440 >div.colspcols >div >div{height:440px;}
.colsp.h520 >div.colspcols >div >div{height:520px;}
.colsp.h560 >div.colspcols >div >div{height:560px;}
.colsp.h600 >div.colspcols >div >div{height:600px;}

/**块样式*/
.colsp.roundblock >div.colspcols >div >div{height:140px;border-radius: 5px;}
.colsp.roundblock >div.colspcols >div >div >div{height:100px;position: relative;padding:10px;color:#fff;}
.colsp.roundblock >div.colspcols >div >div >div .numvalue{line-height:100px;position: absolute;top:0;right:10px;color:#fff;font-size:30px;font-weight: 400}
.colsp.roundblock >div.colspcols >div >div >div .leftlabel{line-height:20px;position: absolute;top:10px;left:10px;right:10px;text-align:left;color:#fff;font-size:14px;font-weight: 400}
.colsp.roundblock >div.colspcols >div >div >div .rightlabel{line-height:20px;position: absolute;bottom:10px;left:10px;right:10px;text-align: right;color:#fff;font-size:12px;font-weight: 400}
.colsp.roundblock >div.colspcols >div >div >h2{height:40px;line-height:40px;font-size:14px;padding-left:10px;padding-right:10px;font-weight:800;position:relative;}


.colsp >div.colspcols >div.cgreen >div{border:1px solid #5bb95c;}
.colsp >div.colspcols >div.cgreen >div >div{background:#5bb95c;}
.colsp >div.colspcols >div.cgreen >div >h2{color:#5bb95c;}
.colsp >div.colspcols >div.cblue >div{border:1px solid #3178b4;}
.colsp >div.colspcols >div.cblue >div >div{background:#3178b4;}
.colsp >div.colspcols >div.cblue >div >h2{color:#3178b4;}
.colsp >div.colspcols >div.cyellow >div{border:1px solid #f0ad4e;}
.colsp >div.colspcols >div.cyellow >div >div{background:#f0ad4e;}
.colsp >div.colspcols >div.cyellow >div >h2{color:#f0ad4e;}
.colsp >div.colspcols >div.cred >div{border:1px solid #da534e;}
.colsp >div.colspcols >div.cred >div >div{background:#da534e;}
.colsp >div.colspcols >div.cred >div >h2{color:#da534e;}


.colsp.listblock >div.colspcols >div >div{border-radius: 5px;border:1px solid #cedae4;}

.lbtitle{height:40px;line-height:40px;background:#dadee2;position: relative;}
.lbtitle >h2{padding:0 10px;font-size:14px;font-weight:600;padding-right:100px; white-space: nowrap; word-break:break-all; text-overflow: ellipsis;overflow: hidden;}
.lbtitle >dt{position:absolute;right:10px;top:0;bottom:0;font-style: normal;}
.lblist{padding:0px 10px;}

.lblist >ul{list-style-type:none;list-style: none;padding:0;margin:0;}
.lblist >ul >li{height:40px;line-height:40px;overflow: hidden;position:relative;border-bottom:1px dashed #ccc}
.lblist >ul >li:last-child{border-bottom:none;}

/**两列（最后一列absolute）*/
.lblist >ul >li >h3{display:block;padding-right:100px; white-space: nowrap; word-break:break-all; text-overflow: ellipsis;overflow: hidden;position: relative;font-size:14px;font-weight: normal}
.lblist >ul >li >h3 >i,.lblist >ul >li >h3 >a{z-index:1;display:block;font-style: normal;white-space: nowrap; word-break:break-all; text-overflow: ellipsis;overflow: hidden;position: relative}
.lblist >ul >li >dt{position:absolute;width:100px;right:0;top:0;bottom:0;text-align:right;font-weight: bold;font-style: normal;}
.lblist >ul >li >dt >i,.lblist >ul >li >dt >a{z-index:1;position: absolute;right:5px;top:0;bottom:0; display:block;font-style: normal;white-space: nowrap; word-break:break-all; text-overflow: ellipsis;overflow: hidden;}

/**一列*/
.lblist >ul >li >h2{display:block;white-space: nowrap; word-break:break-all; text-overflow: ellipsis;overflow: hidden;position: relative;font-size:14px;font-weight: normal}
.lblist >ul >li >h2 >i,.lblist >ul >li >h2 >a{z-index:1;display:block;font-style: normal;white-space: nowrap; word-break:break-all; text-overflow: ellipsis;overflow: hidden;position: relative}

/*行可以有一个20x20的图标，h2/h3加lbicon，logo的img加上lblogo*/
.lblist >ul >li >.lbicon{padding-left:30px;}
.lblist >ul >li >.lbicon >img.lblogo{position: absolute;left:0px;top:10px;height:20px;width:20px;}

/**百分比rate*/
.lblist >ul >li .ratebar{display:block;position:absolute;right:0px; left:0px;top:5px;bottom:5px;z-index:0;overflow:hidden;border:1px solid #5bb95c;border-radius: 2px;}
.lblist >ul >li .ratebar >span{display:block;height:100%;width:0px;background:#5bb95c;border-radius: 2px;}