@charset 'utf-8';
//位置控制
@for $i from 1 to 51 {
@if $i%5==0 {
    .ma#{$i}{
        margin: #{$i}px!important;
    }
    .ml#{$i}{
        margin-left: #{$i}px!important;
    }
    .mr#{$i}{
        margin-right: #{$i}px!important;

    }
    .mt#{$i}{
        margin-top: #{$i}px!important;
        _margin-top: #{$i/2}px!important;
    }
    .mb#{$i}{
        margin-bottom: #{$i}px!important;
        _margin-top: #{$i/2}px!important;
    }
    .pa#{$i}{
        padding: #{$i}px!important;
    }
    .pl#{$i}{
        padding-left: #{$i}px!important;
    }
    .pr#{$i}{
        padding-right: #{$i}px!important;
    }
    .pt#{$i}{
        padding-top: #{$i}px!important;
    }
    .pb#{$i}{
        padding-bottom: #{$i}px!important;
    }
    .w#{$i * 10}{
        width:#{$i * 10}px!important;
    }
   .w#{$i * 3}{
        width:#{$i * 3}px!important;
    }
}
@if $i%3==0 {
    @if $i%5!=0{
    .ma#{$i}{
        margin: #{$i}px!important;
    }
    .ml#{$i}{
        margin-left: #{$i}px!important;
    }
    .mr#{$i}{
        margin-right: #{$i}px!important;

    }
    .mt#{$i}{
        margin-top: #{$i}px!important;
        _margin-top: #{$i/2}px!important;
    }
    .mb#{$i}{
        margin-bottom: #{$i}px!important;
        _margin-top: #{$i/2}px!important;
    }
    .pa#{$i}{
        padding: #{$i}px!important;
    }
    .pl#{$i}{
        padding-left: #{$i}px!important;
    }
    .pr#{$i}{
        padding-right: #{$i}px!important;
    }
    .pt#{$i}{
        padding-top: #{$i}px!important;
    }
    .pb#{$i}{
        padding-bottom: #{$i}px!important;
    }
    }
}
}
.pl136{padding-left:136px!important;}
.w17{ width:17px!important;}
.w110{width:110px!important;}
.w190{width:190px!important;}
.h100{height:100px!important;}
