@hzy1123581324/z-view-ui/static/css/common/margin.css

z-view-ui是使用vue3开发的组件，开发中,有部分组件功能未实现,慎用

/*********内边距***************/
.mar-top-60 {
  margin-top: 60rpx!important;
}
  /* #ifndef APP-NVUE */
.mar-auto{
  margin: auto;

}
.mar-line-auto{
  /* 兼容margin-inline不支持 */
  margin-left: auto;
  margin-right: auto;
  margin-inline: auto;
}
.mar-block-auto{
  /* 兼容margin-block不支持 */
  margin-top: auto;
  margin-bottom: auto;
  margin-block: auto;
}
.mar-lf-auto{
  margin-left: auto;
}
.mar-rg-auto{
  margin-right: auto;
}
.mar-top-auto{
  margin-top: auto;
}
.mar-btm-auto{
  margin-bottom: auto;
}
/* #endif */
.mar-0 {
  margin: 0rpx !important;
}

.mar-top-0 {
  margin-top: 0rpx !important;
}

.mar-lf-0 {
  margin-left: 0rpx !important;
}

.mar-rg-0 {
  margin-right: 0rpx !important;
}

.mar-btm-0 {
  margin-bottom: 0rpx !important;
}

.mar-top-btm-0 {
  margin-top: 0rpx !important;
  margin-bottom: 0rpx !important;
}

.mar-lf-rg-0 {
  margin-left: 0rpx !important;
  margin-right: 0rpx !important;
}

/****一倍字体大小外边距*****/

.mar-1n {
  margin: 1em !important;
}

.mar-top-1n {
  margin-top: 1em !important;
}

.mar-lf-1n {
  margin-left: 1em !important;
}

.mar-rg-1n {
  margin-right: 1em !important;
}

.mar-btm-1n {
  margin-bottom: 1em !important;
}

.mar-top-btm-1n {
  margin-top: 1em !important;
  margin-bottom: 1em !important;
}

.mar-lf-rg-1n {
  margin-left: 1em !important;
  margin-right: 1em !important;
}

/****两倍字体大小外边距*****/

.mar-2n {
  margin: 2em !important;
}

.mar-top-2n {
  margin-top: 2em !important;
}

.mar-lf-2n {
  margin-left: 2em !important;
}

.mar-rg-2n {
  margin-right: 2em !important;
}

.mar-btm-2n {
  margin-bottom: 2em !important;
}

.mar-top-btm-2n {
  margin-top: 2em !important;
  margin-bottom: 2em !important;
}

.mar-lf-rg-2n {
  margin-left: 2em !important;
  margin-right: 2em !important;
}

.mar-8 {
  margin: 8rpx !important;
}

.mar-top-8 {
  margin-top: 8rpx !important;
}

.mar-lf-8 {
  margin-left: 8rpx !important;
}

.mar-rg-8 {
  margin-right: 8rpx !important;
}

.mar-btm-8 {
  margin-bottom: 8rpx !important;
}

.mar-top-btm-8 {
  margin-top: 8rpx !important;
  margin-bottom: 8rpx !important;
}

.mar-lf-rg-8 {
  margin-left: 8rpx !important;
  margin-right: 8rpx !important;
}

.mar-10 {
  margin: 10rpx !important;
}

.mar-top-10 {
  margin-top: 10rpx !important;
}

.mar-lf-10 {
  margin-left: 10rpx !important;
}

.mar-rg-10 {
  margin-right: 10rpx !important;
}

.mar-btm-10 {
  margin-bottom: 10rpx !important;
}

.mar-top-btm-10 {
  margin-top: 10rpx !important;
  margin-bottom: 10rpx !important;
}

.mar-lf-rg-10 {
  margin-left: 10rpx !important;
  margin-right: 10rpx !important;
}
.mar-12 {
  margin: 12rpx !important;
}

.mar-top-12 {
  margin-top: 12rpx !important;
}

.mar-lf-12 {
  margin-left: 12rpx !important;
}

.mar-rg-12 {
  margin-right: 12rpx !important;
}

.mar-btm-12 {
  margin-bottom: 12rpx !important;
}

.mar-top-btm-12 {
  margin-top: 12rpx !important;
  margin-bottom: 12rpx !important;
}

.mar-lf-rg-12 {
  margin-left: 12rpx !important;
  margin-right: 12rpx !important;
}

.mar-14 {
  margin: 14rpx !important;
}

.mar-top-14 {
  margin-top: 14rpx !important;
}

.mar-lf-14 {
  margin-left: 14rpx !important;
}

.mar-rg-14 {
  margin-right: 14rpx !important;
}

.mar-btm-14 {
  margin-bottom: 14rpx !important;
}

.mar-top-btm-14 {
  margin-top: 14rpx !important;
  margin-bottom: 14rpx !important;
}

.mar-lf-rg-14 {
  margin-left: 14rpx !important;
  margin-right: 14rpx !important;
}
.mar-16 {
  margin: 16rpx !important;
}

.mar-top-16 {
  margin-top: 16rpx !important;
}

.mar-lf-16 {
  margin-left: 16rpx !important;
}

.mar-rg-16 {
  margin-right: 16rpx !important;
}

.mar-btm-16 {
  margin-bottom: 16rpx !important;
}

.mar-top-btm-16 {
  margin-top: 16rpx !important;
  margin-bottom: 16rpx !important;
}

.mar-lf-rg-16 {
  margin-left: 16rpx !important;
  margin-right: 16rpx !important;
}

.mar-18 {
  margin: 18rpx !important;
}

.mar-top-18 {
  margin-top: 18rpx !important;
}

.mar-lf-18 {
  margin-left: 18rpx !important;
}

.mar-rg-18 {
  margin-right: 18rpx !important;
}

.mar-btm-18 {
  margin-bottom: 18rpx !important;
}

.mar-top-btm-18 {
  margin-top: 18rpx !important;
  margin-bottom: 18rpx !important;
}

.mar-lf-rg-18 {
  margin-left: 18rpx !important;
  margin-right: 18rpx !important;
}

.mar-20 {
  margin: 20rpx !important;
}

.mar-top-20 {
  margin-top: 20rpx !important;
}

.mar-lf-20 {
  margin-left: 20rpx !important;
}

.mar-rg-20 {
  margin-right: 20rpx !important;
}

.mar-btm-20 {
  margin-bottom: 20rpx !important;
}

.mar-top-btm-20 {
  margin-top: 20rpx !important;
  margin-bottom: 20rpx !important;
}

.mar-lf-rg-20 {
  margin-left: 20rpx !important;
  margin-right: 20rpx !important;
}

.mar-22 {
  margin: 22rpx !important;
}

.mar-top-22 {
  margin-top: 22rpx !important;
}

.mar-lf-22 {
  margin-left: 22rpx !important;
}

.mar-rg-22 {
  margin-right: 22rpx !important;
}

.mar-btm-22 {
  margin-bottom: 22rpx !important;
}

.mar-top-btm-22 {
  margin-top: 22rpx !important;
  margin-bottom: 22rpx !important;
}

.mar-lf-rg-22 {
  margin-left: 22rpx !important;
  margin-right: 22rpx !important;
}

.mar-24 {
  margin: 24rpx !important;
}

.mar-top-24 {
  margin-top: 24rpx !important;
}

.mar-lf-24 {
  margin-left: 24rpx !important;
}

.mar-rg-24 {
  margin-right: 24rpx !important;
}

.mar-btm-24 {
  margin-bottom: 24rpx !important;
}

.mar-top-btm-24 {
  margin-top: 24rpx !important;
  margin-bottom: 24rpx !important;
}

.mar-lf-rg-24 {
  margin-left: 24rpx !important;
  margin-right: 24rpx !important;
}

.mar-26 {
  margin: 26rpx !important;
}

.mar-top-26 {
  margin-top: 26rpx !important;
}

.mar-lf-26 {
  margin-left: 26rpx !important;
}

.mar-rg-26 {
  margin-right: 26rpx !important;
}

.mar-btm-26 {
  margin-bottom: 26rpx !important;
}

.mar-top-btm-26 {
  margin-top: 26rpx !important;
  margin-bottom: 26rpx !important;
}

.mar-lf-rg-26 {
  margin-left: 26rpx !important;
  margin-right: 26rpx !important;
}

.mar-28 {
  margin: 28rpx !important;
}

.mar-top-28 {
  margin-top: 28rpx !important;
}

.mar-lf-28 {
  margin-left: 28rpx !important;
}

.mar-rg-28 {
  margin-right: 28rpx !important;
}

.mar-btm-28 {
  margin-bottom: 28rpx !important;
}

.mar-top-btm-28 {
  margin-top: 28rpx !important;
  margin-bottom: 28rpx !important;
}

.mar-lf-rg-28 {
  margin-left: 28rpx !important;
  margin-right: 28rpx !important;
}

.mar-30 {
  margin: 30rpx !important;
}

.mar-top-30 {
  margin-top: 30rpx !important;
}

.mar-lf-30 {
  margin-left: 30rpx !important;
}

.mar-rg-30 {
  margin-right: 30rpx !important;
}

.mar-btm-30 {
  margin-bottom: 30rpx !important;
}

.mar-top-btm-30 {
  margin-top: 30rpx !important;
  margin-bottom: 30rpx !important;
}

.mar-lf-rg-30 {
  margin-left: 30rpx !important;
  margin-right: 30rpx !important;
}

.mar-32 {
  margin: 32rpx !important;
}

.mar-top-32 {
  margin-top: 32rpx !important;
}

.mar-lf-32 {
  margin-left: 32rpx !important;
}

.mar-rg-32 {
  margin-right: 32rpx !important;
}

.mar-btm-32 {
  margin-bottom: 32rpx !important;
}

.mar-top-btm-32 {
  margin-top: 32rpx !important;
  margin-bottom: 32rpx !important;
}

.mar-lf-rg-32 {
  margin-left: 32rpx !important;
  margin-right: 32rpx !important;
}

.mar-34 {
  margin: 34rpx !important;
}

.mar-top-34 {
  margin-top: 34rpx !important;
}

.mar-lf-34 {
  margin-left: 34rpx !important;
}

.mar-rg-34 {
  margin-right: 34rpx !important;
}

.mar-btm-34 {
  margin-bottom: 34rpx !important;
}

.mar-top-btm-34 {
  margin-top: 34rpx !important;
  margin-bottom: 34rpx !important;
}

.mar-lf-rg-34 {
  margin-left: 34rpx !important;
  margin-right: 34rpx !important;
}

.mar-36 {
  margin: 36rpx !important;
}

.mar-top-36 {
  margin-top: 36rpx !important;
}

.mar-lf-36 {
  margin-left: 36rpx !important;
}

.mar-rg-36 {
  margin-right: 36rpx !important;
}

.mar-btm-36 {
  margin-bottom: 36rpx !important;
}

.mar-top-btm-36 {
  margin-top: 36rpx !important;
  margin-bottom: 36rpx !important;
}

.mar-lf-rg-36 {
  margin-left: 36rpx !important;
  margin-right: 36rpx !important;
}

.mar-38 {
  margin: 38rpx !important;
}

.mar-top-38 {
  margin-top: 38rpx !important;
}

.mar-lf-38 {
  margin-left: 38rpx !important;
}

.mar-rg-38 {
  margin-right: 38rpx !important;
}

.mar-btm-38 {
  margin-bottom: 38rpx !important;
}

.mar-top-btm-38 {
  margin-top: 38rpx !important;
  margin-bottom: 38rpx !important;
}

.mar-lf-rg-38 {
  margin-left: 38rpx !important;
  margin-right: 38rpx !important;
}

.mar-40 {
  margin: 40rpx !important;
}

.mar-top-40 {
  margin-top: 40rpx !important;
}

.mar-lf-40 {
  margin-left: 40rpx !important;
}

.mar-rg-40 {
  margin-right: 40rpx !important;
}

.mar-btm-40 {
  margin-bottom: 40rpx !important;
}

.mar-top-btm-40 {
  margin-top: 40rpx !important;
  margin-bottom: 40rpx !important;
}

.mar-lf-rg-40 {
  margin-left: 40rpx !important;
  margin-right: 40rpx !important;
}
.mar-top--10{
  margin-top: -10rpx;
}
.mar-top--12{
  margin-top: -12rpx;
}
.mar-top--14{
  margin-top: -14rpx;
}
.mar-top--16{
  margin-top: -16rpx;
}
.mar-top--18{
  margin-top: -18rpx;
}
.mar-top--20{
  margin-top: -20rpx;
}
.mar-top--22{
  margin-top: -22rpx;
}
.mar-top--24{
  margin-top: -24rpx;
}
.mar-top--26{
  margin-top: -24rpx;
}
.mar-top--28{
  margin-top: -28rpx;
}
.mar-top--30{
  margin-top: -30rpx;
}
.mar-top--32{
  margin-top: -32rpx;
}
.mar-top--34{
  margin-top: -34rpx;
}
.mar-top--36{
  margin-top: -36rpx;
}
.mar-top--38{
  margin-top: -38rpx;
}
.mar-top--40{
  margin-top: -40rpx;
}
.mar-top--42{
  margin-top: -42rpx;
}
.mar-top--44{
  margin-top: -44rpx;
}
.mar-top--46{
  margin-top: -46rpx;
}
.mar-top--48{
  margin-top: -48rpx;
}
.mar-top--50{
  margin-top: -50rpx;
}