@charset "UTF-8";
/**
 * 这里是uni-app内置的常用样式变量
 *
 * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 *
 */
/**
 * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
 *
 * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
 */
/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
/* ==================
       自定义变量   
 ==================== */
/*盒子模型*/
.mt2 {
  margin-top: 2rpx;
}

.mr2 {
  margin-right: 2rpx;
}

.mb2 {
  margin-bottom: 2rpx;
}

.ml2 {
  margin-left: 2rpx;
}

.mx2 {
  margin-left: 2rpx;
  margin-right: 2rpx;
}

.my2 {
  margin-top: 2rpx;
  margin-bottom: 2rpx;
}

.ma2 {
  margin: 2rpx;
}

.mt4 {
  margin-top: 4rpx;
}

.mr4 {
  margin-right: 4rpx;
}

.mb4 {
  margin-bottom: 4rpx;
}

.ml4 {
  margin-left: 4rpx;
}

.mx4 {
  margin-left: 4rpx;
  margin-right: 4rpx;
}

.my4 {
  margin-top: 4rpx;
  margin-bottom: 4rpx;
}

.ma4 {
  margin: 4rpx;
}

.mt8 {
  margin-top: 8rpx;
}

.mr8 {
  margin-right: 8rpx;
}

.mb8 {
  margin-bottom: 8rpx;
}

.ml8 {
  margin-left: 8rpx;
}

.mx8 {
  margin-left: 8rpx;
  margin-right: 8rpx;
}

.my8 {
  margin-top: 8rpx;
  margin-bottom: 8rpx;
}

.ma8 {
  margin: 8rpx;
}

.mt10 {
  margin-top: 10rpx;
}

.mr10 {
  margin-right: 10rpx;
}

.mb10 {
  margin-bottom: 10rpx;
}

.ml10 {
  margin-left: 10rpx;
}

.mx10 {
  margin-left: 10rpx;
  margin-right: 10rpx;
}

.my10 {
  margin-top: 10rpx;
  margin-bottom: 10rpx;
}

.ma10 {
  margin: 10rpx;
}

.mt15 {
  margin-top: 15rpx;
}

.mr15 {
  margin-right: 15rpx;
}

.mb15 {
  margin-bottom: 15rpx;
}

.ml15 {
  margin-left: 15rpx;
}

.mx15 {
  margin-left: 15rpx;
  margin-right: 15rpx;
}

.my15 {
  margin-top: 15rpx;
  margin-bottom: 15rpx;
}

.ma15 {
  margin: 15rpx;
}

.mt20 {
  margin-top: 20rpx;
}

.mr20 {
  margin-right: 20rpx;
}

.mb20 {
  margin-bottom: 20rpx;
}

.ml20 {
  margin-left: 20rpx;
}

.mx20 {
  margin-left: 20rpx;
  margin-right: 20rpx;
}

.my20 {
  margin-top: 20rpx;
  margin-bottom: 20rpx;
}

.ma20 {
  margin: 20rpx;
}

.mt24 {
  margin-top: 24rpx;
}

.mr24 {
  margin-right: 24rpx;
}

.mb24 {
  margin-bottom: 24rpx;
}

.ml24 {
  margin-left: 24rpx;
}

.mx24 {
  margin-left: 24rpx;
  margin-right: 24rpx;
}

.my24 {
  margin-top: 24rpx;
  margin-bottom: 24rpx;
}

.ma24 {
  margin: 24rpx;
}

.mt30 {
  margin-top: 30rpx;
}

.mr30 {
  margin-right: 30rpx;
}

.mb30 {
  margin-bottom: 30rpx;
}

.ml30 {
  margin-left: 30rpx;
}

.mx30 {
  margin-left: 30rpx;
  margin-right: 30rpx;
}

.my30 {
  margin-top: 30rpx;
  margin-bottom: 30rpx;
}

.ma30 {
  margin: 30rpx;
}

.pt2 {
  padding-top: 2rpx;
}

.pr2 {
  padding-right: 2rpx;
}

.pb2 {
  padding-bottom: 2rpx;
}

.pl2 {
  padding-left: 2rpx;
}

.px2 {
  padding-left: 2rpx;
  padding-right: 2rpx;
}

.py2 {
  padding-top: 2rpx;
  padding-bottom: 2rpx;
}

.pa2 {
  padding: 2rpx;
}

.pt4 {
  padding-top: 4rpx;
}

.pr4 {
  padding-right: 4rpx;
}

.pb4 {
  padding-bottom: 4rpx;
}

.pl4 {
  padding-left: 4rpx;
}

.px4 {
  padding-left: 4rpx;
  padding-right: 4rpx;
}

.py4 {
  padding-top: 4rpx;
  padding-bottom: 4rpx;
}

.pa4 {
  padding: 4rpx;
}

.pt8 {
  padding-top: 8rpx;
}

.pr8 {
  padding-right: 8rpx;
}

.pb8 {
  padding-bottom: 8rpx;
}

.pl8 {
  padding-left: 8rpx;
}

.px8 {
  padding-left: 8rpx;
  padding-right: 8rpx;
}

.py8 {
  padding-top: 8rpx;
  padding-bottom: 8rpx;
}

.pa8 {
  padding: 8rpx;
}

.pt10 {
  padding-top: 10rpx;
}

.pr10 {
  padding-right: 10rpx;
}

.pb10 {
  padding-bottom: 10rpx;
}

.pl10 {
  padding-left: 10rpx;
}

.px10 {
  padding-left: 10rpx;
  padding-right: 10rpx;
}

.py10 {
  padding-top: 10rpx;
  padding-bottom: 10rpx;
}

.pa10 {
  padding: 10rpx;
}

.pt15 {
  padding-top: 15rpx;
}

.pr15 {
  padding-right: 15rpx;
}

.pb15 {
  padding-bottom: 15rpx;
}

.pl15 {
  padding-left: 15rpx;
}

.px15 {
  padding-left: 15rpx;
  padding-right: 15rpx;
}

.py15 {
  padding-top: 15rpx;
  padding-bottom: 15rpx;
}

.pa15 {
  padding: 15rpx;
}

.pt20 {
  padding-top: 20rpx;
}

.pr20 {
  padding-right: 20rpx;
}

.pb20 {
  padding-bottom: 20rpx;
}

.pl20 {
  padding-left: 20rpx;
}

.px20 {
  padding-left: 20rpx;
  padding-right: 20rpx;
}

.py20 {
  padding-top: 20rpx;
  padding-bottom: 20rpx;
}

.pa20 {
  padding: 20rpx;
}

.pt24 {
  padding-top: 24rpx;
}

.pr24 {
  padding-right: 24rpx;
}

.pb24 {
  padding-bottom: 24rpx;
}

.pl24 {
  padding-left: 24rpx;
}

.px24 {
  padding-left: 24rpx;
  padding-right: 24rpx;
}

.py24 {
  padding-top: 24rpx;
  padding-bottom: 24rpx;
}

.pa24 {
  padding: 24rpx;
}

.pt30 {
  padding-top: 30rpx;
}

.pr30 {
  padding-right: 30rpx;
}

.pb30 {
  padding-bottom: 30rpx;
}

.pl30 {
  padding-left: 30rpx;
}

.px30 {
  padding-left: 30rpx;
  padding-right: 30rpx;
}

.py30 {
  padding-top: 30rpx;
  padding-bottom: 30rpx;
}

.pa30 {
  padding: 30rpx;
}
/*# sourceMappingURL=uni.css.map */