/*响应式的网格系统*/
.row:after{
	content:"";
	display:block;
	clear:both;
}

.row::after{
	content:"";
	display:block;
	clear:both;
}

[class*="col-"]{
	box-sizing: border-box;
	float:left;
	padding:7px 8px;
}


/*小屏幕  < 480px*/
.col-sm-1{
	width:8.33%;
}

.col-sm-2{
	width:16.66%;
}
.col-sm-3{
	width:25%;
}
.col-sm-4{
	width:33.33%;
}
.col-sm-5{
	width:41.66%;
}
.col-sm-6{
	width:50%;
}
.col-sm-7{
	width:58.33%;
}
.col-sm-8{
	width:66.66%;
}
.col-sm-9{
	width:75%;
}
.col-sm-10{
	width:83.33%;
}
.col-sm-11{
	width:91.66%;
}
.col-sm-12{
	width:100%;
}

/*中等屏幕 480px<  < 800px*/
@media(min-width:481px) {
	.col-md-1{
		width:8.33%;
	}

	.col-md-2{
		width:16.66%;
	}
	.col-md-3{
		width:25%;
	}
	.col-md-4{
		width:33.33%;
	}
	.col-md-5{
		width:41.66%;
	}
	.col-md-6{
		width:50%;
	}
	.col-md-7{
		width:58.33%;
	}
	.col-md-8{
		width:66.66%;
	}
	.col-md-9{
		width:75%;
	}
	.col-md-10{
		width:83.33%;
	}
	.col-md-11{
		width:91.66%;
	}
	.col-md-12{
		width:100%;
	}
}

/*大屏幕 >800 px*/
@media(min-width:801px) {
	.col-lg-1{
		width:8.33%;
	}

	.col-lg-2{
		width:16.66%;
	}
	.col-lg-3{
		width:25%;
	}
	.col-lg-4{
		width:33.33%;
	}
	.col-lg-5{
		width:41.66%;
	}
	.col-lg-6{
		width:50%;
	}
	.col-lg-7{
		width:58.33%;
	}
	.col-lg-8{
		width:66.66%;
	}
	.col-lg-9{
		width:75%;
	}
	.col-lg-10{
		width:83.33%;
	}
	.col-lg-11{
		width:91.66%;
	}
	.col-lg-12{
		width:100%;
	}
}