/*320px到768px*/
@media screen and (min-width:320px) and (max-width:768px) {
 .col-mm-1, .col-mm-2, .col-mm-3, .col-mm-4, .col-mm-5, .col-mm-6, .col-mm-7, .col-mm-8, .col-mm-9, .col-mm-10, .col-mm-11, .col-mm-12 {
 float: left;
}
 .col-mm-12 {
 width: 100%;
}
 .col-mm-11 {
 width: 91.66666667%;
}
 .col-mm-10 {
 width: 83.33333333%;
}
 .col-mm-9 {
 width: 75%;
}
 .col-mm-8 {
 width: 66.66666667%;
}
 .col-mm-7 {
 width: 58.33333333%;
}
 .col-mm-6 {
 width: 50%;
}
 .col-mm-5 {
 width: 41.66666667%;
}
 .col-mm-4 {
 width: 33.33333333%;
}
 .col-mm-3 {
 width: 25%;
}
 .col-mm-2 {
 width: 16.66666667%;
}
 .col-mm-1 {
 width: 8.33333333%;
}
}
.red { color:#f00; }