/*<style>*/
		/*百分比布局/流式布局*/
		/*十二栅格化 把屏幕分成12份*/
	
	.container{
		margin: 0 auto;
	}
	.row:after{
		content: "";
		display: block;
		width: 0;
		height: 0;
		clear: both;
	}
	/*小小屏*/
	.col-xs-1,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9,.col-xs-10,.col-xs-11,.col-xs-12,	
	/*小屏*/
	.col-sm-1,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-sm-10,.col-sm-11,.col-sm-12,	
	/*中屏*/
	.col-md-1,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-10,.col-md-11,.col-md-12,
	/*大屏*/
	.col-lg-1,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-lg-10,.col-lg-11,.col-lg-12{
		float: left;
		margin-top: 15px;
		margin-bottom: 15px;
		padding-left: 15px;
		padding-right: 15px;
		/*宽高不会变 */
		box-sizing:border-box;
		    position: relative;
    		min-height: 1px;
	}
	
	

	/*阀值*/
	/*小小屏*/
	@media screen and (min-width: 320px) {
		.container{
			width: 320px;
		}
	.col-xs-1{
		width:8.333333%;
	}
	.col-xs-2{
		width: 16.666667%;
	}
	.col-xs-3{
		width: 25%;
	}
	.col-xs-4{
		width: 33.333333%;
	}
	.col-xs-5{
		width: 41.666667%;
	}
	.col-xs-6{
		width: 50%;
	}
	.col-xs-7{
		width: 58.333333%;
	}
	.col-xs-8{
		width: 66.666667%;
	}
	.col-xs-9{
		width: 75%;
	}
	.col-xs-10{
		width: 83.333333%;
	}
	.col-xs-11{
		width: 91.666667%;
	}
	.col-xs-12{
		width: 100%;
	}

	}
	/*小屏*/
	@media screen and (min-width:768px) {
		.container{
			width: 414px;
		}
	.col-sm-1{
		width:8.333333%;
	}
	.col-sm-2{
		width: 16.666667%;
	}
	.col-sm-3{
		width: 25%;
	}
	.col-sm-4{
		width: 33.333333%;
	}
	.col-sm-5{
		width: 41.666667%;
	}
	.col-sm-6{
		width: 50%;
	}
	.col-sm-7{
		width: 58.333333%;
	}
	.col-sm-8{
		width: 66.666667%;
	}
	.col-sm-9{
		width: 75%;
	}
	.col-sm-10{
		width: 83.333333%;
	}
	.col-sm-11{
		width: 91.666667%;
	}
	.col-sm-12{
		width: 100%;
	}

	}
	
	/*中屏*/
	@media screen and (min-width: 992px) {
		.container{
			width: 750px;
		}
	.col-md-1{
		width:8.333333%;
	}
	.col-md-2{
		width: 16.666667%;
	}
	.col-md-3{
		width: 25%;
	}
	.col-md-4{
		/*width: 33.333333%;*/
		width: 31.333333%;
	}
	.col-md-5{
		width: 41.666667%;
	}
	.col-md-6{
		width: 50%;
	}
	.col-md-7{
		width: 58.333333%;
	}
	.col-md-8{
		width: 66.666667%;
	}
	.col-md-9{
		width: 75%;
	}
	.col-md-10{
		width: 83.333333%;
	}
	.col-md-11{
		width: 91.666667%;
	}
	.col-md-12{
		width: 100%;
	}

	}
	/*大屏*/
	@media screen and (min-width: 1200px) {
		.container{
			width: 1200px;
		}

	.col-lg-1{
		width:8.333333%;
	}
	.col-lg-2{
		width: 16.666667%;
	}
	.col-lg-3{
		width: 25%;
	}
	.col-lg-4{
		width: 33.333333%;
	}
	.col-lg-5{
		width: 41.666667%;
	}
	.col-lg-6{
		width: 50%;
	}
	.col-lg-7{
		width: 58.333333%;
	}
	.col-lg-8{
		width: 66.666667%;
	}
	.col-lg-9{
		width: 75%;
	}
	.col-lg-10{
		width: 83.333333%;
	}
	.col-lg-11{
		width: 91.666667%;
	}
	.col-lg-12{
		width: 100%;
	}