@for $i from 1 through 500 {
    .fs-#{$i} {
        // 放大0.3倍
        font-size: $i * 1rpx;
    }

    .p-#{$i} {
        padding: $i * 1rpx;
    }

    .pl-#{$i} {
        padding-left: $i * 1rpx;
    }

    .pr-#{$i} {
        padding-right: $i * 1rpx;
    }

    .px-#{$i} {
        padding-left: $i * 1rpx;
        padding-right: $i * 1rpx;
    }

    .pt-#{$i} {
        padding-top: $i * 1rpx;
    }

    .pb-#{$i} {
        padding-bottom: $i * 1rpx;
    }

    .py-#{$i} {
        padding-top: $i * 1rpx;
        padding-bottom: $i * 1rpx;
    }

    .m-#{$i} {
        margin: $i * 1rpx;
    }

    .ml-#{$i} {
        margin-left: $i * 1rpx;
    }

    .mr-#{$i} {
        margin-right: $i * 1rpx;
    }

    .mx-#{$i} {
        margin-left: $i * 1rpx;
        margin-right: $i * 1rpx;
    }

    .mt-#{$i} {
        margin-top: $i * 1rpx;
    }

    .mb-#{$i} {
        margin-bottom: $i * 1rpx;
    }

    .my-#{$i} {
        margin-top: $i * 1rpx;
        margin-bottom: $i * 1rpx;
    }

    .w#{$i} {
        width: $i * 1%;
    }

    .h#{$i} {
        height: $i * 1%;
    }

    .lh-#{$i} {
        line-height: $i * 1rpx;
    }

    .w-#{$i} {
        width: $i * 1rpx;
    }

    .h-#{$i} {
        height: $i * 1rpx;
    }

    .mh-#{$i} {
        min-height: $i * 1rpx;
    }

    .br-#{$i} {
        border-radius: $i * 1rpx;
    }

    .z-#{$i} {
        z-index: $i * 1rpx;
    }
}