/**
 * rem工具类样式文件
 * 提供完整的rem单位工具类系统
 * 基于375px设计稿，1rem = 10px
 */

/* 字体大小工具类 */
.text-xs-rem { font-size: 1.2rem; }
.text-sm-rem { font-size: 1.4rem; }
.text-base-rem { font-size: 1.6rem; }
.text-lg-rem { font-size: 1.8rem; }
.text-xl-rem { font-size: 2rem; }
.text-2xl-rem { font-size: 2.4rem; }
.text-3xl-rem { font-size: 2.8rem; }
.text-4xl-rem { font-size: 3.2rem; }

/* 宽度工具类 */
.w-rem-1 { width: 0.1rem; }
.w-rem-2 { width: 0.2rem; }
.w-rem-3 { width: 0.3rem; }
.w-rem-4 { width: 0.4rem; }
.w-rem-5 { width: 0.5rem; }
.w-rem-6 { width: 0.6rem; }
.w-rem-8 { width: 0.8rem; }
.w-rem-10 { width: 1rem; }
.w-rem-12 { width: 1.2rem; }
.w-rem-16 { width: 1.6rem; }
.w-rem-20 { width: 2rem; }
.w-rem-24 { width: 2.4rem; }
.w-rem-32 { width: 3.2rem; }
.w-rem-40 { width: 4rem; }
.w-rem-48 { width: 4.8rem; }
.w-rem-56 { width: 5.6rem; }
.w-rem-64 { width: 6.4rem; }
.w-rem-72 { width: 7.2rem; }
.w-rem-80 { width: 8rem; }
.w-rem-96 { width: 9.6rem; }

/* 高度工具类 */
.h-rem-1 { height: 0.1rem; }
.h-rem-2 { height: 0.2rem; }
.h-rem-3 { height: 0.3rem; }
.h-rem-4 { height: 0.4rem; }
.h-rem-5 { height: 0.5rem; }
.h-rem-6 { height: 0.6rem; }
.h-rem-8 { height: 0.8rem; }
.h-rem-10 { height: 1rem; }
.h-rem-12 { height: 1.2rem; }
.h-rem-16 { height: 1.6rem; }
.h-rem-20 { height: 2rem; }
.h-rem-24 { height: 2.4rem; }
.h-rem-32 { height: 3.2rem; }
.h-rem-40 { height: 4rem; }
.h-rem-48 { height: 4.8rem; }
.h-rem-56 { height: 5.6rem; }
.h-rem-64 { height: 6.4rem; }
.h-rem-72 { height: 7.2rem; }
.h-rem-80 { height: 8rem; }
.h-rem-96 { height: 9.6rem; }

/* 内边距工具类 */
.p-rem-1 { padding: 0.1rem; }
.p-rem-2 { padding: 0.2rem; }
.p-rem-3 { padding: 0.3rem; }
.p-rem-4 { padding: 0.4rem; }
.p-rem-5 { padding: 0.5rem; }
.p-rem-6 { padding: 0.6rem; }
.p-rem-8 { padding: 0.8rem; }
.p-rem-10 { padding: 1rem; }
.p-rem-12 { padding: 1.2rem; }
.p-rem-16 { padding: 1.6rem; }
.p-rem-20 { padding: 2rem; }
.p-rem-24 { padding: 2.4rem; }
.p-rem-32 { padding: 3.2rem; }
.p-rem-40 { padding: 4rem; }
.p-rem-48 { padding: 4.8rem; }
.p-rem-56 { padding: 5.6rem; }
.p-rem-64 { padding: 6.4rem; }

/* 外边距工具类 */
.m-rem-1 { margin: 0.1rem; }
.m-rem-2 { margin: 0.2rem; }
.m-rem-3 { margin: 0.3rem; }
.m-rem-4 { margin: 0.4rem; }
.m-rem-5 { margin: 0.5rem; }
.m-rem-6 { margin: 0.6rem; }
.m-rem-8 { margin: 0.8rem; }
.m-rem-10 { margin: 1rem; }
.m-rem-12 { margin: 1.2rem; }
.m-rem-16 { margin: 1.6rem; }
.m-rem-20 { margin: 2rem; }
.m-rem-24 { margin: 2.4rem; }
.m-rem-32 { margin: 3.2rem; }
.m-rem-40 { margin: 4rem; }
.m-rem-48 { margin: 4.8rem; }
.m-rem-56 { margin: 5.6rem; }
.m-rem-64 { margin: 6.4rem; }

/* 圆角工具类 */
.rounded-rem-1 { border-radius: 0.1rem; }
.rounded-rem-2 { border-radius: 0.2rem; }
.rounded-rem-3 { border-radius: 0.3rem; }
.rounded-rem-4 { border-radius: 0.4rem; }
.rounded-rem-5 { border-radius: 0.5rem; }
.rounded-rem-6 { border-radius: 0.6rem; }
.rounded-rem-8 { border-radius: 0.8rem; }
.rounded-rem-10 { border-radius: 1rem; }
.rounded-rem-12 { border-radius: 1.2rem; }
.rounded-rem-16 { border-radius: 1.6rem; }
.rounded-rem-20 { border-radius: 2rem; }
.rounded-rem-24 { border-radius: 2.4rem; }
.rounded-rem-32 { border-radius: 3.2rem; }
.rounded-rem-40 { border-radius: 4rem; }
.rounded-rem-48 { border-radius: 4.8rem; }
.rounded-rem-56 { border-radius: 5.6rem; }
.rounded-rem-64 { border-radius: 6.4rem; }

/* 间距工具类 - 水平方向 */
.px-rem-1 { padding-left: 0.1rem; padding-right: 0.1rem; }
.px-rem-2 { padding-left: 0.2rem; padding-right: 0.2rem; }
.px-rem-3 { padding-left: 0.3rem; padding-right: 0.3rem; }
.px-rem-4 { padding-left: 0.4rem; padding-right: 0.4rem; }
.px-rem-5 { padding-left: 0.5rem; padding-right: 0.5rem; }
.px-rem-6 { padding-left: 0.6rem; padding-right: 0.6rem; }
.px-rem-8 { padding-left: 0.8rem; padding-right: 0.8rem; }
.px-rem-10 { padding-left: 1rem; padding-right: 1rem; }
.px-rem-12 { padding-left: 1.2rem; padding-right: 1.2rem; }
.px-rem-16 { padding-left: 1.6rem; padding-right: 1.6rem; }
.px-rem-20 { padding-left: 2rem; padding-right: 2rem; }
.px-rem-24 { padding-left: 2.4rem; padding-right: 2.4rem; }

/* 间距工具类 - 垂直方向 */
.py-rem-1 { padding-top: 0.1rem; padding-bottom: 0.1rem; }
.py-rem-2 { padding-top: 0.2rem; padding-bottom: 0.2rem; }
.py-rem-3 { padding-top: 0.3rem; padding-bottom: 0.3rem; }
.py-rem-4 { padding-top: 0.4rem; padding-bottom: 0.4rem; }
.py-rem-5 { padding-top: 0.5rem; padding-bottom: 0.5rem; }
.py-rem-6 { padding-top: 0.6rem; padding-bottom: 0.6rem; }
.py-rem-8 { padding-top: 0.8rem; padding-bottom: 0.8rem; }
.py-rem-10 { padding-top: 1rem; padding-bottom: 1rem; }
.py-rem-12 { padding-top: 1.2rem; padding-bottom: 1.2rem; }
.py-rem-16 { padding-top: 1.6rem; padding-bottom: 1.6rem; }
.py-rem-20 { padding-top: 2rem; padding-bottom: 2rem; }
.py-rem-24 { padding-top: 2.4rem; padding-bottom: 2.4rem; }

/* 外边距工具类 - 水平方向 */
.mx-rem-1 { margin-left: 0.1rem; margin-right: 0.1rem; }
.mx-rem-2 { margin-left: 0.2rem; margin-right: 0.2rem; }
.mx-rem-3 { margin-left: 0.3rem; margin-right: 0.3rem; }
.mx-rem-4 { margin-left: 0.4rem; margin-right: 0.4rem; }
.mx-rem-5 { margin-left: 0.5rem; margin-right: 0.5rem; }
.mx-rem-6 { margin-left: 0.6rem; margin-right: 0.6rem; }
.mx-rem-8 { margin-left: 0.8rem; margin-right: 0.8rem; }
.mx-rem-10 { margin-left: 1rem; margin-right: 1rem; }
.mx-rem-12 { margin-left: 1.2rem; margin-right: 1.2rem; }
.mx-rem-16 { margin-left: 1.6rem; margin-right: 1.6rem; }
.mx-rem-20 { margin-left: 2rem; margin-right: 2rem; }
.mx-rem-24 { margin-left: 2.4rem; margin-right: 2.4rem; }

/* 外边距工具类 - 垂直方向 */
.my-rem-1 { margin-top: 0.1rem; margin-bottom: 0.1rem; }
.my-rem-2 { margin-top: 0.2rem; margin-bottom: 0.2rem; }
.my-rem-3 { margin-top: 0.3rem; margin-bottom: 0.3rem; }
.my-rem-4 { margin-top: 0.4rem; margin-bottom: 0.4rem; }
.my-rem-5 { margin-top: 0.5rem; margin-bottom: 0.5rem; }
.my-rem-6 { margin-top: 0.6rem; margin-bottom: 0.6rem; }
.my-rem-8 { margin-top: 0.8rem; margin-bottom: 0.8rem; }
.my-rem-10 { margin-top: 1rem; margin-bottom: 1rem; }
.my-rem-12 { margin-top: 1.2rem; margin-bottom: 1.2rem; }
.my-rem-16 { margin-top: 1.6rem; margin-bottom: 1.6rem; }
.my-rem-20 { margin-top: 2rem; margin-bottom: 2rem; }
.my-rem-24 { margin-top: 2.4rem; margin-bottom: 2.4rem; }

/* 最大宽度工具类 */
.max-w-rem-1 { max-width: 0.1rem; }
.max-w-rem-2 { max-width: 0.2rem; }
.max-w-rem-3 { max-width: 0.3rem; }
.max-w-rem-4 { max-width: 0.4rem; }
.max-w-rem-5 { max-width: 0.5rem; }
.max-w-rem-6 { max-width: 0.6rem; }
.max-w-rem-8 { max-width: 0.8rem; }
.max-w-rem-10 { max-width: 1rem; }
.max-w-rem-12 { max-width: 1.2rem; }
.max-w-rem-16 { max-width: 1.6rem; }
.max-w-rem-20 { max-width: 2rem; }
.max-w-rem-24 { max-width: 2.4rem; }
.max-w-rem-32 { max-width: 3.2rem; }
.max-w-rem-40 { max-width: 4rem; }
.max-w-rem-48 { max-width: 4.8rem; }
.max-w-rem-56 { max-width: 5.6rem; }
.max-w-rem-64 { max-width: 6.4rem; }
.max-w-rem-72 { max-width: 7.2rem; }
.max-w-rem-80 { max-width: 8rem; }
.max-w-rem-96 { max-width: 9.6rem; }

/* 最小宽度工具类 */
.min-w-rem-1 { min-width: 0.1rem; }
.min-w-rem-2 { min-width: 0.2rem; }
.min-w-rem-3 { min-width: 0.3rem; }
.min-w-rem-4 { min-width: 0.4rem; }
.min-w-rem-5 { min-width: 0.5rem; }
.min-w-rem-6 { min-width: 0.6rem; }
.min-w-rem-8 { min-width: 0.8rem; }
.min-w-rem-10 { min-width: 1rem; }
.min-w-rem-12 { min-width: 1.2rem; }
.min-w-rem-16 { min-width: 1.6rem; }
.min-w-rem-20 { min-width: 2rem; }
.min-w-rem-24 { min-width: 2.4rem; }
.min-w-rem-32 { min-width: 3.2rem; }
.min-w-rem-40 { min-width: 4rem; }
.min-w-rem-48 { min-width: 4.8rem; }
.min-w-rem-56 { min-width: 5.6rem; }
.min-w-rem-64 { min-width: 6.4rem; }
.min-w-rem-72 { min-width: 7.2rem; }
.min-w-rem-80 { min-width: 8rem; }
.min-w-rem-96 { min-width: 9.6rem; }

/* 最大高度工具类 */
.max-h-rem-1 { max-height: 0.1rem; }
.max-h-rem-2 { max-height: 0.2rem; }
.max-h-rem-3 { max-height: 0.3rem; }
.max-h-rem-4 { max-height: 0.4rem; }
.max-h-rem-5 { max-height: 0.5rem; }
.max-h-rem-6 { max-height: 0.6rem; }
.max-h-rem-8 { max-height: 0.8rem; }
.max-h-rem-10 { max-height: 1rem; }
.max-h-rem-12 { max-height: 1.2rem; }
.max-h-rem-16 { max-height: 1.6rem; }
.max-h-rem-20 { max-height: 2rem; }
.max-h-rem-24 { max-height: 2.4rem; }
.max-h-rem-32 { max-height: 3.2rem; }
.max-h-rem-40 { max-height: 4rem; }
.max-h-rem-48 { max-height: 4.8rem; }
.max-h-rem-56 { max-height: 5.6rem; }
.max-h-rem-64 { max-height: 6.4rem; }
.max-h-rem-72 { max-height: 7.2rem; }
.max-h-rem-80 { max-height: 8rem; }
.max-h-rem-96 { max-height: 9.6rem; }

/* 最小高度工具类 */
.min-h-rem-1 { min-height: 0.1rem; }
.min-h-rem-2 { min-height: 0.2rem; }
.min-h-rem-3 { min-height: 0.3rem; }
.min-h-rem-4 { min-height: 0.4rem; }
.min-h-rem-5 { min-height: 0.5rem; }
.min-h-rem-6 { min-height: 0.6rem; }
.min-h-rem-8 { min-height: 0.8rem; }
.min-h-rem-10 { min-height: 1rem; }
.min-h-rem-12 { min-height: 1.2rem; }
.min-h-rem-16 { min-height: 1.6rem; }
.min-h-rem-20 { min-height: 2rem; }
.min-h-rem-24 { min-height: 2.4rem; }
.min-h-rem-32 { min-height: 3.2rem; }
.min-h-rem-40 { min-height: 4rem; }
.min-h-rem-48 { min-height: 4.8rem; }
.min-h-rem-56 { min-height: 5.6rem; }
.min-h-rem-64 { min-height: 6.4rem; }
.min-h-rem-72 { min-height: 7.2rem; }
.min-h-rem-80 { min-height: 8rem; }
.min-h-rem-96 { min-height: 9.6rem; }

/* 间距工具类 - 单方向 */
.pt-rem-1 { padding-top: 0.1rem; }
.pt-rem-2 { padding-top: 0.2rem; }
.pt-rem-3 { padding-top: 0.3rem; }
.pt-rem-4 { padding-top: 0.4rem; }
.pt-rem-5 { padding-top: 0.5rem; }
.pt-rem-6 { padding-top: 0.6rem; }
.pt-rem-8 { padding-top: 0.8rem; }
.pt-rem-10 { padding-top: 1rem; }
.pt-rem-12 { padding-top: 1.2rem; }
.pt-rem-16 { padding-top: 1.6rem; }
.pt-rem-20 { padding-top: 2rem; }
.pt-rem-24 { padding-top: 2.4rem; }

.pb-rem-1 { padding-bottom: 0.1rem; }
.pb-rem-2 { padding-bottom: 0.2rem; }
.pb-rem-3 { padding-bottom: 0.3rem; }
.pb-rem-4 { padding-bottom: 0.4rem; }
.pb-rem-5 { padding-bottom: 0.5rem; }
.pb-rem-6 { padding-bottom: 0.6rem; }
.pb-rem-8 { padding-bottom: 0.8rem; }
.pb-rem-10 { padding-bottom: 1rem; }
.pb-rem-12 { padding-bottom: 1.2rem; }
.pb-rem-16 { padding-bottom: 1.6rem; }
.pb-rem-20 { padding-bottom: 2rem; }
.pb-rem-24 { padding-bottom: 2.4rem; }

.pl-rem-1 { padding-left: 0.1rem; }
.pl-rem-2 { padding-left: 0.2rem; }
.pl-rem-3 { padding-left: 0.3rem; }
.pl-rem-4 { padding-left: 0.4rem; }
.pl-rem-5 { padding-left: 0.5rem; }
.pl-rem-6 { padding-left: 0.6rem; }
.pl-rem-8 { padding-left: 0.8rem; }
.pl-rem-10 { padding-left: 1rem; }
.pl-rem-12 { padding-left: 1.2rem; }
.pl-rem-16 { padding-left: 1.6rem; }
.pl-rem-20 { padding-left: 2rem; }
.pl-rem-24 { padding-left: 2.4rem; }

.pr-rem-1 { padding-right: 0.1rem; }
.pr-rem-2 { padding-right: 0.2rem; }
.pr-rem-3 { padding-right: 0.3rem; }
.pr-rem-4 { padding-right: 0.4rem; }
.pr-rem-5 { padding-right: 0.5rem; }
.pr-rem-6 { padding-right: 0.6rem; }
.pr-rem-8 { padding-right: 0.8rem; }
.pr-rem-10 { padding-right: 1rem; }
.pr-rem-12 { padding-right: 1.2rem; }
.pr-rem-16 { padding-right: 1.6rem; }
.pr-rem-20 { padding-right: 2rem; }
.pr-rem-24 { padding-right: 2.4rem; }

.mt-rem-1 { margin-top: 0.1rem; }
.mt-rem-2 { margin-top: 0.2rem; }
.mt-rem-3 { margin-top: 0.3rem; }
.mt-rem-4 { margin-top: 0.4rem; }
.mt-rem-5 { margin-top: 0.5rem; }
.mt-rem-6 { margin-top: 0.6rem; }
.mt-rem-8 { margin-top: 0.8rem; }
.mt-rem-10 { margin-top: 1rem; }
.mt-rem-12 { margin-top: 1.2rem; }
.mt-rem-16 { margin-top: 1.6rem; }
.mt-rem-20 { margin-top: 2rem; }
.mt-rem-24 { margin-top: 2.4rem; }

.mb-rem-1 { margin-bottom: 0.1rem; }
.mb-rem-2 { margin-bottom: 0.2rem; }
.mb-rem-3 { margin-bottom: 0.3rem; }
.mb-rem-4 { margin-bottom: 0.4rem; }
.mb-rem-5 { margin-bottom: 0.5rem; }
.mb-rem-6 { margin-bottom: 0.6rem; }
.mb-rem-8 { margin-bottom: 0.8rem; }
.mb-rem-10 { margin-bottom: 1rem; }
.mb-rem-12 { margin-bottom: 1.2rem; }
.mb-rem-16 { margin-bottom: 1.6rem; }
.mb-rem-20 { margin-bottom: 2rem; }
.mb-rem-24 { margin-bottom: 2.4rem; }

.ml-rem-1 { margin-left: 0.1rem; }
.ml-rem-2 { margin-left: 0.2rem; }
.ml-rem-3 { margin-left: 0.3rem; }
.ml-rem-4 { margin-left: 0.4rem; }
.ml-rem-5 { margin-left: 0.5rem; }
.ml-rem-6 { margin-left: 0.6rem; }
.ml-rem-8 { margin-left: 0.8rem; }
.ml-rem-10 { margin-left: 1rem; }
.ml-rem-12 { margin-left: 1.2rem; }
.ml-rem-16 { margin-left: 1.6rem; }
.ml-rem-20 { margin-left: 2rem; }
.ml-rem-24 { margin-left: 2.4rem; }

.mr-rem-1 { margin-right: 0.1rem; }
.mr-rem-2 { margin-right: 0.2rem; }
.mr-rem-3 { margin-right: 0.3rem; }
.mr-rem-4 { margin-right: 0.4rem; }
.mr-rem-5 { margin-right: 0.5rem; }
.mr-rem-6 { margin-right: 0.6rem; }
.mr-rem-8 { margin-right: 0.8rem; }
.mr-rem-10 { margin-right: 1rem; }
.mr-rem-12 { margin-right: 1.2rem; }
.mr-rem-16 { margin-right: 1.6rem; }
.mr-rem-20 { margin-right: 2rem; }
.mr-rem-24 { margin-right: 2.4rem; }