.grid:after,[class*=col-],[class*=grid],[class*=vary-]{box-sizing:border-box}
[class*=col-]{float:left;min-height:1px} /*[class*=col-]{float:left;padding-right:15px;min-height:1px}*/
.grid,[class*=col-] [class*=col-]:last-child{padding-right:0}
.grid{overflow:hidden;margin:0 auto;padding:0;width:100%}/*.grid{overflow:hidden;margin:0 auto;padding-left:15px;width:100%}*/

.grid:after{clear:both;display:table;content:""}
.col-1-1{width:100%}
.col-2-3,.col-8-12{width:66.66%}
.col-1-2,.col-6-12{width:50%}
.col-1-3,.col-4-12{width:33.33%}
.col-1-4,.col-3-12{width:25%}
.col-1-5{width:20%}
.col-1-6,.col-2-12{width:16.667%}
.col-1-7{width:14.28%}
.col-1-8{width:12.5%}
.col-1-9{width:11.1%}
.col-1-10{width:10%}
.col-1-11{width:9.09%}
.col-1-12{width:8.33%}
.col-11-12{width:91.66%}
.col-10-12{width:83.333%}
.col-9-12{width:75%}
.col-5-12{width:41.66%}
.col-7-12{width:58.33%}

@media (min-width: 1200px) {
  .grid {
    width: 1170px;
  }
}

@media (min-width: 992px) and (max-width: 1199px) {
  .grid {
    width: 970px;
  }
}

/*自动变化，比如6列变成3列*/
@media (min-width: 768px) and (max-width: 991px) {
  .grid {
    width: 100%;
  }/*
  .col-1-4,.col-3-12{width:50%}
  .col-1-5{width:40%}
  .col-1-6,.col-2-12{width:33.33%}
  .col-1-10{width:20%}*/
}

/*自动变化，手机端*/
@media (max-width: 767px) {
.grid{margin-right:0;margin-left:0;padding-right:0;padding-left:15px;width:100%;min-width:0}
[class*=col-]{float:none;margin:0;padding-right:15px;padding-left:0;width:auto}
[class*=col-] [class*=col-]{padding-right:0}
[class*=vary-col-]{float:left;margin:0;padding-right:15px;padding-bottom:0;padding-left:0}
.vary-col-1-1{width:100%}
.vary-col-2-3,.vary-col-8-12{width:66.66%}
.vary-col-1-2,.vary-col-6-12{width:50%}
.vary-col-1-3,.vary-col-4-12{width:33.33%}
.vary-col-1-4,.vary-col-3-12{width:25%}
.vary-col-1-5{width:20%}
.vary-col-1-6,.vary-col-2-12{width:16.667%}
.vary-col-1-7{width:14.28%}
.vary-col-1-8{width:12.5%}
.vary-col-1-9{width:11.1%}
.vary-col-1-10{width:10%}
.vary-col-1-11{width:9.09%}
.vary-col-1-12{width:8.33%}
.vary-col-11-12{width:91.66%}
.vary-col-10-12{width:83.333%}
.vary-col-9-12{width:75%}
.vary-col-5-12{width:41.66%}
.vary-col-7-12{width:58.33%}
.hide-on-mobile{display:none!important;width:0;height:0}
}

.pull-right {
  float: right;
}
.pull-left {
  float: left;
}
.col-side-15{
	padding:0 15px;
}