Xiao_123 10 months ago
parent
commit
e996094b62

+ 1 - 0
App.vue

@@ -17,6 +17,7 @@
 	@import '@/uni_modules/uni-scss/index.scss';
 	/* #ifndef APP-NVUE */
 	@import '@/static/iconfont.css';
+	@import '@/static/style/index.scss';
 	// 设置整个项目的背景色
 	page {
 		background-color: #ffffff;

+ 16 - 0
api/auth.js

@@ -12,4 +12,20 @@ export const refreshToken = async (refreshToken) => {
       showError: false
     }
   })
+}
+
+// 发送手机验证码
+export const sendSmsCode = async (mobile, scene) => {
+  return await request.post({
+    url: '/menduner/system/auth/send-sms-code',
+    data: {
+      phone: mobile,
+      scene
+    },
+    custom: {
+      loadingMsg: '发送中',
+      showSuccess: true,
+      successMsg: '发送成功'
+    }
+  })
 }

+ 1 - 1
api/user.js

@@ -3,7 +3,7 @@ import request from "@/utils/request"
 // 获取用户基本信息
 export const getUserInfo = async (params) => {
   return await request.get({
-    url: '/member/user/get',
+    url: '/menduner/system/person/get',
     params,
     custom: {
       showLoading: false,

+ 134 - 0
components/AuthModal/index.vue

@@ -0,0 +1,134 @@
+<template>
+  <view>
+    <uni-popup ref="popup" background-color="#fff" type="bottom">
+      <view class="head-box ss-p-30">
+        <view class="ss-flex ss-m-b-20">
+          <view class="head-title head-title-line head-title-animation" :class="{ 'head-title-active': type === 'account' }" @tap="type = 'code'">短信登录</view>
+          <view class="head-title  ss-m-r-40" :class="{ 'head-title-active': type === 'code' }" @tap="type = 'account'">账号登录</view>
+        </view>
+        <view v-if="type === 'code'" class="head-subtitle">未注册的手机号,验证后自动注册账号</view>
+      </view>
+
+      <view class="ss-p-30 ss-m-b-60">
+        <!-- 短信验证码登录 -->
+        <uni-forms
+          v-if="type === 'code'"
+          ref="smsLoginRef"
+          v-model="state.sms"
+          :rules="state.smsRules"
+          validateTrigger="bind"
+          labelWidth="140"
+          labelAlign="center"
+        >
+          <uni-forms-item name="phone" label="手机号">
+            <uni-easyinput
+              placeholder="请输入手机号"
+              v-model="state.sms.phone"
+              :inputBorder="false"
+              type="number"
+            >
+              <template v-slot:right>
+                <button
+                  class="ss-reset-button code-btn code-btn-start"
+                  :disabled="state.isMobileEnd"
+                  :class="{ 'code-btn-end': state.isMobileEnd }"
+                  @tap="handleSendCode"
+                >
+                  <!-- {{ getSmsTimer('smsLogin') }} -->
+                </button>
+              </template>
+            </uni-easyinput>
+          </uni-forms-item>
+
+          <uni-forms-item name="code" label="验证码">
+            <uni-easyinput
+              placeholder="请输入验证码"
+              v-model="state.sms.code"
+              :inputBorder="false"
+              type="number"
+              maxlength="6"
+            >
+              <template v-slot:right>
+                <button class="ss-reset-button login-btn-start" @tap="smsLoginSubmit"> 登录 </button>
+              </template>
+            </uni-easyinput>
+          </uni-forms-item>
+        </uni-forms>
+        <!-- 账号密码登录 -->
+        <uni-forms
+          v-if="type === 'account'"
+          ref="accountLoginRef"
+          v-model="state.account"
+          :rules="state.rules"
+          validateTrigger="bind"
+          labelWidth="140"
+          labelAlign="center"
+        >
+          <uni-forms-item name="phone" label="账号">
+            <uni-easyinput placeholder="请输入账号" v-model="state.account.phone" :inputBorder="false"></uni-easyinput>
+          </uni-forms-item>
+
+          <uni-forms-item name="password" label="密码">
+            <uni-easyinput
+              type="password"
+              placeholder="请输入密码"
+              v-model="state.account.password"
+              :inputBorder="false"
+            >
+              <template v-slot:right>
+                <button class="ss-reset-button login-btn-start" @tap="accountLoginSubmit">登录</button>
+              </template>
+            </uni-easyinput>
+          </uni-forms-item>
+        </uni-forms>
+      </view>
+		</uni-popup>
+  </view>
+</template>
+
+<script setup>
+import { ref } from 'vue'
+import { mobile, password, code } from '@/utils/validate'
+import { getSmsTimer } from '@/hooks/useModal'
+
+const popup = ref()
+const type = ref('code')
+const accountLoginRef = ref()
+const smsLoginRef = ref()
+const state = ref({
+  isMobileEnd: false, // 手机号输入完毕
+  codeText: '获取验证码',
+  sms: {
+    phone: '13229740092',
+    code: ''
+  },
+  account: {
+    phone: '13229740091',
+    password: 'Citu123'
+  },
+  rules: {
+    phone: mobile,
+    password,
+  },
+  smsRules: {
+    code,
+    phone: mobile
+  }
+})
+
+const open = () => {
+  popup.value.open()
+}
+
+const accountLoginSubmit = () => {}
+const smsLoginSubmit = () => {}
+
+defineExpose({
+  open,
+  popup
+})
+</script>
+
+<style scoped lang="scss">
+
+</style>

+ 0 - 88
components/Tabbar/index.vue

@@ -1,88 +0,0 @@
-<template>
-	<view class="myTabbar">
-		<view class="tabbar"
-			v-for="(item, index) in list"
-			:key="index"
-			@tap="navigatorTo(index, item.url)"
-			style="text-align:center"
-		>
-			<view class="item">
-				<uni-icons  :type="index == activeIndex ? item.activeIconUrl : item.iconUrl" size="26" :color="index == activeIndex ?'#00897B':'#000'" custom-prefix="iconfont"></uni-icons>
-			</view>
-			<view :class="index == activeIndex ? 'text-active':'text'">{{item.text}}</view>
-		</view>
-	</view>
-</template>
-
-<script setup name="MyTabbar">
-import { ref } from 'vue'
-
-const activeIndex = ref(0)
-const list = ref([
-  {
-    activeIconUrl: 'icon-shouye-',
-    iconUrl: 'icon-shouye',
-    text: '首页',
-    url: '/pages/index/index'
-  },
-  {
-    activeIconUrl: 'icon-zhiwei',
-    iconUrl: 'icon-zhiweisvg',
-    text: '职位',
-    url: '/pages/index/position'
-  },
-  {
-    activeIconUrl: 'icon-icon-myself-1',
-    iconUrl: 'icon-wode',
-    text: '我的',
-    url: '/pages/index/my'
-  }
-])
-
-const navigatorTo = (curIndex, url) => {
-	activeIndex.value = curIndex
-	uni.reLaunch({
-    url
-  })
-}
-</script>
-
-<style lang="scss">
-.myTabbar {
-	z-index: 999;
-	position: fixed;
-	bottom: 0;
-	left: 0;
-	display: flex;
-	justify-content: space-around;
-	width: 100%;
-	height: 100rpx;
-	background-color: #fff;
-	border-top: 1px solid #f1f1f1;
- 
-	.tabbar {
-		display: flex;
-		flex-direction: column;
-		justify-content: space-around;
-		align-items: center;
-		width: 20%;
-		height: 100%;
- 
-		.item {
-			width: 50rpx;
-			height: 50rpx;
-			text-align: center;
-			margin-top: 10rpx;
-		}
- 
-		.text {
-			color: #000;
-			font-size: 22rpx;
-		}
-		.text-active{
-			color: #00897B;
-			font-size: 22rpx;
-		}
-	}
-}
-</style>

+ 7 - 0
package-lock.json

@@ -5,6 +5,7 @@
   "packages": {
     "": {
       "dependencies": {
+        "dayjs": "^1.11.13",
         "lodash-es": "^4.17.21",
         "luch-request": "^3.1.1",
         "pinia": "^2.2.2",
@@ -23,6 +24,12 @@
       "integrity": "sha512-sGhTPMuXqZ1rVOk32RylztWkfXTRhuS7vgAKv0zjqk8gbsHkJ7xfFf+jbySxt7tWObEJwyKaHMikV/WGDiQm8g==",
       "license": "MIT"
     },
+    "node_modules/dayjs": {
+      "version": "1.11.13",
+      "resolved": "https://registry.npmmirror.com/dayjs/-/dayjs-1.11.13.tgz",
+      "integrity": "sha512-oaMBel6gjolK862uaPQOVTA7q3TZhuSvuMQAAglQDOWYO9A91IrAOUJEyKVlqJlHE0vq5p5UXxzdPfMH/x6xNg==",
+      "license": "MIT"
+    },
     "node_modules/lodash-es": {
       "version": "4.17.21",
       "resolved": "https://registry.npmmirror.com/lodash-es/-/lodash-es-4.17.21.tgz",

+ 1 - 0
package.json

@@ -1,5 +1,6 @@
 {
   "dependencies": {
+    "dayjs": "^1.11.13",
     "lodash-es": "^4.17.21",
     "luch-request": "^3.1.1",
     "pinia": "^2.2.2",

+ 6 - 3
pages.json

@@ -17,6 +17,12 @@
 			"style": {
 				"navigationBarTitleText": "我的"
 			}
+		},
+		{
+			"path": "pages/login/index",
+			"style": {
+				"navigationBarTitleText": "登录/注册"
+			}
 		}
 	],
 	"globalStyle": {
@@ -32,9 +38,6 @@
 		"backgroundColor": "#ffffff",
 		"height": "50px",
 		"fontSize": "30rpx",
-		"iconWidth": "24px",
-		"spacing": "3px",
-		"iconfontSrc":"/static/iconfont.ttf",
 		"list": [
 			{
 				"pagePath": "pages/index/index",

+ 58 - 2
pages/index/my.vue

@@ -1,10 +1,66 @@
 <template>
-  <view>my</view>
+  <view>
+    <view class="text-center" @tap="handleLogin">
+      <img src="https://minio.citupro.com/dev/menduner/7.png" alt="" class="img-box">
+      <view class="font-weight-bold font-size-20">点击登录</view>
+    </view>
+    <view style="margin-top: 80rpx;">
+		<uni-grid :column="4" :show-border="false">
+			<uni-grid-item :index="0" v-for="(val, index) in grid" :key="index" class="text-center">
+				<uni-icons :type="val.icon" size="40" color="#00897B"></uni-icons>
+				<text class="font-size-13 color-999 mt-5">{{ val.title }}</text>
+			</uni-grid-item>
+		</uni-grid>
+    </view>
+    <view style="height: 10rpx; background-color: #f8f8fa;"></view>
+
+    <view class="card">
+		<uni-list>
+			<uni-list-item v-for="item in list" :key="item.title" :title="item.title" link showArrow :rightText="item.rightTex || ''"></uni-list-item>
+		</uni-list>
+	</view>
+
+    <AuthModal ref="authModal"></AuthModal>
+  </view>
 </template>
 
 <script setup>
+import { ref } from 'vue'
+import AuthModal from '@/components/AuthModal'
+
+const authModal = ref()
+const grid = [
+  { title: '全部', icon: 'list' },
+  { title: '被查看', icon: 'eye-filled' },
+  { title: '面试邀约', icon: 'auth-filled' },
+  { title: '不合适', icon: 'closeempty' }
+]
+
+const list = [
+	{	title:'我的简历',	path:''	},					
+	{ title:'职位订阅', path:'' },
+	{	title:'意见反馈',	path:'' },
+	{ title:'切换为招聘者', path:'', rightTex: '我要招人' }
+]
+
+const handleLogin = () => {
+  authModal.value.open()
+}
 </script>
 
 <style scoped lang="scss">
-
+.img-box {
+  width: 150rpx;
+  height: 150rpx;
+  border: 2rpx solid #ccc;
+  border-radius: 50%;
+}
+::v-deep .uni-list-item{
+	height: 140rpx !important;
+	line-height: 140rpx !important;
+}
+::v-deep .uni-list-item__content-title{
+	font-size: 32rpx !important;
+	font-weight: 500;
+}
 </style>

+ 18 - 0
pages/login/index.vue

@@ -0,0 +1,18 @@
+<template>
+  <view>
+    <view>欢迎来到门墩儿招聘</view>
+    <uni-segmented-control :current="current" :values="items" style-type="button" active-color="#00897B" @clickItem="onClickItem" />
+  </view>
+</template>
+
+<script setup>
+import { ref } from 'vue'
+const items = ['短信登录', '账号登录']
+const current = ref(0)
+
+const onClickItem = (e) => {}
+</script>
+
+<style scoped lang="scss">
+
+</style>

+ 8967 - 0
static/style/index.css

@@ -0,0 +1,8967 @@
+@charset "UTF-8";
+:root {
+  --v-primary-base: #00897B;
+  --v-error-base: #fe574a;
+  --v-primary-lighten1: #26A69A;
+  --v-primary-lighten2: #4DB6AC;
+  --v-primary-lighten3: #80CBC4;
+  --v-primary-lighten4: #B2DFDB;
+  --color-222: #222;
+  --color-333: #333;
+  --color-666: #666;
+  --color-777: #777;
+  --color-999: #999;
+  --color-ccc: #ccc;
+  --color-f3: #f3f3f3;
+  --color-f2f4f742: #f2f4f742;
+  --color-f8: #f8f8f8;
+  --color-f2f4f7: #f2f4f7;
+  --color-d5e6e8: #d5e6e8;
+  --zIndex-breadcrumbs: 999;
+}
+
+.mt-5 {
+  margin-top: 30rpx;
+}
+
+.mt-10 {
+  margin-top: 60rpx;
+}
+
+.cursor-pointer {
+  cursor: pointer;
+}
+
+.font-weight-bold {
+  font-weight: bold;
+}
+
+.text-center {
+  text-align: center;
+}
+
+.d-flex {
+  display: flex;
+}
+
+.flex-column {
+  flex-direction: column;
+}
+
+.align-center {
+  align-items: center;
+}
+
+.justify-center {
+  justify-content: center;
+}
+
+.justify-space-between {
+  justify-content: space-between;
+}
+
+.justify-space-around {
+  justify-content: space-around;
+}
+
+.justify-end {
+  justify-content: flex-end;
+}
+
+.color-222 {
+  color: #222;
+}
+
+.color-333 {
+  color: #333;
+}
+
+.color-666 {
+  color: #666;
+}
+
+.color-777 {
+  color: #777;
+}
+
+.color-999 {
+  color: #999;
+}
+
+.color-ccc {
+  color: #ccc;
+}
+
+.color-f3f3f3 {
+  color: #f3f3f3;
+}
+
+.color-f2f4f742 {
+  color: #f2f4f742;
+}
+
+.color-f8f8f8 {
+  color: #f8f8f8;
+}
+
+.color-f2f4f7 {
+  color: #f2f4f7;
+}
+
+.color-d5e6e8 {
+  color: #d5e6e8;
+}
+
+.color-error {
+  color: #fe574a;
+}
+
+.color-primary {
+  color: #00897B;
+}
+
+.color-warning {
+  color: #fb8c00;
+}
+
+.font-size-12 {
+  font-size: 24rpx;
+}
+
+.font-size-13 {
+  font-size: 26rpx;
+}
+
+.font-size-14 {
+  font-size: 28rpx;
+}
+
+.font-size-15 {
+  font-size: 30rpx;
+}
+
+.font-size-16 {
+  font-size: 32rpx;
+}
+
+.font-size-17 {
+  font-size: 34rpx;
+}
+
+.font-size-18 {
+  font-size: 36rpx;
+}
+
+.font-size-19 {
+  font-size: 38rpx;
+}
+
+.font-size-20 {
+  font-size: 40rpx;
+}
+
+.defaultLink {
+  color: #008978;
+  cursor: pointer;
+}
+
+.default-active {
+  color: var(--v-primary-base) !important;
+}
+
+.border-bottom-dashed {
+  border-bottom: 1px dashed var(--color-ccc);
+}
+
+.white-bgc {
+  background-color: #fff;
+}
+
+.ellipsis {
+  white-space: nowrap;
+  text-overflow: ellipsis;
+  overflow: hidden;
+}
+
+.head-box .head-title {
+  min-width: 160rpx;
+  font-size: 36rpx;
+  font-weight: bold;
+  color: #333333;
+  line-height: 36rpx;
+}
+
+.head-box .head-title-active {
+  width: 160rpx;
+  font-size: 32rpx;
+  font-weight: 600;
+  color: #999;
+  line-height: 36rpx;
+}
+
+.head-box .head-title-animation {
+  animation-name: title-animation;
+  animation-duration: 0.1s;
+  animation-timing-function: ease-out;
+  animation-fill-mode: forwards;
+}
+
+.head-box .head-title-line {
+  position: relative;
+}
+
+.head-box .head-title-line::before {
+  content: '';
+  width: 1rpx;
+  height: 34rpx;
+  background-color: #e4e7ed;
+  position: absolute;
+  left: -30rpx;
+  top: 50%;
+  transform: translateY(-50%);
+}
+
+.head-box .head-subtitle {
+  font-size: 26rpx;
+  font-weight: 400;
+  color: #afb6c0;
+  text-align: left;
+  display: flex;
+}
+
+/* ==================
+
+    margin padding: 内外边距
+	
+ ==================== */
+.ss-margin-0,
+.ss-m-0 {
+  margin: 0rpx;
+}
+
+.ss-m-x-0 {
+  margin-left: 0rpx;
+  margin-right: 0rpx;
+}
+
+.ss-m-y-0 {
+  margin-top: 0rpx;
+  margin-bottom: 0rpx;
+}
+
+.ss-padding-0,
+.ss-p-0 {
+  padding: 0rpx;
+}
+
+.ss-p-x-0 {
+  padding-left: 0rpx;
+  padding-right: 0rpx;
+}
+
+.ss-p-y-0 {
+  padding-top: 0rpx;
+  padding-bottom: 0rpx;
+}
+
+.ss-m-l-0 {
+  margin-left: 0rpx;
+}
+
+.ss-p-l-0 {
+  padding-left: 0rpx;
+}
+
+.ss-margin-left-0 {
+  margin-left: 0rpx;
+}
+
+.ss-padding-left-0 {
+  padding-left: 0rpx;
+}
+
+.ss-m-t-0 {
+  margin-top: 0rpx;
+}
+
+.ss-p-t-0 {
+  padding-top: 0rpx;
+}
+
+.ss-margin-top-0 {
+  margin-top: 0rpx;
+}
+
+.ss-padding-top-0 {
+  padding-top: 0rpx;
+}
+
+.ss-m-r-0 {
+  margin-right: 0rpx;
+}
+
+.ss-p-r-0 {
+  padding-right: 0rpx;
+}
+
+.ss-margin-right-0 {
+  margin-right: 0rpx;
+}
+
+.ss-padding-right-0 {
+  padding-right: 0rpx;
+}
+
+.ss-m-b-0 {
+  margin-bottom: 0rpx;
+}
+
+.ss-p-b-0 {
+  padding-bottom: 0rpx;
+}
+
+.ss-margin-bottom-0 {
+  margin-bottom: 0rpx;
+}
+
+.ss-padding-bottom-0 {
+  padding-bottom: 0rpx;
+}
+
+.ss-margin-2,
+.ss-m-2 {
+  margin: 2rpx;
+}
+
+.ss-m-x-2 {
+  margin-left: 2rpx;
+  margin-right: 2rpx;
+}
+
+.ss-m-y-2 {
+  margin-top: 2rpx;
+  margin-bottom: 2rpx;
+}
+
+.ss-padding-2,
+.ss-p-2 {
+  padding: 2rpx;
+}
+
+.ss-p-x-2 {
+  padding-left: 2rpx;
+  padding-right: 2rpx;
+}
+
+.ss-p-y-2 {
+  padding-top: 2rpx;
+  padding-bottom: 2rpx;
+}
+
+.ss-m-l-2 {
+  margin-left: 2rpx;
+}
+
+.ss-p-l-2 {
+  padding-left: 2rpx;
+}
+
+.ss-margin-left-2 {
+  margin-left: 2rpx;
+}
+
+.ss-padding-left-2 {
+  padding-left: 2rpx;
+}
+
+.ss-m-t-2 {
+  margin-top: 2rpx;
+}
+
+.ss-p-t-2 {
+  padding-top: 2rpx;
+}
+
+.ss-margin-top-2 {
+  margin-top: 2rpx;
+}
+
+.ss-padding-top-2 {
+  padding-top: 2rpx;
+}
+
+.ss-m-r-2 {
+  margin-right: 2rpx;
+}
+
+.ss-p-r-2 {
+  padding-right: 2rpx;
+}
+
+.ss-margin-right-2 {
+  margin-right: 2rpx;
+}
+
+.ss-padding-right-2 {
+  padding-right: 2rpx;
+}
+
+.ss-m-b-2 {
+  margin-bottom: 2rpx;
+}
+
+.ss-p-b-2 {
+  padding-bottom: 2rpx;
+}
+
+.ss-margin-bottom-2 {
+  margin-bottom: 2rpx;
+}
+
+.ss-padding-bottom-2 {
+  padding-bottom: 2rpx;
+}
+
+.ss-margin-4,
+.ss-m-4 {
+  margin: 4rpx;
+}
+
+.ss-m-x-4 {
+  margin-left: 4rpx;
+  margin-right: 4rpx;
+}
+
+.ss-m-y-4 {
+  margin-top: 4rpx;
+  margin-bottom: 4rpx;
+}
+
+.ss-padding-4,
+.ss-p-4 {
+  padding: 4rpx;
+}
+
+.ss-p-x-4 {
+  padding-left: 4rpx;
+  padding-right: 4rpx;
+}
+
+.ss-p-y-4 {
+  padding-top: 4rpx;
+  padding-bottom: 4rpx;
+}
+
+.ss-m-l-4 {
+  margin-left: 4rpx;
+}
+
+.ss-p-l-4 {
+  padding-left: 4rpx;
+}
+
+.ss-margin-left-4 {
+  margin-left: 4rpx;
+}
+
+.ss-padding-left-4 {
+  padding-left: 4rpx;
+}
+
+.ss-m-t-4 {
+  margin-top: 4rpx;
+}
+
+.ss-p-t-4 {
+  padding-top: 4rpx;
+}
+
+.ss-margin-top-4 {
+  margin-top: 4rpx;
+}
+
+.ss-padding-top-4 {
+  padding-top: 4rpx;
+}
+
+.ss-m-r-4 {
+  margin-right: 4rpx;
+}
+
+.ss-p-r-4 {
+  padding-right: 4rpx;
+}
+
+.ss-margin-right-4 {
+  margin-right: 4rpx;
+}
+
+.ss-padding-right-4 {
+  padding-right: 4rpx;
+}
+
+.ss-m-b-4 {
+  margin-bottom: 4rpx;
+}
+
+.ss-p-b-4 {
+  padding-bottom: 4rpx;
+}
+
+.ss-margin-bottom-4 {
+  margin-bottom: 4rpx;
+}
+
+.ss-padding-bottom-4 {
+  padding-bottom: 4rpx;
+}
+
+.ss-margin-5,
+.ss-m-5 {
+  margin: 5rpx;
+}
+
+.ss-m-x-5 {
+  margin-left: 5rpx;
+  margin-right: 5rpx;
+}
+
+.ss-m-y-5 {
+  margin-top: 5rpx;
+  margin-bottom: 5rpx;
+}
+
+.ss-padding-5,
+.ss-p-5 {
+  padding: 5rpx;
+}
+
+.ss-p-x-5 {
+  padding-left: 5rpx;
+  padding-right: 5rpx;
+}
+
+.ss-p-y-5 {
+  padding-top: 5rpx;
+  padding-bottom: 5rpx;
+}
+
+.ss-m-l-5 {
+  margin-left: 5rpx;
+}
+
+.ss-p-l-5 {
+  padding-left: 5rpx;
+}
+
+.ss-margin-left-5 {
+  margin-left: 5rpx;
+}
+
+.ss-padding-left-5 {
+  padding-left: 5rpx;
+}
+
+.ss-m-t-5 {
+  margin-top: 5rpx;
+}
+
+.ss-p-t-5 {
+  padding-top: 5rpx;
+}
+
+.ss-margin-top-5 {
+  margin-top: 5rpx;
+}
+
+.ss-padding-top-5 {
+  padding-top: 5rpx;
+}
+
+.ss-m-r-5 {
+  margin-right: 5rpx;
+}
+
+.ss-p-r-5 {
+  padding-right: 5rpx;
+}
+
+.ss-margin-right-5 {
+  margin-right: 5rpx;
+}
+
+.ss-padding-right-5 {
+  padding-right: 5rpx;
+}
+
+.ss-m-b-5 {
+  margin-bottom: 5rpx;
+}
+
+.ss-p-b-5 {
+  padding-bottom: 5rpx;
+}
+
+.ss-margin-bottom-5 {
+  margin-bottom: 5rpx;
+}
+
+.ss-padding-bottom-5 {
+  padding-bottom: 5rpx;
+}
+
+.ss-margin-6,
+.ss-m-6 {
+  margin: 6rpx;
+}
+
+.ss-m-x-6 {
+  margin-left: 6rpx;
+  margin-right: 6rpx;
+}
+
+.ss-m-y-6 {
+  margin-top: 6rpx;
+  margin-bottom: 6rpx;
+}
+
+.ss-padding-6,
+.ss-p-6 {
+  padding: 6rpx;
+}
+
+.ss-p-x-6 {
+  padding-left: 6rpx;
+  padding-right: 6rpx;
+}
+
+.ss-p-y-6 {
+  padding-top: 6rpx;
+  padding-bottom: 6rpx;
+}
+
+.ss-m-l-6 {
+  margin-left: 6rpx;
+}
+
+.ss-p-l-6 {
+  padding-left: 6rpx;
+}
+
+.ss-margin-left-6 {
+  margin-left: 6rpx;
+}
+
+.ss-padding-left-6 {
+  padding-left: 6rpx;
+}
+
+.ss-m-t-6 {
+  margin-top: 6rpx;
+}
+
+.ss-p-t-6 {
+  padding-top: 6rpx;
+}
+
+.ss-margin-top-6 {
+  margin-top: 6rpx;
+}
+
+.ss-padding-top-6 {
+  padding-top: 6rpx;
+}
+
+.ss-m-r-6 {
+  margin-right: 6rpx;
+}
+
+.ss-p-r-6 {
+  padding-right: 6rpx;
+}
+
+.ss-margin-right-6 {
+  margin-right: 6rpx;
+}
+
+.ss-padding-right-6 {
+  padding-right: 6rpx;
+}
+
+.ss-m-b-6 {
+  margin-bottom: 6rpx;
+}
+
+.ss-p-b-6 {
+  padding-bottom: 6rpx;
+}
+
+.ss-margin-bottom-6 {
+  margin-bottom: 6rpx;
+}
+
+.ss-padding-bottom-6 {
+  padding-bottom: 6rpx;
+}
+
+.ss-margin-8,
+.ss-m-8 {
+  margin: 8rpx;
+}
+
+.ss-m-x-8 {
+  margin-left: 8rpx;
+  margin-right: 8rpx;
+}
+
+.ss-m-y-8 {
+  margin-top: 8rpx;
+  margin-bottom: 8rpx;
+}
+
+.ss-padding-8,
+.ss-p-8 {
+  padding: 8rpx;
+}
+
+.ss-p-x-8 {
+  padding-left: 8rpx;
+  padding-right: 8rpx;
+}
+
+.ss-p-y-8 {
+  padding-top: 8rpx;
+  padding-bottom: 8rpx;
+}
+
+.ss-m-l-8 {
+  margin-left: 8rpx;
+}
+
+.ss-p-l-8 {
+  padding-left: 8rpx;
+}
+
+.ss-margin-left-8 {
+  margin-left: 8rpx;
+}
+
+.ss-padding-left-8 {
+  padding-left: 8rpx;
+}
+
+.ss-m-t-8 {
+  margin-top: 8rpx;
+}
+
+.ss-p-t-8 {
+  padding-top: 8rpx;
+}
+
+.ss-margin-top-8 {
+  margin-top: 8rpx;
+}
+
+.ss-padding-top-8 {
+  padding-top: 8rpx;
+}
+
+.ss-m-r-8 {
+  margin-right: 8rpx;
+}
+
+.ss-p-r-8 {
+  padding-right: 8rpx;
+}
+
+.ss-margin-right-8 {
+  margin-right: 8rpx;
+}
+
+.ss-padding-right-8 {
+  padding-right: 8rpx;
+}
+
+.ss-m-b-8 {
+  margin-bottom: 8rpx;
+}
+
+.ss-p-b-8 {
+  padding-bottom: 8rpx;
+}
+
+.ss-margin-bottom-8 {
+  margin-bottom: 8rpx;
+}
+
+.ss-padding-bottom-8 {
+  padding-bottom: 8rpx;
+}
+
+.ss-margin-10,
+.ss-m-10 {
+  margin: 10rpx;
+}
+
+.ss-m-x-10 {
+  margin-left: 10rpx;
+  margin-right: 10rpx;
+}
+
+.ss-m-y-10 {
+  margin-top: 10rpx;
+  margin-bottom: 10rpx;
+}
+
+.ss-padding-10,
+.ss-p-10 {
+  padding: 10rpx;
+}
+
+.ss-p-x-10 {
+  padding-left: 10rpx;
+  padding-right: 10rpx;
+}
+
+.ss-p-y-10 {
+  padding-top: 10rpx;
+  padding-bottom: 10rpx;
+}
+
+.ss-m-l-10 {
+  margin-left: 10rpx;
+}
+
+.ss-p-l-10 {
+  padding-left: 10rpx;
+}
+
+.ss-margin-left-10 {
+  margin-left: 10rpx;
+}
+
+.ss-padding-left-10 {
+  padding-left: 10rpx;
+}
+
+.ss-m-t-10 {
+  margin-top: 10rpx;
+}
+
+.ss-p-t-10 {
+  padding-top: 10rpx;
+}
+
+.ss-margin-top-10 {
+  margin-top: 10rpx;
+}
+
+.ss-padding-top-10 {
+  padding-top: 10rpx;
+}
+
+.ss-m-r-10 {
+  margin-right: 10rpx;
+}
+
+.ss-p-r-10 {
+  padding-right: 10rpx;
+}
+
+.ss-margin-right-10 {
+  margin-right: 10rpx;
+}
+
+.ss-padding-right-10 {
+  padding-right: 10rpx;
+}
+
+.ss-m-b-10 {
+  margin-bottom: 10rpx;
+}
+
+.ss-p-b-10 {
+  padding-bottom: 10rpx;
+}
+
+.ss-margin-bottom-10 {
+  margin-bottom: 10rpx;
+}
+
+.ss-padding-bottom-10 {
+  padding-bottom: 10rpx;
+}
+
+.ss-margin-12,
+.ss-m-12 {
+  margin: 12rpx;
+}
+
+.ss-m-x-12 {
+  margin-left: 12rpx;
+  margin-right: 12rpx;
+}
+
+.ss-m-y-12 {
+  margin-top: 12rpx;
+  margin-bottom: 12rpx;
+}
+
+.ss-padding-12,
+.ss-p-12 {
+  padding: 12rpx;
+}
+
+.ss-p-x-12 {
+  padding-left: 12rpx;
+  padding-right: 12rpx;
+}
+
+.ss-p-y-12 {
+  padding-top: 12rpx;
+  padding-bottom: 12rpx;
+}
+
+.ss-m-l-12 {
+  margin-left: 12rpx;
+}
+
+.ss-p-l-12 {
+  padding-left: 12rpx;
+}
+
+.ss-margin-left-12 {
+  margin-left: 12rpx;
+}
+
+.ss-padding-left-12 {
+  padding-left: 12rpx;
+}
+
+.ss-m-t-12 {
+  margin-top: 12rpx;
+}
+
+.ss-p-t-12 {
+  padding-top: 12rpx;
+}
+
+.ss-margin-top-12 {
+  margin-top: 12rpx;
+}
+
+.ss-padding-top-12 {
+  padding-top: 12rpx;
+}
+
+.ss-m-r-12 {
+  margin-right: 12rpx;
+}
+
+.ss-p-r-12 {
+  padding-right: 12rpx;
+}
+
+.ss-margin-right-12 {
+  margin-right: 12rpx;
+}
+
+.ss-padding-right-12 {
+  padding-right: 12rpx;
+}
+
+.ss-m-b-12 {
+  margin-bottom: 12rpx;
+}
+
+.ss-p-b-12 {
+  padding-bottom: 12rpx;
+}
+
+.ss-margin-bottom-12 {
+  margin-bottom: 12rpx;
+}
+
+.ss-padding-bottom-12 {
+  padding-bottom: 12rpx;
+}
+
+.ss-margin-14,
+.ss-m-14 {
+  margin: 14rpx;
+}
+
+.ss-m-x-14 {
+  margin-left: 14rpx;
+  margin-right: 14rpx;
+}
+
+.ss-m-y-14 {
+  margin-top: 14rpx;
+  margin-bottom: 14rpx;
+}
+
+.ss-padding-14,
+.ss-p-14 {
+  padding: 14rpx;
+}
+
+.ss-p-x-14 {
+  padding-left: 14rpx;
+  padding-right: 14rpx;
+}
+
+.ss-p-y-14 {
+  padding-top: 14rpx;
+  padding-bottom: 14rpx;
+}
+
+.ss-m-l-14 {
+  margin-left: 14rpx;
+}
+
+.ss-p-l-14 {
+  padding-left: 14rpx;
+}
+
+.ss-margin-left-14 {
+  margin-left: 14rpx;
+}
+
+.ss-padding-left-14 {
+  padding-left: 14rpx;
+}
+
+.ss-m-t-14 {
+  margin-top: 14rpx;
+}
+
+.ss-p-t-14 {
+  padding-top: 14rpx;
+}
+
+.ss-margin-top-14 {
+  margin-top: 14rpx;
+}
+
+.ss-padding-top-14 {
+  padding-top: 14rpx;
+}
+
+.ss-m-r-14 {
+  margin-right: 14rpx;
+}
+
+.ss-p-r-14 {
+  padding-right: 14rpx;
+}
+
+.ss-margin-right-14 {
+  margin-right: 14rpx;
+}
+
+.ss-padding-right-14 {
+  padding-right: 14rpx;
+}
+
+.ss-m-b-14 {
+  margin-bottom: 14rpx;
+}
+
+.ss-p-b-14 {
+  padding-bottom: 14rpx;
+}
+
+.ss-margin-bottom-14 {
+  margin-bottom: 14rpx;
+}
+
+.ss-padding-bottom-14 {
+  padding-bottom: 14rpx;
+}
+
+.ss-margin-15,
+.ss-m-15 {
+  margin: 15rpx;
+}
+
+.ss-m-x-15 {
+  margin-left: 15rpx;
+  margin-right: 15rpx;
+}
+
+.ss-m-y-15 {
+  margin-top: 15rpx;
+  margin-bottom: 15rpx;
+}
+
+.ss-padding-15,
+.ss-p-15 {
+  padding: 15rpx;
+}
+
+.ss-p-x-15 {
+  padding-left: 15rpx;
+  padding-right: 15rpx;
+}
+
+.ss-p-y-15 {
+  padding-top: 15rpx;
+  padding-bottom: 15rpx;
+}
+
+.ss-m-l-15 {
+  margin-left: 15rpx;
+}
+
+.ss-p-l-15 {
+  padding-left: 15rpx;
+}
+
+.ss-margin-left-15 {
+  margin-left: 15rpx;
+}
+
+.ss-padding-left-15 {
+  padding-left: 15rpx;
+}
+
+.ss-m-t-15 {
+  margin-top: 15rpx;
+}
+
+.ss-p-t-15 {
+  padding-top: 15rpx;
+}
+
+.ss-margin-top-15 {
+  margin-top: 15rpx;
+}
+
+.ss-padding-top-15 {
+  padding-top: 15rpx;
+}
+
+.ss-m-r-15 {
+  margin-right: 15rpx;
+}
+
+.ss-p-r-15 {
+  padding-right: 15rpx;
+}
+
+.ss-margin-right-15 {
+  margin-right: 15rpx;
+}
+
+.ss-padding-right-15 {
+  padding-right: 15rpx;
+}
+
+.ss-m-b-15 {
+  margin-bottom: 15rpx;
+}
+
+.ss-p-b-15 {
+  padding-bottom: 15rpx;
+}
+
+.ss-margin-bottom-15 {
+  margin-bottom: 15rpx;
+}
+
+.ss-padding-bottom-15 {
+  padding-bottom: 15rpx;
+}
+
+.ss-margin-16,
+.ss-m-16 {
+  margin: 16rpx;
+}
+
+.ss-m-x-16 {
+  margin-left: 16rpx;
+  margin-right: 16rpx;
+}
+
+.ss-m-y-16 {
+  margin-top: 16rpx;
+  margin-bottom: 16rpx;
+}
+
+.ss-padding-16,
+.ss-p-16 {
+  padding: 16rpx;
+}
+
+.ss-p-x-16 {
+  padding-left: 16rpx;
+  padding-right: 16rpx;
+}
+
+.ss-p-y-16 {
+  padding-top: 16rpx;
+  padding-bottom: 16rpx;
+}
+
+.ss-m-l-16 {
+  margin-left: 16rpx;
+}
+
+.ss-p-l-16 {
+  padding-left: 16rpx;
+}
+
+.ss-margin-left-16 {
+  margin-left: 16rpx;
+}
+
+.ss-padding-left-16 {
+  padding-left: 16rpx;
+}
+
+.ss-m-t-16 {
+  margin-top: 16rpx;
+}
+
+.ss-p-t-16 {
+  padding-top: 16rpx;
+}
+
+.ss-margin-top-16 {
+  margin-top: 16rpx;
+}
+
+.ss-padding-top-16 {
+  padding-top: 16rpx;
+}
+
+.ss-m-r-16 {
+  margin-right: 16rpx;
+}
+
+.ss-p-r-16 {
+  padding-right: 16rpx;
+}
+
+.ss-margin-right-16 {
+  margin-right: 16rpx;
+}
+
+.ss-padding-right-16 {
+  padding-right: 16rpx;
+}
+
+.ss-m-b-16 {
+  margin-bottom: 16rpx;
+}
+
+.ss-p-b-16 {
+  padding-bottom: 16rpx;
+}
+
+.ss-margin-bottom-16 {
+  margin-bottom: 16rpx;
+}
+
+.ss-padding-bottom-16 {
+  padding-bottom: 16rpx;
+}
+
+.ss-margin-18,
+.ss-m-18 {
+  margin: 18rpx;
+}
+
+.ss-m-x-18 {
+  margin-left: 18rpx;
+  margin-right: 18rpx;
+}
+
+.ss-m-y-18 {
+  margin-top: 18rpx;
+  margin-bottom: 18rpx;
+}
+
+.ss-padding-18,
+.ss-p-18 {
+  padding: 18rpx;
+}
+
+.ss-p-x-18 {
+  padding-left: 18rpx;
+  padding-right: 18rpx;
+}
+
+.ss-p-y-18 {
+  padding-top: 18rpx;
+  padding-bottom: 18rpx;
+}
+
+.ss-m-l-18 {
+  margin-left: 18rpx;
+}
+
+.ss-p-l-18 {
+  padding-left: 18rpx;
+}
+
+.ss-margin-left-18 {
+  margin-left: 18rpx;
+}
+
+.ss-padding-left-18 {
+  padding-left: 18rpx;
+}
+
+.ss-m-t-18 {
+  margin-top: 18rpx;
+}
+
+.ss-p-t-18 {
+  padding-top: 18rpx;
+}
+
+.ss-margin-top-18 {
+  margin-top: 18rpx;
+}
+
+.ss-padding-top-18 {
+  padding-top: 18rpx;
+}
+
+.ss-m-r-18 {
+  margin-right: 18rpx;
+}
+
+.ss-p-r-18 {
+  padding-right: 18rpx;
+}
+
+.ss-margin-right-18 {
+  margin-right: 18rpx;
+}
+
+.ss-padding-right-18 {
+  padding-right: 18rpx;
+}
+
+.ss-m-b-18 {
+  margin-bottom: 18rpx;
+}
+
+.ss-p-b-18 {
+  padding-bottom: 18rpx;
+}
+
+.ss-margin-bottom-18 {
+  margin-bottom: 18rpx;
+}
+
+.ss-padding-bottom-18 {
+  padding-bottom: 18rpx;
+}
+
+.ss-margin-20,
+.ss-m-20 {
+  margin: 20rpx;
+}
+
+.ss-m-x-20 {
+  margin-left: 20rpx;
+  margin-right: 20rpx;
+}
+
+.ss-m-y-20 {
+  margin-top: 20rpx;
+  margin-bottom: 20rpx;
+}
+
+.ss-padding-20,
+.ss-p-20 {
+  padding: 20rpx;
+}
+
+.ss-p-x-20 {
+  padding-left: 20rpx;
+  padding-right: 20rpx;
+}
+
+.ss-p-y-20 {
+  padding-top: 20rpx;
+  padding-bottom: 20rpx;
+}
+
+.ss-m-l-20 {
+  margin-left: 20rpx;
+}
+
+.ss-p-l-20 {
+  padding-left: 20rpx;
+}
+
+.ss-margin-left-20 {
+  margin-left: 20rpx;
+}
+
+.ss-padding-left-20 {
+  padding-left: 20rpx;
+}
+
+.ss-m-t-20 {
+  margin-top: 20rpx;
+}
+
+.ss-p-t-20 {
+  padding-top: 20rpx;
+}
+
+.ss-margin-top-20 {
+  margin-top: 20rpx;
+}
+
+.ss-padding-top-20 {
+  padding-top: 20rpx;
+}
+
+.ss-m-r-20 {
+  margin-right: 20rpx;
+}
+
+.ss-p-r-20 {
+  padding-right: 20rpx;
+}
+
+.ss-margin-right-20 {
+  margin-right: 20rpx;
+}
+
+.ss-padding-right-20 {
+  padding-right: 20rpx;
+}
+
+.ss-m-b-20 {
+  margin-bottom: 20rpx;
+}
+
+.ss-p-b-20 {
+  padding-bottom: 20rpx;
+}
+
+.ss-margin-bottom-20 {
+  margin-bottom: 20rpx;
+}
+
+.ss-padding-bottom-20 {
+  padding-bottom: 20rpx;
+}
+
+.ss-margin-22,
+.ss-m-22 {
+  margin: 22rpx;
+}
+
+.ss-m-x-22 {
+  margin-left: 22rpx;
+  margin-right: 22rpx;
+}
+
+.ss-m-y-22 {
+  margin-top: 22rpx;
+  margin-bottom: 22rpx;
+}
+
+.ss-padding-22,
+.ss-p-22 {
+  padding: 22rpx;
+}
+
+.ss-p-x-22 {
+  padding-left: 22rpx;
+  padding-right: 22rpx;
+}
+
+.ss-p-y-22 {
+  padding-top: 22rpx;
+  padding-bottom: 22rpx;
+}
+
+.ss-m-l-22 {
+  margin-left: 22rpx;
+}
+
+.ss-p-l-22 {
+  padding-left: 22rpx;
+}
+
+.ss-margin-left-22 {
+  margin-left: 22rpx;
+}
+
+.ss-padding-left-22 {
+  padding-left: 22rpx;
+}
+
+.ss-m-t-22 {
+  margin-top: 22rpx;
+}
+
+.ss-p-t-22 {
+  padding-top: 22rpx;
+}
+
+.ss-margin-top-22 {
+  margin-top: 22rpx;
+}
+
+.ss-padding-top-22 {
+  padding-top: 22rpx;
+}
+
+.ss-m-r-22 {
+  margin-right: 22rpx;
+}
+
+.ss-p-r-22 {
+  padding-right: 22rpx;
+}
+
+.ss-margin-right-22 {
+  margin-right: 22rpx;
+}
+
+.ss-padding-right-22 {
+  padding-right: 22rpx;
+}
+
+.ss-m-b-22 {
+  margin-bottom: 22rpx;
+}
+
+.ss-p-b-22 {
+  padding-bottom: 22rpx;
+}
+
+.ss-margin-bottom-22 {
+  margin-bottom: 22rpx;
+}
+
+.ss-padding-bottom-22 {
+  padding-bottom: 22rpx;
+}
+
+.ss-margin-24,
+.ss-m-24 {
+  margin: 24rpx;
+}
+
+.ss-m-x-24 {
+  margin-left: 24rpx;
+  margin-right: 24rpx;
+}
+
+.ss-m-y-24 {
+  margin-top: 24rpx;
+  margin-bottom: 24rpx;
+}
+
+.ss-padding-24,
+.ss-p-24 {
+  padding: 24rpx;
+}
+
+.ss-p-x-24 {
+  padding-left: 24rpx;
+  padding-right: 24rpx;
+}
+
+.ss-p-y-24 {
+  padding-top: 24rpx;
+  padding-bottom: 24rpx;
+}
+
+.ss-m-l-24 {
+  margin-left: 24rpx;
+}
+
+.ss-p-l-24 {
+  padding-left: 24rpx;
+}
+
+.ss-margin-left-24 {
+  margin-left: 24rpx;
+}
+
+.ss-padding-left-24 {
+  padding-left: 24rpx;
+}
+
+.ss-m-t-24 {
+  margin-top: 24rpx;
+}
+
+.ss-p-t-24 {
+  padding-top: 24rpx;
+}
+
+.ss-margin-top-24 {
+  margin-top: 24rpx;
+}
+
+.ss-padding-top-24 {
+  padding-top: 24rpx;
+}
+
+.ss-m-r-24 {
+  margin-right: 24rpx;
+}
+
+.ss-p-r-24 {
+  padding-right: 24rpx;
+}
+
+.ss-margin-right-24 {
+  margin-right: 24rpx;
+}
+
+.ss-padding-right-24 {
+  padding-right: 24rpx;
+}
+
+.ss-m-b-24 {
+  margin-bottom: 24rpx;
+}
+
+.ss-p-b-24 {
+  padding-bottom: 24rpx;
+}
+
+.ss-margin-bottom-24 {
+  margin-bottom: 24rpx;
+}
+
+.ss-padding-bottom-24 {
+  padding-bottom: 24rpx;
+}
+
+.ss-margin-25,
+.ss-m-25 {
+  margin: 25rpx;
+}
+
+.ss-m-x-25 {
+  margin-left: 25rpx;
+  margin-right: 25rpx;
+}
+
+.ss-m-y-25 {
+  margin-top: 25rpx;
+  margin-bottom: 25rpx;
+}
+
+.ss-padding-25,
+.ss-p-25 {
+  padding: 25rpx;
+}
+
+.ss-p-x-25 {
+  padding-left: 25rpx;
+  padding-right: 25rpx;
+}
+
+.ss-p-y-25 {
+  padding-top: 25rpx;
+  padding-bottom: 25rpx;
+}
+
+.ss-m-l-25 {
+  margin-left: 25rpx;
+}
+
+.ss-p-l-25 {
+  padding-left: 25rpx;
+}
+
+.ss-margin-left-25 {
+  margin-left: 25rpx;
+}
+
+.ss-padding-left-25 {
+  padding-left: 25rpx;
+}
+
+.ss-m-t-25 {
+  margin-top: 25rpx;
+}
+
+.ss-p-t-25 {
+  padding-top: 25rpx;
+}
+
+.ss-margin-top-25 {
+  margin-top: 25rpx;
+}
+
+.ss-padding-top-25 {
+  padding-top: 25rpx;
+}
+
+.ss-m-r-25 {
+  margin-right: 25rpx;
+}
+
+.ss-p-r-25 {
+  padding-right: 25rpx;
+}
+
+.ss-margin-right-25 {
+  margin-right: 25rpx;
+}
+
+.ss-padding-right-25 {
+  padding-right: 25rpx;
+}
+
+.ss-m-b-25 {
+  margin-bottom: 25rpx;
+}
+
+.ss-p-b-25 {
+  padding-bottom: 25rpx;
+}
+
+.ss-margin-bottom-25 {
+  margin-bottom: 25rpx;
+}
+
+.ss-padding-bottom-25 {
+  padding-bottom: 25rpx;
+}
+
+.ss-margin-26,
+.ss-m-26 {
+  margin: 26rpx;
+}
+
+.ss-m-x-26 {
+  margin-left: 26rpx;
+  margin-right: 26rpx;
+}
+
+.ss-m-y-26 {
+  margin-top: 26rpx;
+  margin-bottom: 26rpx;
+}
+
+.ss-padding-26,
+.ss-p-26 {
+  padding: 26rpx;
+}
+
+.ss-p-x-26 {
+  padding-left: 26rpx;
+  padding-right: 26rpx;
+}
+
+.ss-p-y-26 {
+  padding-top: 26rpx;
+  padding-bottom: 26rpx;
+}
+
+.ss-m-l-26 {
+  margin-left: 26rpx;
+}
+
+.ss-p-l-26 {
+  padding-left: 26rpx;
+}
+
+.ss-margin-left-26 {
+  margin-left: 26rpx;
+}
+
+.ss-padding-left-26 {
+  padding-left: 26rpx;
+}
+
+.ss-m-t-26 {
+  margin-top: 26rpx;
+}
+
+.ss-p-t-26 {
+  padding-top: 26rpx;
+}
+
+.ss-margin-top-26 {
+  margin-top: 26rpx;
+}
+
+.ss-padding-top-26 {
+  padding-top: 26rpx;
+}
+
+.ss-m-r-26 {
+  margin-right: 26rpx;
+}
+
+.ss-p-r-26 {
+  padding-right: 26rpx;
+}
+
+.ss-margin-right-26 {
+  margin-right: 26rpx;
+}
+
+.ss-padding-right-26 {
+  padding-right: 26rpx;
+}
+
+.ss-m-b-26 {
+  margin-bottom: 26rpx;
+}
+
+.ss-p-b-26 {
+  padding-bottom: 26rpx;
+}
+
+.ss-margin-bottom-26 {
+  margin-bottom: 26rpx;
+}
+
+.ss-padding-bottom-26 {
+  padding-bottom: 26rpx;
+}
+
+.ss-margin-28,
+.ss-m-28 {
+  margin: 28rpx;
+}
+
+.ss-m-x-28 {
+  margin-left: 28rpx;
+  margin-right: 28rpx;
+}
+
+.ss-m-y-28 {
+  margin-top: 28rpx;
+  margin-bottom: 28rpx;
+}
+
+.ss-padding-28,
+.ss-p-28 {
+  padding: 28rpx;
+}
+
+.ss-p-x-28 {
+  padding-left: 28rpx;
+  padding-right: 28rpx;
+}
+
+.ss-p-y-28 {
+  padding-top: 28rpx;
+  padding-bottom: 28rpx;
+}
+
+.ss-m-l-28 {
+  margin-left: 28rpx;
+}
+
+.ss-p-l-28 {
+  padding-left: 28rpx;
+}
+
+.ss-margin-left-28 {
+  margin-left: 28rpx;
+}
+
+.ss-padding-left-28 {
+  padding-left: 28rpx;
+}
+
+.ss-m-t-28 {
+  margin-top: 28rpx;
+}
+
+.ss-p-t-28 {
+  padding-top: 28rpx;
+}
+
+.ss-margin-top-28 {
+  margin-top: 28rpx;
+}
+
+.ss-padding-top-28 {
+  padding-top: 28rpx;
+}
+
+.ss-m-r-28 {
+  margin-right: 28rpx;
+}
+
+.ss-p-r-28 {
+  padding-right: 28rpx;
+}
+
+.ss-margin-right-28 {
+  margin-right: 28rpx;
+}
+
+.ss-padding-right-28 {
+  padding-right: 28rpx;
+}
+
+.ss-m-b-28 {
+  margin-bottom: 28rpx;
+}
+
+.ss-p-b-28 {
+  padding-bottom: 28rpx;
+}
+
+.ss-margin-bottom-28 {
+  margin-bottom: 28rpx;
+}
+
+.ss-padding-bottom-28 {
+  padding-bottom: 28rpx;
+}
+
+.ss-margin-30,
+.ss-m-30 {
+  margin: 30rpx;
+}
+
+.ss-m-x-30 {
+  margin-left: 30rpx;
+  margin-right: 30rpx;
+}
+
+.ss-m-y-30 {
+  margin-top: 30rpx;
+  margin-bottom: 30rpx;
+}
+
+.ss-padding-30,
+.ss-p-30 {
+  padding: 30rpx;
+}
+
+.ss-p-x-30 {
+  padding-left: 30rpx;
+  padding-right: 30rpx;
+}
+
+.ss-p-y-30 {
+  padding-top: 30rpx;
+  padding-bottom: 30rpx;
+}
+
+.ss-m-l-30 {
+  margin-left: 30rpx;
+}
+
+.ss-p-l-30 {
+  padding-left: 30rpx;
+}
+
+.ss-margin-left-30 {
+  margin-left: 30rpx;
+}
+
+.ss-padding-left-30 {
+  padding-left: 30rpx;
+}
+
+.ss-m-t-30 {
+  margin-top: 30rpx;
+}
+
+.ss-p-t-30 {
+  padding-top: 30rpx;
+}
+
+.ss-margin-top-30 {
+  margin-top: 30rpx;
+}
+
+.ss-padding-top-30 {
+  padding-top: 30rpx;
+}
+
+.ss-m-r-30 {
+  margin-right: 30rpx;
+}
+
+.ss-p-r-30 {
+  padding-right: 30rpx;
+}
+
+.ss-margin-right-30 {
+  margin-right: 30rpx;
+}
+
+.ss-padding-right-30 {
+  padding-right: 30rpx;
+}
+
+.ss-m-b-30 {
+  margin-bottom: 30rpx;
+}
+
+.ss-p-b-30 {
+  padding-bottom: 30rpx;
+}
+
+.ss-margin-bottom-30 {
+  margin-bottom: 30rpx;
+}
+
+.ss-padding-bottom-30 {
+  padding-bottom: 30rpx;
+}
+
+.ss-margin-32,
+.ss-m-32 {
+  margin: 32rpx;
+}
+
+.ss-m-x-32 {
+  margin-left: 32rpx;
+  margin-right: 32rpx;
+}
+
+.ss-m-y-32 {
+  margin-top: 32rpx;
+  margin-bottom: 32rpx;
+}
+
+.ss-padding-32,
+.ss-p-32 {
+  padding: 32rpx;
+}
+
+.ss-p-x-32 {
+  padding-left: 32rpx;
+  padding-right: 32rpx;
+}
+
+.ss-p-y-32 {
+  padding-top: 32rpx;
+  padding-bottom: 32rpx;
+}
+
+.ss-m-l-32 {
+  margin-left: 32rpx;
+}
+
+.ss-p-l-32 {
+  padding-left: 32rpx;
+}
+
+.ss-margin-left-32 {
+  margin-left: 32rpx;
+}
+
+.ss-padding-left-32 {
+  padding-left: 32rpx;
+}
+
+.ss-m-t-32 {
+  margin-top: 32rpx;
+}
+
+.ss-p-t-32 {
+  padding-top: 32rpx;
+}
+
+.ss-margin-top-32 {
+  margin-top: 32rpx;
+}
+
+.ss-padding-top-32 {
+  padding-top: 32rpx;
+}
+
+.ss-m-r-32 {
+  margin-right: 32rpx;
+}
+
+.ss-p-r-32 {
+  padding-right: 32rpx;
+}
+
+.ss-margin-right-32 {
+  margin-right: 32rpx;
+}
+
+.ss-padding-right-32 {
+  padding-right: 32rpx;
+}
+
+.ss-m-b-32 {
+  margin-bottom: 32rpx;
+}
+
+.ss-p-b-32 {
+  padding-bottom: 32rpx;
+}
+
+.ss-margin-bottom-32 {
+  margin-bottom: 32rpx;
+}
+
+.ss-padding-bottom-32 {
+  padding-bottom: 32rpx;
+}
+
+.ss-margin-34,
+.ss-m-34 {
+  margin: 34rpx;
+}
+
+.ss-m-x-34 {
+  margin-left: 34rpx;
+  margin-right: 34rpx;
+}
+
+.ss-m-y-34 {
+  margin-top: 34rpx;
+  margin-bottom: 34rpx;
+}
+
+.ss-padding-34,
+.ss-p-34 {
+  padding: 34rpx;
+}
+
+.ss-p-x-34 {
+  padding-left: 34rpx;
+  padding-right: 34rpx;
+}
+
+.ss-p-y-34 {
+  padding-top: 34rpx;
+  padding-bottom: 34rpx;
+}
+
+.ss-m-l-34 {
+  margin-left: 34rpx;
+}
+
+.ss-p-l-34 {
+  padding-left: 34rpx;
+}
+
+.ss-margin-left-34 {
+  margin-left: 34rpx;
+}
+
+.ss-padding-left-34 {
+  padding-left: 34rpx;
+}
+
+.ss-m-t-34 {
+  margin-top: 34rpx;
+}
+
+.ss-p-t-34 {
+  padding-top: 34rpx;
+}
+
+.ss-margin-top-34 {
+  margin-top: 34rpx;
+}
+
+.ss-padding-top-34 {
+  padding-top: 34rpx;
+}
+
+.ss-m-r-34 {
+  margin-right: 34rpx;
+}
+
+.ss-p-r-34 {
+  padding-right: 34rpx;
+}
+
+.ss-margin-right-34 {
+  margin-right: 34rpx;
+}
+
+.ss-padding-right-34 {
+  padding-right: 34rpx;
+}
+
+.ss-m-b-34 {
+  margin-bottom: 34rpx;
+}
+
+.ss-p-b-34 {
+  padding-bottom: 34rpx;
+}
+
+.ss-margin-bottom-34 {
+  margin-bottom: 34rpx;
+}
+
+.ss-padding-bottom-34 {
+  padding-bottom: 34rpx;
+}
+
+.ss-margin-35,
+.ss-m-35 {
+  margin: 35rpx;
+}
+
+.ss-m-x-35 {
+  margin-left: 35rpx;
+  margin-right: 35rpx;
+}
+
+.ss-m-y-35 {
+  margin-top: 35rpx;
+  margin-bottom: 35rpx;
+}
+
+.ss-padding-35,
+.ss-p-35 {
+  padding: 35rpx;
+}
+
+.ss-p-x-35 {
+  padding-left: 35rpx;
+  padding-right: 35rpx;
+}
+
+.ss-p-y-35 {
+  padding-top: 35rpx;
+  padding-bottom: 35rpx;
+}
+
+.ss-m-l-35 {
+  margin-left: 35rpx;
+}
+
+.ss-p-l-35 {
+  padding-left: 35rpx;
+}
+
+.ss-margin-left-35 {
+  margin-left: 35rpx;
+}
+
+.ss-padding-left-35 {
+  padding-left: 35rpx;
+}
+
+.ss-m-t-35 {
+  margin-top: 35rpx;
+}
+
+.ss-p-t-35 {
+  padding-top: 35rpx;
+}
+
+.ss-margin-top-35 {
+  margin-top: 35rpx;
+}
+
+.ss-padding-top-35 {
+  padding-top: 35rpx;
+}
+
+.ss-m-r-35 {
+  margin-right: 35rpx;
+}
+
+.ss-p-r-35 {
+  padding-right: 35rpx;
+}
+
+.ss-margin-right-35 {
+  margin-right: 35rpx;
+}
+
+.ss-padding-right-35 {
+  padding-right: 35rpx;
+}
+
+.ss-m-b-35 {
+  margin-bottom: 35rpx;
+}
+
+.ss-p-b-35 {
+  padding-bottom: 35rpx;
+}
+
+.ss-margin-bottom-35 {
+  margin-bottom: 35rpx;
+}
+
+.ss-padding-bottom-35 {
+  padding-bottom: 35rpx;
+}
+
+.ss-margin-36,
+.ss-m-36 {
+  margin: 36rpx;
+}
+
+.ss-m-x-36 {
+  margin-left: 36rpx;
+  margin-right: 36rpx;
+}
+
+.ss-m-y-36 {
+  margin-top: 36rpx;
+  margin-bottom: 36rpx;
+}
+
+.ss-padding-36,
+.ss-p-36 {
+  padding: 36rpx;
+}
+
+.ss-p-x-36 {
+  padding-left: 36rpx;
+  padding-right: 36rpx;
+}
+
+.ss-p-y-36 {
+  padding-top: 36rpx;
+  padding-bottom: 36rpx;
+}
+
+.ss-m-l-36 {
+  margin-left: 36rpx;
+}
+
+.ss-p-l-36 {
+  padding-left: 36rpx;
+}
+
+.ss-margin-left-36 {
+  margin-left: 36rpx;
+}
+
+.ss-padding-left-36 {
+  padding-left: 36rpx;
+}
+
+.ss-m-t-36 {
+  margin-top: 36rpx;
+}
+
+.ss-p-t-36 {
+  padding-top: 36rpx;
+}
+
+.ss-margin-top-36 {
+  margin-top: 36rpx;
+}
+
+.ss-padding-top-36 {
+  padding-top: 36rpx;
+}
+
+.ss-m-r-36 {
+  margin-right: 36rpx;
+}
+
+.ss-p-r-36 {
+  padding-right: 36rpx;
+}
+
+.ss-margin-right-36 {
+  margin-right: 36rpx;
+}
+
+.ss-padding-right-36 {
+  padding-right: 36rpx;
+}
+
+.ss-m-b-36 {
+  margin-bottom: 36rpx;
+}
+
+.ss-p-b-36 {
+  padding-bottom: 36rpx;
+}
+
+.ss-margin-bottom-36 {
+  margin-bottom: 36rpx;
+}
+
+.ss-padding-bottom-36 {
+  padding-bottom: 36rpx;
+}
+
+.ss-margin-38,
+.ss-m-38 {
+  margin: 38rpx;
+}
+
+.ss-m-x-38 {
+  margin-left: 38rpx;
+  margin-right: 38rpx;
+}
+
+.ss-m-y-38 {
+  margin-top: 38rpx;
+  margin-bottom: 38rpx;
+}
+
+.ss-padding-38,
+.ss-p-38 {
+  padding: 38rpx;
+}
+
+.ss-p-x-38 {
+  padding-left: 38rpx;
+  padding-right: 38rpx;
+}
+
+.ss-p-y-38 {
+  padding-top: 38rpx;
+  padding-bottom: 38rpx;
+}
+
+.ss-m-l-38 {
+  margin-left: 38rpx;
+}
+
+.ss-p-l-38 {
+  padding-left: 38rpx;
+}
+
+.ss-margin-left-38 {
+  margin-left: 38rpx;
+}
+
+.ss-padding-left-38 {
+  padding-left: 38rpx;
+}
+
+.ss-m-t-38 {
+  margin-top: 38rpx;
+}
+
+.ss-p-t-38 {
+  padding-top: 38rpx;
+}
+
+.ss-margin-top-38 {
+  margin-top: 38rpx;
+}
+
+.ss-padding-top-38 {
+  padding-top: 38rpx;
+}
+
+.ss-m-r-38 {
+  margin-right: 38rpx;
+}
+
+.ss-p-r-38 {
+  padding-right: 38rpx;
+}
+
+.ss-margin-right-38 {
+  margin-right: 38rpx;
+}
+
+.ss-padding-right-38 {
+  padding-right: 38rpx;
+}
+
+.ss-m-b-38 {
+  margin-bottom: 38rpx;
+}
+
+.ss-p-b-38 {
+  padding-bottom: 38rpx;
+}
+
+.ss-margin-bottom-38 {
+  margin-bottom: 38rpx;
+}
+
+.ss-padding-bottom-38 {
+  padding-bottom: 38rpx;
+}
+
+.ss-margin-40,
+.ss-m-40 {
+  margin: 40rpx;
+}
+
+.ss-m-x-40 {
+  margin-left: 40rpx;
+  margin-right: 40rpx;
+}
+
+.ss-m-y-40 {
+  margin-top: 40rpx;
+  margin-bottom: 40rpx;
+}
+
+.ss-padding-40,
+.ss-p-40 {
+  padding: 40rpx;
+}
+
+.ss-p-x-40 {
+  padding-left: 40rpx;
+  padding-right: 40rpx;
+}
+
+.ss-p-y-40 {
+  padding-top: 40rpx;
+  padding-bottom: 40rpx;
+}
+
+.ss-m-l-40 {
+  margin-left: 40rpx;
+}
+
+.ss-p-l-40 {
+  padding-left: 40rpx;
+}
+
+.ss-margin-left-40 {
+  margin-left: 40rpx;
+}
+
+.ss-padding-left-40 {
+  padding-left: 40rpx;
+}
+
+.ss-m-t-40 {
+  margin-top: 40rpx;
+}
+
+.ss-p-t-40 {
+  padding-top: 40rpx;
+}
+
+.ss-margin-top-40 {
+  margin-top: 40rpx;
+}
+
+.ss-padding-top-40 {
+  padding-top: 40rpx;
+}
+
+.ss-m-r-40 {
+  margin-right: 40rpx;
+}
+
+.ss-p-r-40 {
+  padding-right: 40rpx;
+}
+
+.ss-margin-right-40 {
+  margin-right: 40rpx;
+}
+
+.ss-padding-right-40 {
+  padding-right: 40rpx;
+}
+
+.ss-m-b-40 {
+  margin-bottom: 40rpx;
+}
+
+.ss-p-b-40 {
+  padding-bottom: 40rpx;
+}
+
+.ss-margin-bottom-40 {
+  margin-bottom: 40rpx;
+}
+
+.ss-padding-bottom-40 {
+  padding-bottom: 40rpx;
+}
+
+.ss-margin-42,
+.ss-m-42 {
+  margin: 42rpx;
+}
+
+.ss-m-x-42 {
+  margin-left: 42rpx;
+  margin-right: 42rpx;
+}
+
+.ss-m-y-42 {
+  margin-top: 42rpx;
+  margin-bottom: 42rpx;
+}
+
+.ss-padding-42,
+.ss-p-42 {
+  padding: 42rpx;
+}
+
+.ss-p-x-42 {
+  padding-left: 42rpx;
+  padding-right: 42rpx;
+}
+
+.ss-p-y-42 {
+  padding-top: 42rpx;
+  padding-bottom: 42rpx;
+}
+
+.ss-m-l-42 {
+  margin-left: 42rpx;
+}
+
+.ss-p-l-42 {
+  padding-left: 42rpx;
+}
+
+.ss-margin-left-42 {
+  margin-left: 42rpx;
+}
+
+.ss-padding-left-42 {
+  padding-left: 42rpx;
+}
+
+.ss-m-t-42 {
+  margin-top: 42rpx;
+}
+
+.ss-p-t-42 {
+  padding-top: 42rpx;
+}
+
+.ss-margin-top-42 {
+  margin-top: 42rpx;
+}
+
+.ss-padding-top-42 {
+  padding-top: 42rpx;
+}
+
+.ss-m-r-42 {
+  margin-right: 42rpx;
+}
+
+.ss-p-r-42 {
+  padding-right: 42rpx;
+}
+
+.ss-margin-right-42 {
+  margin-right: 42rpx;
+}
+
+.ss-padding-right-42 {
+  padding-right: 42rpx;
+}
+
+.ss-m-b-42 {
+  margin-bottom: 42rpx;
+}
+
+.ss-p-b-42 {
+  padding-bottom: 42rpx;
+}
+
+.ss-margin-bottom-42 {
+  margin-bottom: 42rpx;
+}
+
+.ss-padding-bottom-42 {
+  padding-bottom: 42rpx;
+}
+
+.ss-margin-44,
+.ss-m-44 {
+  margin: 44rpx;
+}
+
+.ss-m-x-44 {
+  margin-left: 44rpx;
+  margin-right: 44rpx;
+}
+
+.ss-m-y-44 {
+  margin-top: 44rpx;
+  margin-bottom: 44rpx;
+}
+
+.ss-padding-44,
+.ss-p-44 {
+  padding: 44rpx;
+}
+
+.ss-p-x-44 {
+  padding-left: 44rpx;
+  padding-right: 44rpx;
+}
+
+.ss-p-y-44 {
+  padding-top: 44rpx;
+  padding-bottom: 44rpx;
+}
+
+.ss-m-l-44 {
+  margin-left: 44rpx;
+}
+
+.ss-p-l-44 {
+  padding-left: 44rpx;
+}
+
+.ss-margin-left-44 {
+  margin-left: 44rpx;
+}
+
+.ss-padding-left-44 {
+  padding-left: 44rpx;
+}
+
+.ss-m-t-44 {
+  margin-top: 44rpx;
+}
+
+.ss-p-t-44 {
+  padding-top: 44rpx;
+}
+
+.ss-margin-top-44 {
+  margin-top: 44rpx;
+}
+
+.ss-padding-top-44 {
+  padding-top: 44rpx;
+}
+
+.ss-m-r-44 {
+  margin-right: 44rpx;
+}
+
+.ss-p-r-44 {
+  padding-right: 44rpx;
+}
+
+.ss-margin-right-44 {
+  margin-right: 44rpx;
+}
+
+.ss-padding-right-44 {
+  padding-right: 44rpx;
+}
+
+.ss-m-b-44 {
+  margin-bottom: 44rpx;
+}
+
+.ss-p-b-44 {
+  padding-bottom: 44rpx;
+}
+
+.ss-margin-bottom-44 {
+  margin-bottom: 44rpx;
+}
+
+.ss-padding-bottom-44 {
+  padding-bottom: 44rpx;
+}
+
+.ss-margin-45,
+.ss-m-45 {
+  margin: 45rpx;
+}
+
+.ss-m-x-45 {
+  margin-left: 45rpx;
+  margin-right: 45rpx;
+}
+
+.ss-m-y-45 {
+  margin-top: 45rpx;
+  margin-bottom: 45rpx;
+}
+
+.ss-padding-45,
+.ss-p-45 {
+  padding: 45rpx;
+}
+
+.ss-p-x-45 {
+  padding-left: 45rpx;
+  padding-right: 45rpx;
+}
+
+.ss-p-y-45 {
+  padding-top: 45rpx;
+  padding-bottom: 45rpx;
+}
+
+.ss-m-l-45 {
+  margin-left: 45rpx;
+}
+
+.ss-p-l-45 {
+  padding-left: 45rpx;
+}
+
+.ss-margin-left-45 {
+  margin-left: 45rpx;
+}
+
+.ss-padding-left-45 {
+  padding-left: 45rpx;
+}
+
+.ss-m-t-45 {
+  margin-top: 45rpx;
+}
+
+.ss-p-t-45 {
+  padding-top: 45rpx;
+}
+
+.ss-margin-top-45 {
+  margin-top: 45rpx;
+}
+
+.ss-padding-top-45 {
+  padding-top: 45rpx;
+}
+
+.ss-m-r-45 {
+  margin-right: 45rpx;
+}
+
+.ss-p-r-45 {
+  padding-right: 45rpx;
+}
+
+.ss-margin-right-45 {
+  margin-right: 45rpx;
+}
+
+.ss-padding-right-45 {
+  padding-right: 45rpx;
+}
+
+.ss-m-b-45 {
+  margin-bottom: 45rpx;
+}
+
+.ss-p-b-45 {
+  padding-bottom: 45rpx;
+}
+
+.ss-margin-bottom-45 {
+  margin-bottom: 45rpx;
+}
+
+.ss-padding-bottom-45 {
+  padding-bottom: 45rpx;
+}
+
+.ss-margin-46,
+.ss-m-46 {
+  margin: 46rpx;
+}
+
+.ss-m-x-46 {
+  margin-left: 46rpx;
+  margin-right: 46rpx;
+}
+
+.ss-m-y-46 {
+  margin-top: 46rpx;
+  margin-bottom: 46rpx;
+}
+
+.ss-padding-46,
+.ss-p-46 {
+  padding: 46rpx;
+}
+
+.ss-p-x-46 {
+  padding-left: 46rpx;
+  padding-right: 46rpx;
+}
+
+.ss-p-y-46 {
+  padding-top: 46rpx;
+  padding-bottom: 46rpx;
+}
+
+.ss-m-l-46 {
+  margin-left: 46rpx;
+}
+
+.ss-p-l-46 {
+  padding-left: 46rpx;
+}
+
+.ss-margin-left-46 {
+  margin-left: 46rpx;
+}
+
+.ss-padding-left-46 {
+  padding-left: 46rpx;
+}
+
+.ss-m-t-46 {
+  margin-top: 46rpx;
+}
+
+.ss-p-t-46 {
+  padding-top: 46rpx;
+}
+
+.ss-margin-top-46 {
+  margin-top: 46rpx;
+}
+
+.ss-padding-top-46 {
+  padding-top: 46rpx;
+}
+
+.ss-m-r-46 {
+  margin-right: 46rpx;
+}
+
+.ss-p-r-46 {
+  padding-right: 46rpx;
+}
+
+.ss-margin-right-46 {
+  margin-right: 46rpx;
+}
+
+.ss-padding-right-46 {
+  padding-right: 46rpx;
+}
+
+.ss-m-b-46 {
+  margin-bottom: 46rpx;
+}
+
+.ss-p-b-46 {
+  padding-bottom: 46rpx;
+}
+
+.ss-margin-bottom-46 {
+  margin-bottom: 46rpx;
+}
+
+.ss-padding-bottom-46 {
+  padding-bottom: 46rpx;
+}
+
+.ss-margin-48,
+.ss-m-48 {
+  margin: 48rpx;
+}
+
+.ss-m-x-48 {
+  margin-left: 48rpx;
+  margin-right: 48rpx;
+}
+
+.ss-m-y-48 {
+  margin-top: 48rpx;
+  margin-bottom: 48rpx;
+}
+
+.ss-padding-48,
+.ss-p-48 {
+  padding: 48rpx;
+}
+
+.ss-p-x-48 {
+  padding-left: 48rpx;
+  padding-right: 48rpx;
+}
+
+.ss-p-y-48 {
+  padding-top: 48rpx;
+  padding-bottom: 48rpx;
+}
+
+.ss-m-l-48 {
+  margin-left: 48rpx;
+}
+
+.ss-p-l-48 {
+  padding-left: 48rpx;
+}
+
+.ss-margin-left-48 {
+  margin-left: 48rpx;
+}
+
+.ss-padding-left-48 {
+  padding-left: 48rpx;
+}
+
+.ss-m-t-48 {
+  margin-top: 48rpx;
+}
+
+.ss-p-t-48 {
+  padding-top: 48rpx;
+}
+
+.ss-margin-top-48 {
+  margin-top: 48rpx;
+}
+
+.ss-padding-top-48 {
+  padding-top: 48rpx;
+}
+
+.ss-m-r-48 {
+  margin-right: 48rpx;
+}
+
+.ss-p-r-48 {
+  padding-right: 48rpx;
+}
+
+.ss-margin-right-48 {
+  margin-right: 48rpx;
+}
+
+.ss-padding-right-48 {
+  padding-right: 48rpx;
+}
+
+.ss-m-b-48 {
+  margin-bottom: 48rpx;
+}
+
+.ss-p-b-48 {
+  padding-bottom: 48rpx;
+}
+
+.ss-margin-bottom-48 {
+  margin-bottom: 48rpx;
+}
+
+.ss-padding-bottom-48 {
+  padding-bottom: 48rpx;
+}
+
+.ss-margin-50,
+.ss-m-50 {
+  margin: 50rpx;
+}
+
+.ss-m-x-50 {
+  margin-left: 50rpx;
+  margin-right: 50rpx;
+}
+
+.ss-m-y-50 {
+  margin-top: 50rpx;
+  margin-bottom: 50rpx;
+}
+
+.ss-padding-50,
+.ss-p-50 {
+  padding: 50rpx;
+}
+
+.ss-p-x-50 {
+  padding-left: 50rpx;
+  padding-right: 50rpx;
+}
+
+.ss-p-y-50 {
+  padding-top: 50rpx;
+  padding-bottom: 50rpx;
+}
+
+.ss-m-l-50 {
+  margin-left: 50rpx;
+}
+
+.ss-p-l-50 {
+  padding-left: 50rpx;
+}
+
+.ss-margin-left-50 {
+  margin-left: 50rpx;
+}
+
+.ss-padding-left-50 {
+  padding-left: 50rpx;
+}
+
+.ss-m-t-50 {
+  margin-top: 50rpx;
+}
+
+.ss-p-t-50 {
+  padding-top: 50rpx;
+}
+
+.ss-margin-top-50 {
+  margin-top: 50rpx;
+}
+
+.ss-padding-top-50 {
+  padding-top: 50rpx;
+}
+
+.ss-m-r-50 {
+  margin-right: 50rpx;
+}
+
+.ss-p-r-50 {
+  padding-right: 50rpx;
+}
+
+.ss-margin-right-50 {
+  margin-right: 50rpx;
+}
+
+.ss-padding-right-50 {
+  padding-right: 50rpx;
+}
+
+.ss-m-b-50 {
+  margin-bottom: 50rpx;
+}
+
+.ss-p-b-50 {
+  padding-bottom: 50rpx;
+}
+
+.ss-margin-bottom-50 {
+  margin-bottom: 50rpx;
+}
+
+.ss-padding-bottom-50 {
+  padding-bottom: 50rpx;
+}
+
+.ss-margin-52,
+.ss-m-52 {
+  margin: 52rpx;
+}
+
+.ss-m-x-52 {
+  margin-left: 52rpx;
+  margin-right: 52rpx;
+}
+
+.ss-m-y-52 {
+  margin-top: 52rpx;
+  margin-bottom: 52rpx;
+}
+
+.ss-padding-52,
+.ss-p-52 {
+  padding: 52rpx;
+}
+
+.ss-p-x-52 {
+  padding-left: 52rpx;
+  padding-right: 52rpx;
+}
+
+.ss-p-y-52 {
+  padding-top: 52rpx;
+  padding-bottom: 52rpx;
+}
+
+.ss-m-l-52 {
+  margin-left: 52rpx;
+}
+
+.ss-p-l-52 {
+  padding-left: 52rpx;
+}
+
+.ss-margin-left-52 {
+  margin-left: 52rpx;
+}
+
+.ss-padding-left-52 {
+  padding-left: 52rpx;
+}
+
+.ss-m-t-52 {
+  margin-top: 52rpx;
+}
+
+.ss-p-t-52 {
+  padding-top: 52rpx;
+}
+
+.ss-margin-top-52 {
+  margin-top: 52rpx;
+}
+
+.ss-padding-top-52 {
+  padding-top: 52rpx;
+}
+
+.ss-m-r-52 {
+  margin-right: 52rpx;
+}
+
+.ss-p-r-52 {
+  padding-right: 52rpx;
+}
+
+.ss-margin-right-52 {
+  margin-right: 52rpx;
+}
+
+.ss-padding-right-52 {
+  padding-right: 52rpx;
+}
+
+.ss-m-b-52 {
+  margin-bottom: 52rpx;
+}
+
+.ss-p-b-52 {
+  padding-bottom: 52rpx;
+}
+
+.ss-margin-bottom-52 {
+  margin-bottom: 52rpx;
+}
+
+.ss-padding-bottom-52 {
+  padding-bottom: 52rpx;
+}
+
+.ss-margin-54,
+.ss-m-54 {
+  margin: 54rpx;
+}
+
+.ss-m-x-54 {
+  margin-left: 54rpx;
+  margin-right: 54rpx;
+}
+
+.ss-m-y-54 {
+  margin-top: 54rpx;
+  margin-bottom: 54rpx;
+}
+
+.ss-padding-54,
+.ss-p-54 {
+  padding: 54rpx;
+}
+
+.ss-p-x-54 {
+  padding-left: 54rpx;
+  padding-right: 54rpx;
+}
+
+.ss-p-y-54 {
+  padding-top: 54rpx;
+  padding-bottom: 54rpx;
+}
+
+.ss-m-l-54 {
+  margin-left: 54rpx;
+}
+
+.ss-p-l-54 {
+  padding-left: 54rpx;
+}
+
+.ss-margin-left-54 {
+  margin-left: 54rpx;
+}
+
+.ss-padding-left-54 {
+  padding-left: 54rpx;
+}
+
+.ss-m-t-54 {
+  margin-top: 54rpx;
+}
+
+.ss-p-t-54 {
+  padding-top: 54rpx;
+}
+
+.ss-margin-top-54 {
+  margin-top: 54rpx;
+}
+
+.ss-padding-top-54 {
+  padding-top: 54rpx;
+}
+
+.ss-m-r-54 {
+  margin-right: 54rpx;
+}
+
+.ss-p-r-54 {
+  padding-right: 54rpx;
+}
+
+.ss-margin-right-54 {
+  margin-right: 54rpx;
+}
+
+.ss-padding-right-54 {
+  padding-right: 54rpx;
+}
+
+.ss-m-b-54 {
+  margin-bottom: 54rpx;
+}
+
+.ss-p-b-54 {
+  padding-bottom: 54rpx;
+}
+
+.ss-margin-bottom-54 {
+  margin-bottom: 54rpx;
+}
+
+.ss-padding-bottom-54 {
+  padding-bottom: 54rpx;
+}
+
+.ss-margin-55,
+.ss-m-55 {
+  margin: 55rpx;
+}
+
+.ss-m-x-55 {
+  margin-left: 55rpx;
+  margin-right: 55rpx;
+}
+
+.ss-m-y-55 {
+  margin-top: 55rpx;
+  margin-bottom: 55rpx;
+}
+
+.ss-padding-55,
+.ss-p-55 {
+  padding: 55rpx;
+}
+
+.ss-p-x-55 {
+  padding-left: 55rpx;
+  padding-right: 55rpx;
+}
+
+.ss-p-y-55 {
+  padding-top: 55rpx;
+  padding-bottom: 55rpx;
+}
+
+.ss-m-l-55 {
+  margin-left: 55rpx;
+}
+
+.ss-p-l-55 {
+  padding-left: 55rpx;
+}
+
+.ss-margin-left-55 {
+  margin-left: 55rpx;
+}
+
+.ss-padding-left-55 {
+  padding-left: 55rpx;
+}
+
+.ss-m-t-55 {
+  margin-top: 55rpx;
+}
+
+.ss-p-t-55 {
+  padding-top: 55rpx;
+}
+
+.ss-margin-top-55 {
+  margin-top: 55rpx;
+}
+
+.ss-padding-top-55 {
+  padding-top: 55rpx;
+}
+
+.ss-m-r-55 {
+  margin-right: 55rpx;
+}
+
+.ss-p-r-55 {
+  padding-right: 55rpx;
+}
+
+.ss-margin-right-55 {
+  margin-right: 55rpx;
+}
+
+.ss-padding-right-55 {
+  padding-right: 55rpx;
+}
+
+.ss-m-b-55 {
+  margin-bottom: 55rpx;
+}
+
+.ss-p-b-55 {
+  padding-bottom: 55rpx;
+}
+
+.ss-margin-bottom-55 {
+  margin-bottom: 55rpx;
+}
+
+.ss-padding-bottom-55 {
+  padding-bottom: 55rpx;
+}
+
+.ss-margin-56,
+.ss-m-56 {
+  margin: 56rpx;
+}
+
+.ss-m-x-56 {
+  margin-left: 56rpx;
+  margin-right: 56rpx;
+}
+
+.ss-m-y-56 {
+  margin-top: 56rpx;
+  margin-bottom: 56rpx;
+}
+
+.ss-padding-56,
+.ss-p-56 {
+  padding: 56rpx;
+}
+
+.ss-p-x-56 {
+  padding-left: 56rpx;
+  padding-right: 56rpx;
+}
+
+.ss-p-y-56 {
+  padding-top: 56rpx;
+  padding-bottom: 56rpx;
+}
+
+.ss-m-l-56 {
+  margin-left: 56rpx;
+}
+
+.ss-p-l-56 {
+  padding-left: 56rpx;
+}
+
+.ss-margin-left-56 {
+  margin-left: 56rpx;
+}
+
+.ss-padding-left-56 {
+  padding-left: 56rpx;
+}
+
+.ss-m-t-56 {
+  margin-top: 56rpx;
+}
+
+.ss-p-t-56 {
+  padding-top: 56rpx;
+}
+
+.ss-margin-top-56 {
+  margin-top: 56rpx;
+}
+
+.ss-padding-top-56 {
+  padding-top: 56rpx;
+}
+
+.ss-m-r-56 {
+  margin-right: 56rpx;
+}
+
+.ss-p-r-56 {
+  padding-right: 56rpx;
+}
+
+.ss-margin-right-56 {
+  margin-right: 56rpx;
+}
+
+.ss-padding-right-56 {
+  padding-right: 56rpx;
+}
+
+.ss-m-b-56 {
+  margin-bottom: 56rpx;
+}
+
+.ss-p-b-56 {
+  padding-bottom: 56rpx;
+}
+
+.ss-margin-bottom-56 {
+  margin-bottom: 56rpx;
+}
+
+.ss-padding-bottom-56 {
+  padding-bottom: 56rpx;
+}
+
+.ss-margin-58,
+.ss-m-58 {
+  margin: 58rpx;
+}
+
+.ss-m-x-58 {
+  margin-left: 58rpx;
+  margin-right: 58rpx;
+}
+
+.ss-m-y-58 {
+  margin-top: 58rpx;
+  margin-bottom: 58rpx;
+}
+
+.ss-padding-58,
+.ss-p-58 {
+  padding: 58rpx;
+}
+
+.ss-p-x-58 {
+  padding-left: 58rpx;
+  padding-right: 58rpx;
+}
+
+.ss-p-y-58 {
+  padding-top: 58rpx;
+  padding-bottom: 58rpx;
+}
+
+.ss-m-l-58 {
+  margin-left: 58rpx;
+}
+
+.ss-p-l-58 {
+  padding-left: 58rpx;
+}
+
+.ss-margin-left-58 {
+  margin-left: 58rpx;
+}
+
+.ss-padding-left-58 {
+  padding-left: 58rpx;
+}
+
+.ss-m-t-58 {
+  margin-top: 58rpx;
+}
+
+.ss-p-t-58 {
+  padding-top: 58rpx;
+}
+
+.ss-margin-top-58 {
+  margin-top: 58rpx;
+}
+
+.ss-padding-top-58 {
+  padding-top: 58rpx;
+}
+
+.ss-m-r-58 {
+  margin-right: 58rpx;
+}
+
+.ss-p-r-58 {
+  padding-right: 58rpx;
+}
+
+.ss-margin-right-58 {
+  margin-right: 58rpx;
+}
+
+.ss-padding-right-58 {
+  padding-right: 58rpx;
+}
+
+.ss-m-b-58 {
+  margin-bottom: 58rpx;
+}
+
+.ss-p-b-58 {
+  padding-bottom: 58rpx;
+}
+
+.ss-margin-bottom-58 {
+  margin-bottom: 58rpx;
+}
+
+.ss-padding-bottom-58 {
+  padding-bottom: 58rpx;
+}
+
+.ss-margin-60,
+.ss-m-60 {
+  margin: 60rpx;
+}
+
+.ss-m-x-60 {
+  margin-left: 60rpx;
+  margin-right: 60rpx;
+}
+
+.ss-m-y-60 {
+  margin-top: 60rpx;
+  margin-bottom: 60rpx;
+}
+
+.ss-padding-60,
+.ss-p-60 {
+  padding: 60rpx;
+}
+
+.ss-p-x-60 {
+  padding-left: 60rpx;
+  padding-right: 60rpx;
+}
+
+.ss-p-y-60 {
+  padding-top: 60rpx;
+  padding-bottom: 60rpx;
+}
+
+.ss-m-l-60 {
+  margin-left: 60rpx;
+}
+
+.ss-p-l-60 {
+  padding-left: 60rpx;
+}
+
+.ss-margin-left-60 {
+  margin-left: 60rpx;
+}
+
+.ss-padding-left-60 {
+  padding-left: 60rpx;
+}
+
+.ss-m-t-60 {
+  margin-top: 60rpx;
+}
+
+.ss-p-t-60 {
+  padding-top: 60rpx;
+}
+
+.ss-margin-top-60 {
+  margin-top: 60rpx;
+}
+
+.ss-padding-top-60 {
+  padding-top: 60rpx;
+}
+
+.ss-m-r-60 {
+  margin-right: 60rpx;
+}
+
+.ss-p-r-60 {
+  padding-right: 60rpx;
+}
+
+.ss-margin-right-60 {
+  margin-right: 60rpx;
+}
+
+.ss-padding-right-60 {
+  padding-right: 60rpx;
+}
+
+.ss-m-b-60 {
+  margin-bottom: 60rpx;
+}
+
+.ss-p-b-60 {
+  padding-bottom: 60rpx;
+}
+
+.ss-margin-bottom-60 {
+  margin-bottom: 60rpx;
+}
+
+.ss-padding-bottom-60 {
+  padding-bottom: 60rpx;
+}
+
+.ss-margin-62,
+.ss-m-62 {
+  margin: 62rpx;
+}
+
+.ss-m-x-62 {
+  margin-left: 62rpx;
+  margin-right: 62rpx;
+}
+
+.ss-m-y-62 {
+  margin-top: 62rpx;
+  margin-bottom: 62rpx;
+}
+
+.ss-padding-62,
+.ss-p-62 {
+  padding: 62rpx;
+}
+
+.ss-p-x-62 {
+  padding-left: 62rpx;
+  padding-right: 62rpx;
+}
+
+.ss-p-y-62 {
+  padding-top: 62rpx;
+  padding-bottom: 62rpx;
+}
+
+.ss-m-l-62 {
+  margin-left: 62rpx;
+}
+
+.ss-p-l-62 {
+  padding-left: 62rpx;
+}
+
+.ss-margin-left-62 {
+  margin-left: 62rpx;
+}
+
+.ss-padding-left-62 {
+  padding-left: 62rpx;
+}
+
+.ss-m-t-62 {
+  margin-top: 62rpx;
+}
+
+.ss-p-t-62 {
+  padding-top: 62rpx;
+}
+
+.ss-margin-top-62 {
+  margin-top: 62rpx;
+}
+
+.ss-padding-top-62 {
+  padding-top: 62rpx;
+}
+
+.ss-m-r-62 {
+  margin-right: 62rpx;
+}
+
+.ss-p-r-62 {
+  padding-right: 62rpx;
+}
+
+.ss-margin-right-62 {
+  margin-right: 62rpx;
+}
+
+.ss-padding-right-62 {
+  padding-right: 62rpx;
+}
+
+.ss-m-b-62 {
+  margin-bottom: 62rpx;
+}
+
+.ss-p-b-62 {
+  padding-bottom: 62rpx;
+}
+
+.ss-margin-bottom-62 {
+  margin-bottom: 62rpx;
+}
+
+.ss-padding-bottom-62 {
+  padding-bottom: 62rpx;
+}
+
+.ss-margin-64,
+.ss-m-64 {
+  margin: 64rpx;
+}
+
+.ss-m-x-64 {
+  margin-left: 64rpx;
+  margin-right: 64rpx;
+}
+
+.ss-m-y-64 {
+  margin-top: 64rpx;
+  margin-bottom: 64rpx;
+}
+
+.ss-padding-64,
+.ss-p-64 {
+  padding: 64rpx;
+}
+
+.ss-p-x-64 {
+  padding-left: 64rpx;
+  padding-right: 64rpx;
+}
+
+.ss-p-y-64 {
+  padding-top: 64rpx;
+  padding-bottom: 64rpx;
+}
+
+.ss-m-l-64 {
+  margin-left: 64rpx;
+}
+
+.ss-p-l-64 {
+  padding-left: 64rpx;
+}
+
+.ss-margin-left-64 {
+  margin-left: 64rpx;
+}
+
+.ss-padding-left-64 {
+  padding-left: 64rpx;
+}
+
+.ss-m-t-64 {
+  margin-top: 64rpx;
+}
+
+.ss-p-t-64 {
+  padding-top: 64rpx;
+}
+
+.ss-margin-top-64 {
+  margin-top: 64rpx;
+}
+
+.ss-padding-top-64 {
+  padding-top: 64rpx;
+}
+
+.ss-m-r-64 {
+  margin-right: 64rpx;
+}
+
+.ss-p-r-64 {
+  padding-right: 64rpx;
+}
+
+.ss-margin-right-64 {
+  margin-right: 64rpx;
+}
+
+.ss-padding-right-64 {
+  padding-right: 64rpx;
+}
+
+.ss-m-b-64 {
+  margin-bottom: 64rpx;
+}
+
+.ss-p-b-64 {
+  padding-bottom: 64rpx;
+}
+
+.ss-margin-bottom-64 {
+  margin-bottom: 64rpx;
+}
+
+.ss-padding-bottom-64 {
+  padding-bottom: 64rpx;
+}
+
+.ss-margin-65,
+.ss-m-65 {
+  margin: 65rpx;
+}
+
+.ss-m-x-65 {
+  margin-left: 65rpx;
+  margin-right: 65rpx;
+}
+
+.ss-m-y-65 {
+  margin-top: 65rpx;
+  margin-bottom: 65rpx;
+}
+
+.ss-padding-65,
+.ss-p-65 {
+  padding: 65rpx;
+}
+
+.ss-p-x-65 {
+  padding-left: 65rpx;
+  padding-right: 65rpx;
+}
+
+.ss-p-y-65 {
+  padding-top: 65rpx;
+  padding-bottom: 65rpx;
+}
+
+.ss-m-l-65 {
+  margin-left: 65rpx;
+}
+
+.ss-p-l-65 {
+  padding-left: 65rpx;
+}
+
+.ss-margin-left-65 {
+  margin-left: 65rpx;
+}
+
+.ss-padding-left-65 {
+  padding-left: 65rpx;
+}
+
+.ss-m-t-65 {
+  margin-top: 65rpx;
+}
+
+.ss-p-t-65 {
+  padding-top: 65rpx;
+}
+
+.ss-margin-top-65 {
+  margin-top: 65rpx;
+}
+
+.ss-padding-top-65 {
+  padding-top: 65rpx;
+}
+
+.ss-m-r-65 {
+  margin-right: 65rpx;
+}
+
+.ss-p-r-65 {
+  padding-right: 65rpx;
+}
+
+.ss-margin-right-65 {
+  margin-right: 65rpx;
+}
+
+.ss-padding-right-65 {
+  padding-right: 65rpx;
+}
+
+.ss-m-b-65 {
+  margin-bottom: 65rpx;
+}
+
+.ss-p-b-65 {
+  padding-bottom: 65rpx;
+}
+
+.ss-margin-bottom-65 {
+  margin-bottom: 65rpx;
+}
+
+.ss-padding-bottom-65 {
+  padding-bottom: 65rpx;
+}
+
+.ss-margin-66,
+.ss-m-66 {
+  margin: 66rpx;
+}
+
+.ss-m-x-66 {
+  margin-left: 66rpx;
+  margin-right: 66rpx;
+}
+
+.ss-m-y-66 {
+  margin-top: 66rpx;
+  margin-bottom: 66rpx;
+}
+
+.ss-padding-66,
+.ss-p-66 {
+  padding: 66rpx;
+}
+
+.ss-p-x-66 {
+  padding-left: 66rpx;
+  padding-right: 66rpx;
+}
+
+.ss-p-y-66 {
+  padding-top: 66rpx;
+  padding-bottom: 66rpx;
+}
+
+.ss-m-l-66 {
+  margin-left: 66rpx;
+}
+
+.ss-p-l-66 {
+  padding-left: 66rpx;
+}
+
+.ss-margin-left-66 {
+  margin-left: 66rpx;
+}
+
+.ss-padding-left-66 {
+  padding-left: 66rpx;
+}
+
+.ss-m-t-66 {
+  margin-top: 66rpx;
+}
+
+.ss-p-t-66 {
+  padding-top: 66rpx;
+}
+
+.ss-margin-top-66 {
+  margin-top: 66rpx;
+}
+
+.ss-padding-top-66 {
+  padding-top: 66rpx;
+}
+
+.ss-m-r-66 {
+  margin-right: 66rpx;
+}
+
+.ss-p-r-66 {
+  padding-right: 66rpx;
+}
+
+.ss-margin-right-66 {
+  margin-right: 66rpx;
+}
+
+.ss-padding-right-66 {
+  padding-right: 66rpx;
+}
+
+.ss-m-b-66 {
+  margin-bottom: 66rpx;
+}
+
+.ss-p-b-66 {
+  padding-bottom: 66rpx;
+}
+
+.ss-margin-bottom-66 {
+  margin-bottom: 66rpx;
+}
+
+.ss-padding-bottom-66 {
+  padding-bottom: 66rpx;
+}
+
+.ss-margin-68,
+.ss-m-68 {
+  margin: 68rpx;
+}
+
+.ss-m-x-68 {
+  margin-left: 68rpx;
+  margin-right: 68rpx;
+}
+
+.ss-m-y-68 {
+  margin-top: 68rpx;
+  margin-bottom: 68rpx;
+}
+
+.ss-padding-68,
+.ss-p-68 {
+  padding: 68rpx;
+}
+
+.ss-p-x-68 {
+  padding-left: 68rpx;
+  padding-right: 68rpx;
+}
+
+.ss-p-y-68 {
+  padding-top: 68rpx;
+  padding-bottom: 68rpx;
+}
+
+.ss-m-l-68 {
+  margin-left: 68rpx;
+}
+
+.ss-p-l-68 {
+  padding-left: 68rpx;
+}
+
+.ss-margin-left-68 {
+  margin-left: 68rpx;
+}
+
+.ss-padding-left-68 {
+  padding-left: 68rpx;
+}
+
+.ss-m-t-68 {
+  margin-top: 68rpx;
+}
+
+.ss-p-t-68 {
+  padding-top: 68rpx;
+}
+
+.ss-margin-top-68 {
+  margin-top: 68rpx;
+}
+
+.ss-padding-top-68 {
+  padding-top: 68rpx;
+}
+
+.ss-m-r-68 {
+  margin-right: 68rpx;
+}
+
+.ss-p-r-68 {
+  padding-right: 68rpx;
+}
+
+.ss-margin-right-68 {
+  margin-right: 68rpx;
+}
+
+.ss-padding-right-68 {
+  padding-right: 68rpx;
+}
+
+.ss-m-b-68 {
+  margin-bottom: 68rpx;
+}
+
+.ss-p-b-68 {
+  padding-bottom: 68rpx;
+}
+
+.ss-margin-bottom-68 {
+  margin-bottom: 68rpx;
+}
+
+.ss-padding-bottom-68 {
+  padding-bottom: 68rpx;
+}
+
+.ss-margin-70,
+.ss-m-70 {
+  margin: 70rpx;
+}
+
+.ss-m-x-70 {
+  margin-left: 70rpx;
+  margin-right: 70rpx;
+}
+
+.ss-m-y-70 {
+  margin-top: 70rpx;
+  margin-bottom: 70rpx;
+}
+
+.ss-padding-70,
+.ss-p-70 {
+  padding: 70rpx;
+}
+
+.ss-p-x-70 {
+  padding-left: 70rpx;
+  padding-right: 70rpx;
+}
+
+.ss-p-y-70 {
+  padding-top: 70rpx;
+  padding-bottom: 70rpx;
+}
+
+.ss-m-l-70 {
+  margin-left: 70rpx;
+}
+
+.ss-p-l-70 {
+  padding-left: 70rpx;
+}
+
+.ss-margin-left-70 {
+  margin-left: 70rpx;
+}
+
+.ss-padding-left-70 {
+  padding-left: 70rpx;
+}
+
+.ss-m-t-70 {
+  margin-top: 70rpx;
+}
+
+.ss-p-t-70 {
+  padding-top: 70rpx;
+}
+
+.ss-margin-top-70 {
+  margin-top: 70rpx;
+}
+
+.ss-padding-top-70 {
+  padding-top: 70rpx;
+}
+
+.ss-m-r-70 {
+  margin-right: 70rpx;
+}
+
+.ss-p-r-70 {
+  padding-right: 70rpx;
+}
+
+.ss-margin-right-70 {
+  margin-right: 70rpx;
+}
+
+.ss-padding-right-70 {
+  padding-right: 70rpx;
+}
+
+.ss-m-b-70 {
+  margin-bottom: 70rpx;
+}
+
+.ss-p-b-70 {
+  padding-bottom: 70rpx;
+}
+
+.ss-margin-bottom-70 {
+  margin-bottom: 70rpx;
+}
+
+.ss-padding-bottom-70 {
+  padding-bottom: 70rpx;
+}
+
+.ss-margin-72,
+.ss-m-72 {
+  margin: 72rpx;
+}
+
+.ss-m-x-72 {
+  margin-left: 72rpx;
+  margin-right: 72rpx;
+}
+
+.ss-m-y-72 {
+  margin-top: 72rpx;
+  margin-bottom: 72rpx;
+}
+
+.ss-padding-72,
+.ss-p-72 {
+  padding: 72rpx;
+}
+
+.ss-p-x-72 {
+  padding-left: 72rpx;
+  padding-right: 72rpx;
+}
+
+.ss-p-y-72 {
+  padding-top: 72rpx;
+  padding-bottom: 72rpx;
+}
+
+.ss-m-l-72 {
+  margin-left: 72rpx;
+}
+
+.ss-p-l-72 {
+  padding-left: 72rpx;
+}
+
+.ss-margin-left-72 {
+  margin-left: 72rpx;
+}
+
+.ss-padding-left-72 {
+  padding-left: 72rpx;
+}
+
+.ss-m-t-72 {
+  margin-top: 72rpx;
+}
+
+.ss-p-t-72 {
+  padding-top: 72rpx;
+}
+
+.ss-margin-top-72 {
+  margin-top: 72rpx;
+}
+
+.ss-padding-top-72 {
+  padding-top: 72rpx;
+}
+
+.ss-m-r-72 {
+  margin-right: 72rpx;
+}
+
+.ss-p-r-72 {
+  padding-right: 72rpx;
+}
+
+.ss-margin-right-72 {
+  margin-right: 72rpx;
+}
+
+.ss-padding-right-72 {
+  padding-right: 72rpx;
+}
+
+.ss-m-b-72 {
+  margin-bottom: 72rpx;
+}
+
+.ss-p-b-72 {
+  padding-bottom: 72rpx;
+}
+
+.ss-margin-bottom-72 {
+  margin-bottom: 72rpx;
+}
+
+.ss-padding-bottom-72 {
+  padding-bottom: 72rpx;
+}
+
+.ss-margin-74,
+.ss-m-74 {
+  margin: 74rpx;
+}
+
+.ss-m-x-74 {
+  margin-left: 74rpx;
+  margin-right: 74rpx;
+}
+
+.ss-m-y-74 {
+  margin-top: 74rpx;
+  margin-bottom: 74rpx;
+}
+
+.ss-padding-74,
+.ss-p-74 {
+  padding: 74rpx;
+}
+
+.ss-p-x-74 {
+  padding-left: 74rpx;
+  padding-right: 74rpx;
+}
+
+.ss-p-y-74 {
+  padding-top: 74rpx;
+  padding-bottom: 74rpx;
+}
+
+.ss-m-l-74 {
+  margin-left: 74rpx;
+}
+
+.ss-p-l-74 {
+  padding-left: 74rpx;
+}
+
+.ss-margin-left-74 {
+  margin-left: 74rpx;
+}
+
+.ss-padding-left-74 {
+  padding-left: 74rpx;
+}
+
+.ss-m-t-74 {
+  margin-top: 74rpx;
+}
+
+.ss-p-t-74 {
+  padding-top: 74rpx;
+}
+
+.ss-margin-top-74 {
+  margin-top: 74rpx;
+}
+
+.ss-padding-top-74 {
+  padding-top: 74rpx;
+}
+
+.ss-m-r-74 {
+  margin-right: 74rpx;
+}
+
+.ss-p-r-74 {
+  padding-right: 74rpx;
+}
+
+.ss-margin-right-74 {
+  margin-right: 74rpx;
+}
+
+.ss-padding-right-74 {
+  padding-right: 74rpx;
+}
+
+.ss-m-b-74 {
+  margin-bottom: 74rpx;
+}
+
+.ss-p-b-74 {
+  padding-bottom: 74rpx;
+}
+
+.ss-margin-bottom-74 {
+  margin-bottom: 74rpx;
+}
+
+.ss-padding-bottom-74 {
+  padding-bottom: 74rpx;
+}
+
+.ss-margin-75,
+.ss-m-75 {
+  margin: 75rpx;
+}
+
+.ss-m-x-75 {
+  margin-left: 75rpx;
+  margin-right: 75rpx;
+}
+
+.ss-m-y-75 {
+  margin-top: 75rpx;
+  margin-bottom: 75rpx;
+}
+
+.ss-padding-75,
+.ss-p-75 {
+  padding: 75rpx;
+}
+
+.ss-p-x-75 {
+  padding-left: 75rpx;
+  padding-right: 75rpx;
+}
+
+.ss-p-y-75 {
+  padding-top: 75rpx;
+  padding-bottom: 75rpx;
+}
+
+.ss-m-l-75 {
+  margin-left: 75rpx;
+}
+
+.ss-p-l-75 {
+  padding-left: 75rpx;
+}
+
+.ss-margin-left-75 {
+  margin-left: 75rpx;
+}
+
+.ss-padding-left-75 {
+  padding-left: 75rpx;
+}
+
+.ss-m-t-75 {
+  margin-top: 75rpx;
+}
+
+.ss-p-t-75 {
+  padding-top: 75rpx;
+}
+
+.ss-margin-top-75 {
+  margin-top: 75rpx;
+}
+
+.ss-padding-top-75 {
+  padding-top: 75rpx;
+}
+
+.ss-m-r-75 {
+  margin-right: 75rpx;
+}
+
+.ss-p-r-75 {
+  padding-right: 75rpx;
+}
+
+.ss-margin-right-75 {
+  margin-right: 75rpx;
+}
+
+.ss-padding-right-75 {
+  padding-right: 75rpx;
+}
+
+.ss-m-b-75 {
+  margin-bottom: 75rpx;
+}
+
+.ss-p-b-75 {
+  padding-bottom: 75rpx;
+}
+
+.ss-margin-bottom-75 {
+  margin-bottom: 75rpx;
+}
+
+.ss-padding-bottom-75 {
+  padding-bottom: 75rpx;
+}
+
+.ss-margin-76,
+.ss-m-76 {
+  margin: 76rpx;
+}
+
+.ss-m-x-76 {
+  margin-left: 76rpx;
+  margin-right: 76rpx;
+}
+
+.ss-m-y-76 {
+  margin-top: 76rpx;
+  margin-bottom: 76rpx;
+}
+
+.ss-padding-76,
+.ss-p-76 {
+  padding: 76rpx;
+}
+
+.ss-p-x-76 {
+  padding-left: 76rpx;
+  padding-right: 76rpx;
+}
+
+.ss-p-y-76 {
+  padding-top: 76rpx;
+  padding-bottom: 76rpx;
+}
+
+.ss-m-l-76 {
+  margin-left: 76rpx;
+}
+
+.ss-p-l-76 {
+  padding-left: 76rpx;
+}
+
+.ss-margin-left-76 {
+  margin-left: 76rpx;
+}
+
+.ss-padding-left-76 {
+  padding-left: 76rpx;
+}
+
+.ss-m-t-76 {
+  margin-top: 76rpx;
+}
+
+.ss-p-t-76 {
+  padding-top: 76rpx;
+}
+
+.ss-margin-top-76 {
+  margin-top: 76rpx;
+}
+
+.ss-padding-top-76 {
+  padding-top: 76rpx;
+}
+
+.ss-m-r-76 {
+  margin-right: 76rpx;
+}
+
+.ss-p-r-76 {
+  padding-right: 76rpx;
+}
+
+.ss-margin-right-76 {
+  margin-right: 76rpx;
+}
+
+.ss-padding-right-76 {
+  padding-right: 76rpx;
+}
+
+.ss-m-b-76 {
+  margin-bottom: 76rpx;
+}
+
+.ss-p-b-76 {
+  padding-bottom: 76rpx;
+}
+
+.ss-margin-bottom-76 {
+  margin-bottom: 76rpx;
+}
+
+.ss-padding-bottom-76 {
+  padding-bottom: 76rpx;
+}
+
+.ss-margin-78,
+.ss-m-78 {
+  margin: 78rpx;
+}
+
+.ss-m-x-78 {
+  margin-left: 78rpx;
+  margin-right: 78rpx;
+}
+
+.ss-m-y-78 {
+  margin-top: 78rpx;
+  margin-bottom: 78rpx;
+}
+
+.ss-padding-78,
+.ss-p-78 {
+  padding: 78rpx;
+}
+
+.ss-p-x-78 {
+  padding-left: 78rpx;
+  padding-right: 78rpx;
+}
+
+.ss-p-y-78 {
+  padding-top: 78rpx;
+  padding-bottom: 78rpx;
+}
+
+.ss-m-l-78 {
+  margin-left: 78rpx;
+}
+
+.ss-p-l-78 {
+  padding-left: 78rpx;
+}
+
+.ss-margin-left-78 {
+  margin-left: 78rpx;
+}
+
+.ss-padding-left-78 {
+  padding-left: 78rpx;
+}
+
+.ss-m-t-78 {
+  margin-top: 78rpx;
+}
+
+.ss-p-t-78 {
+  padding-top: 78rpx;
+}
+
+.ss-margin-top-78 {
+  margin-top: 78rpx;
+}
+
+.ss-padding-top-78 {
+  padding-top: 78rpx;
+}
+
+.ss-m-r-78 {
+  margin-right: 78rpx;
+}
+
+.ss-p-r-78 {
+  padding-right: 78rpx;
+}
+
+.ss-margin-right-78 {
+  margin-right: 78rpx;
+}
+
+.ss-padding-right-78 {
+  padding-right: 78rpx;
+}
+
+.ss-m-b-78 {
+  margin-bottom: 78rpx;
+}
+
+.ss-p-b-78 {
+  padding-bottom: 78rpx;
+}
+
+.ss-margin-bottom-78 {
+  margin-bottom: 78rpx;
+}
+
+.ss-padding-bottom-78 {
+  padding-bottom: 78rpx;
+}
+
+.ss-margin-80,
+.ss-m-80 {
+  margin: 80rpx;
+}
+
+.ss-m-x-80 {
+  margin-left: 80rpx;
+  margin-right: 80rpx;
+}
+
+.ss-m-y-80 {
+  margin-top: 80rpx;
+  margin-bottom: 80rpx;
+}
+
+.ss-padding-80,
+.ss-p-80 {
+  padding: 80rpx;
+}
+
+.ss-p-x-80 {
+  padding-left: 80rpx;
+  padding-right: 80rpx;
+}
+
+.ss-p-y-80 {
+  padding-top: 80rpx;
+  padding-bottom: 80rpx;
+}
+
+.ss-m-l-80 {
+  margin-left: 80rpx;
+}
+
+.ss-p-l-80 {
+  padding-left: 80rpx;
+}
+
+.ss-margin-left-80 {
+  margin-left: 80rpx;
+}
+
+.ss-padding-left-80 {
+  padding-left: 80rpx;
+}
+
+.ss-m-t-80 {
+  margin-top: 80rpx;
+}
+
+.ss-p-t-80 {
+  padding-top: 80rpx;
+}
+
+.ss-margin-top-80 {
+  margin-top: 80rpx;
+}
+
+.ss-padding-top-80 {
+  padding-top: 80rpx;
+}
+
+.ss-m-r-80 {
+  margin-right: 80rpx;
+}
+
+.ss-p-r-80 {
+  padding-right: 80rpx;
+}
+
+.ss-margin-right-80 {
+  margin-right: 80rpx;
+}
+
+.ss-padding-right-80 {
+  padding-right: 80rpx;
+}
+
+.ss-m-b-80 {
+  margin-bottom: 80rpx;
+}
+
+.ss-p-b-80 {
+  padding-bottom: 80rpx;
+}
+
+.ss-margin-bottom-80 {
+  margin-bottom: 80rpx;
+}
+
+.ss-padding-bottom-80 {
+  padding-bottom: 80rpx;
+}
+
+.ss-margin-82,
+.ss-m-82 {
+  margin: 82rpx;
+}
+
+.ss-m-x-82 {
+  margin-left: 82rpx;
+  margin-right: 82rpx;
+}
+
+.ss-m-y-82 {
+  margin-top: 82rpx;
+  margin-bottom: 82rpx;
+}
+
+.ss-padding-82,
+.ss-p-82 {
+  padding: 82rpx;
+}
+
+.ss-p-x-82 {
+  padding-left: 82rpx;
+  padding-right: 82rpx;
+}
+
+.ss-p-y-82 {
+  padding-top: 82rpx;
+  padding-bottom: 82rpx;
+}
+
+.ss-m-l-82 {
+  margin-left: 82rpx;
+}
+
+.ss-p-l-82 {
+  padding-left: 82rpx;
+}
+
+.ss-margin-left-82 {
+  margin-left: 82rpx;
+}
+
+.ss-padding-left-82 {
+  padding-left: 82rpx;
+}
+
+.ss-m-t-82 {
+  margin-top: 82rpx;
+}
+
+.ss-p-t-82 {
+  padding-top: 82rpx;
+}
+
+.ss-margin-top-82 {
+  margin-top: 82rpx;
+}
+
+.ss-padding-top-82 {
+  padding-top: 82rpx;
+}
+
+.ss-m-r-82 {
+  margin-right: 82rpx;
+}
+
+.ss-p-r-82 {
+  padding-right: 82rpx;
+}
+
+.ss-margin-right-82 {
+  margin-right: 82rpx;
+}
+
+.ss-padding-right-82 {
+  padding-right: 82rpx;
+}
+
+.ss-m-b-82 {
+  margin-bottom: 82rpx;
+}
+
+.ss-p-b-82 {
+  padding-bottom: 82rpx;
+}
+
+.ss-margin-bottom-82 {
+  margin-bottom: 82rpx;
+}
+
+.ss-padding-bottom-82 {
+  padding-bottom: 82rpx;
+}
+
+.ss-margin-84,
+.ss-m-84 {
+  margin: 84rpx;
+}
+
+.ss-m-x-84 {
+  margin-left: 84rpx;
+  margin-right: 84rpx;
+}
+
+.ss-m-y-84 {
+  margin-top: 84rpx;
+  margin-bottom: 84rpx;
+}
+
+.ss-padding-84,
+.ss-p-84 {
+  padding: 84rpx;
+}
+
+.ss-p-x-84 {
+  padding-left: 84rpx;
+  padding-right: 84rpx;
+}
+
+.ss-p-y-84 {
+  padding-top: 84rpx;
+  padding-bottom: 84rpx;
+}
+
+.ss-m-l-84 {
+  margin-left: 84rpx;
+}
+
+.ss-p-l-84 {
+  padding-left: 84rpx;
+}
+
+.ss-margin-left-84 {
+  margin-left: 84rpx;
+}
+
+.ss-padding-left-84 {
+  padding-left: 84rpx;
+}
+
+.ss-m-t-84 {
+  margin-top: 84rpx;
+}
+
+.ss-p-t-84 {
+  padding-top: 84rpx;
+}
+
+.ss-margin-top-84 {
+  margin-top: 84rpx;
+}
+
+.ss-padding-top-84 {
+  padding-top: 84rpx;
+}
+
+.ss-m-r-84 {
+  margin-right: 84rpx;
+}
+
+.ss-p-r-84 {
+  padding-right: 84rpx;
+}
+
+.ss-margin-right-84 {
+  margin-right: 84rpx;
+}
+
+.ss-padding-right-84 {
+  padding-right: 84rpx;
+}
+
+.ss-m-b-84 {
+  margin-bottom: 84rpx;
+}
+
+.ss-p-b-84 {
+  padding-bottom: 84rpx;
+}
+
+.ss-margin-bottom-84 {
+  margin-bottom: 84rpx;
+}
+
+.ss-padding-bottom-84 {
+  padding-bottom: 84rpx;
+}
+
+.ss-margin-85,
+.ss-m-85 {
+  margin: 85rpx;
+}
+
+.ss-m-x-85 {
+  margin-left: 85rpx;
+  margin-right: 85rpx;
+}
+
+.ss-m-y-85 {
+  margin-top: 85rpx;
+  margin-bottom: 85rpx;
+}
+
+.ss-padding-85,
+.ss-p-85 {
+  padding: 85rpx;
+}
+
+.ss-p-x-85 {
+  padding-left: 85rpx;
+  padding-right: 85rpx;
+}
+
+.ss-p-y-85 {
+  padding-top: 85rpx;
+  padding-bottom: 85rpx;
+}
+
+.ss-m-l-85 {
+  margin-left: 85rpx;
+}
+
+.ss-p-l-85 {
+  padding-left: 85rpx;
+}
+
+.ss-margin-left-85 {
+  margin-left: 85rpx;
+}
+
+.ss-padding-left-85 {
+  padding-left: 85rpx;
+}
+
+.ss-m-t-85 {
+  margin-top: 85rpx;
+}
+
+.ss-p-t-85 {
+  padding-top: 85rpx;
+}
+
+.ss-margin-top-85 {
+  margin-top: 85rpx;
+}
+
+.ss-padding-top-85 {
+  padding-top: 85rpx;
+}
+
+.ss-m-r-85 {
+  margin-right: 85rpx;
+}
+
+.ss-p-r-85 {
+  padding-right: 85rpx;
+}
+
+.ss-margin-right-85 {
+  margin-right: 85rpx;
+}
+
+.ss-padding-right-85 {
+  padding-right: 85rpx;
+}
+
+.ss-m-b-85 {
+  margin-bottom: 85rpx;
+}
+
+.ss-p-b-85 {
+  padding-bottom: 85rpx;
+}
+
+.ss-margin-bottom-85 {
+  margin-bottom: 85rpx;
+}
+
+.ss-padding-bottom-85 {
+  padding-bottom: 85rpx;
+}
+
+.ss-margin-86,
+.ss-m-86 {
+  margin: 86rpx;
+}
+
+.ss-m-x-86 {
+  margin-left: 86rpx;
+  margin-right: 86rpx;
+}
+
+.ss-m-y-86 {
+  margin-top: 86rpx;
+  margin-bottom: 86rpx;
+}
+
+.ss-padding-86,
+.ss-p-86 {
+  padding: 86rpx;
+}
+
+.ss-p-x-86 {
+  padding-left: 86rpx;
+  padding-right: 86rpx;
+}
+
+.ss-p-y-86 {
+  padding-top: 86rpx;
+  padding-bottom: 86rpx;
+}
+
+.ss-m-l-86 {
+  margin-left: 86rpx;
+}
+
+.ss-p-l-86 {
+  padding-left: 86rpx;
+}
+
+.ss-margin-left-86 {
+  margin-left: 86rpx;
+}
+
+.ss-padding-left-86 {
+  padding-left: 86rpx;
+}
+
+.ss-m-t-86 {
+  margin-top: 86rpx;
+}
+
+.ss-p-t-86 {
+  padding-top: 86rpx;
+}
+
+.ss-margin-top-86 {
+  margin-top: 86rpx;
+}
+
+.ss-padding-top-86 {
+  padding-top: 86rpx;
+}
+
+.ss-m-r-86 {
+  margin-right: 86rpx;
+}
+
+.ss-p-r-86 {
+  padding-right: 86rpx;
+}
+
+.ss-margin-right-86 {
+  margin-right: 86rpx;
+}
+
+.ss-padding-right-86 {
+  padding-right: 86rpx;
+}
+
+.ss-m-b-86 {
+  margin-bottom: 86rpx;
+}
+
+.ss-p-b-86 {
+  padding-bottom: 86rpx;
+}
+
+.ss-margin-bottom-86 {
+  margin-bottom: 86rpx;
+}
+
+.ss-padding-bottom-86 {
+  padding-bottom: 86rpx;
+}
+
+.ss-margin-88,
+.ss-m-88 {
+  margin: 88rpx;
+}
+
+.ss-m-x-88 {
+  margin-left: 88rpx;
+  margin-right: 88rpx;
+}
+
+.ss-m-y-88 {
+  margin-top: 88rpx;
+  margin-bottom: 88rpx;
+}
+
+.ss-padding-88,
+.ss-p-88 {
+  padding: 88rpx;
+}
+
+.ss-p-x-88 {
+  padding-left: 88rpx;
+  padding-right: 88rpx;
+}
+
+.ss-p-y-88 {
+  padding-top: 88rpx;
+  padding-bottom: 88rpx;
+}
+
+.ss-m-l-88 {
+  margin-left: 88rpx;
+}
+
+.ss-p-l-88 {
+  padding-left: 88rpx;
+}
+
+.ss-margin-left-88 {
+  margin-left: 88rpx;
+}
+
+.ss-padding-left-88 {
+  padding-left: 88rpx;
+}
+
+.ss-m-t-88 {
+  margin-top: 88rpx;
+}
+
+.ss-p-t-88 {
+  padding-top: 88rpx;
+}
+
+.ss-margin-top-88 {
+  margin-top: 88rpx;
+}
+
+.ss-padding-top-88 {
+  padding-top: 88rpx;
+}
+
+.ss-m-r-88 {
+  margin-right: 88rpx;
+}
+
+.ss-p-r-88 {
+  padding-right: 88rpx;
+}
+
+.ss-margin-right-88 {
+  margin-right: 88rpx;
+}
+
+.ss-padding-right-88 {
+  padding-right: 88rpx;
+}
+
+.ss-m-b-88 {
+  margin-bottom: 88rpx;
+}
+
+.ss-p-b-88 {
+  padding-bottom: 88rpx;
+}
+
+.ss-margin-bottom-88 {
+  margin-bottom: 88rpx;
+}
+
+.ss-padding-bottom-88 {
+  padding-bottom: 88rpx;
+}
+
+.ss-margin-90,
+.ss-m-90 {
+  margin: 90rpx;
+}
+
+.ss-m-x-90 {
+  margin-left: 90rpx;
+  margin-right: 90rpx;
+}
+
+.ss-m-y-90 {
+  margin-top: 90rpx;
+  margin-bottom: 90rpx;
+}
+
+.ss-padding-90,
+.ss-p-90 {
+  padding: 90rpx;
+}
+
+.ss-p-x-90 {
+  padding-left: 90rpx;
+  padding-right: 90rpx;
+}
+
+.ss-p-y-90 {
+  padding-top: 90rpx;
+  padding-bottom: 90rpx;
+}
+
+.ss-m-l-90 {
+  margin-left: 90rpx;
+}
+
+.ss-p-l-90 {
+  padding-left: 90rpx;
+}
+
+.ss-margin-left-90 {
+  margin-left: 90rpx;
+}
+
+.ss-padding-left-90 {
+  padding-left: 90rpx;
+}
+
+.ss-m-t-90 {
+  margin-top: 90rpx;
+}
+
+.ss-p-t-90 {
+  padding-top: 90rpx;
+}
+
+.ss-margin-top-90 {
+  margin-top: 90rpx;
+}
+
+.ss-padding-top-90 {
+  padding-top: 90rpx;
+}
+
+.ss-m-r-90 {
+  margin-right: 90rpx;
+}
+
+.ss-p-r-90 {
+  padding-right: 90rpx;
+}
+
+.ss-margin-right-90 {
+  margin-right: 90rpx;
+}
+
+.ss-padding-right-90 {
+  padding-right: 90rpx;
+}
+
+.ss-m-b-90 {
+  margin-bottom: 90rpx;
+}
+
+.ss-p-b-90 {
+  padding-bottom: 90rpx;
+}
+
+.ss-margin-bottom-90 {
+  margin-bottom: 90rpx;
+}
+
+.ss-padding-bottom-90 {
+  padding-bottom: 90rpx;
+}
+
+.ss-margin-92,
+.ss-m-92 {
+  margin: 92rpx;
+}
+
+.ss-m-x-92 {
+  margin-left: 92rpx;
+  margin-right: 92rpx;
+}
+
+.ss-m-y-92 {
+  margin-top: 92rpx;
+  margin-bottom: 92rpx;
+}
+
+.ss-padding-92,
+.ss-p-92 {
+  padding: 92rpx;
+}
+
+.ss-p-x-92 {
+  padding-left: 92rpx;
+  padding-right: 92rpx;
+}
+
+.ss-p-y-92 {
+  padding-top: 92rpx;
+  padding-bottom: 92rpx;
+}
+
+.ss-m-l-92 {
+  margin-left: 92rpx;
+}
+
+.ss-p-l-92 {
+  padding-left: 92rpx;
+}
+
+.ss-margin-left-92 {
+  margin-left: 92rpx;
+}
+
+.ss-padding-left-92 {
+  padding-left: 92rpx;
+}
+
+.ss-m-t-92 {
+  margin-top: 92rpx;
+}
+
+.ss-p-t-92 {
+  padding-top: 92rpx;
+}
+
+.ss-margin-top-92 {
+  margin-top: 92rpx;
+}
+
+.ss-padding-top-92 {
+  padding-top: 92rpx;
+}
+
+.ss-m-r-92 {
+  margin-right: 92rpx;
+}
+
+.ss-p-r-92 {
+  padding-right: 92rpx;
+}
+
+.ss-margin-right-92 {
+  margin-right: 92rpx;
+}
+
+.ss-padding-right-92 {
+  padding-right: 92rpx;
+}
+
+.ss-m-b-92 {
+  margin-bottom: 92rpx;
+}
+
+.ss-p-b-92 {
+  padding-bottom: 92rpx;
+}
+
+.ss-margin-bottom-92 {
+  margin-bottom: 92rpx;
+}
+
+.ss-padding-bottom-92 {
+  padding-bottom: 92rpx;
+}
+
+.ss-margin-94,
+.ss-m-94 {
+  margin: 94rpx;
+}
+
+.ss-m-x-94 {
+  margin-left: 94rpx;
+  margin-right: 94rpx;
+}
+
+.ss-m-y-94 {
+  margin-top: 94rpx;
+  margin-bottom: 94rpx;
+}
+
+.ss-padding-94,
+.ss-p-94 {
+  padding: 94rpx;
+}
+
+.ss-p-x-94 {
+  padding-left: 94rpx;
+  padding-right: 94rpx;
+}
+
+.ss-p-y-94 {
+  padding-top: 94rpx;
+  padding-bottom: 94rpx;
+}
+
+.ss-m-l-94 {
+  margin-left: 94rpx;
+}
+
+.ss-p-l-94 {
+  padding-left: 94rpx;
+}
+
+.ss-margin-left-94 {
+  margin-left: 94rpx;
+}
+
+.ss-padding-left-94 {
+  padding-left: 94rpx;
+}
+
+.ss-m-t-94 {
+  margin-top: 94rpx;
+}
+
+.ss-p-t-94 {
+  padding-top: 94rpx;
+}
+
+.ss-margin-top-94 {
+  margin-top: 94rpx;
+}
+
+.ss-padding-top-94 {
+  padding-top: 94rpx;
+}
+
+.ss-m-r-94 {
+  margin-right: 94rpx;
+}
+
+.ss-p-r-94 {
+  padding-right: 94rpx;
+}
+
+.ss-margin-right-94 {
+  margin-right: 94rpx;
+}
+
+.ss-padding-right-94 {
+  padding-right: 94rpx;
+}
+
+.ss-m-b-94 {
+  margin-bottom: 94rpx;
+}
+
+.ss-p-b-94 {
+  padding-bottom: 94rpx;
+}
+
+.ss-margin-bottom-94 {
+  margin-bottom: 94rpx;
+}
+
+.ss-padding-bottom-94 {
+  padding-bottom: 94rpx;
+}
+
+.ss-margin-95,
+.ss-m-95 {
+  margin: 95rpx;
+}
+
+.ss-m-x-95 {
+  margin-left: 95rpx;
+  margin-right: 95rpx;
+}
+
+.ss-m-y-95 {
+  margin-top: 95rpx;
+  margin-bottom: 95rpx;
+}
+
+.ss-padding-95,
+.ss-p-95 {
+  padding: 95rpx;
+}
+
+.ss-p-x-95 {
+  padding-left: 95rpx;
+  padding-right: 95rpx;
+}
+
+.ss-p-y-95 {
+  padding-top: 95rpx;
+  padding-bottom: 95rpx;
+}
+
+.ss-m-l-95 {
+  margin-left: 95rpx;
+}
+
+.ss-p-l-95 {
+  padding-left: 95rpx;
+}
+
+.ss-margin-left-95 {
+  margin-left: 95rpx;
+}
+
+.ss-padding-left-95 {
+  padding-left: 95rpx;
+}
+
+.ss-m-t-95 {
+  margin-top: 95rpx;
+}
+
+.ss-p-t-95 {
+  padding-top: 95rpx;
+}
+
+.ss-margin-top-95 {
+  margin-top: 95rpx;
+}
+
+.ss-padding-top-95 {
+  padding-top: 95rpx;
+}
+
+.ss-m-r-95 {
+  margin-right: 95rpx;
+}
+
+.ss-p-r-95 {
+  padding-right: 95rpx;
+}
+
+.ss-margin-right-95 {
+  margin-right: 95rpx;
+}
+
+.ss-padding-right-95 {
+  padding-right: 95rpx;
+}
+
+.ss-m-b-95 {
+  margin-bottom: 95rpx;
+}
+
+.ss-p-b-95 {
+  padding-bottom: 95rpx;
+}
+
+.ss-margin-bottom-95 {
+  margin-bottom: 95rpx;
+}
+
+.ss-padding-bottom-95 {
+  padding-bottom: 95rpx;
+}
+
+.ss-margin-96,
+.ss-m-96 {
+  margin: 96rpx;
+}
+
+.ss-m-x-96 {
+  margin-left: 96rpx;
+  margin-right: 96rpx;
+}
+
+.ss-m-y-96 {
+  margin-top: 96rpx;
+  margin-bottom: 96rpx;
+}
+
+.ss-padding-96,
+.ss-p-96 {
+  padding: 96rpx;
+}
+
+.ss-p-x-96 {
+  padding-left: 96rpx;
+  padding-right: 96rpx;
+}
+
+.ss-p-y-96 {
+  padding-top: 96rpx;
+  padding-bottom: 96rpx;
+}
+
+.ss-m-l-96 {
+  margin-left: 96rpx;
+}
+
+.ss-p-l-96 {
+  padding-left: 96rpx;
+}
+
+.ss-margin-left-96 {
+  margin-left: 96rpx;
+}
+
+.ss-padding-left-96 {
+  padding-left: 96rpx;
+}
+
+.ss-m-t-96 {
+  margin-top: 96rpx;
+}
+
+.ss-p-t-96 {
+  padding-top: 96rpx;
+}
+
+.ss-margin-top-96 {
+  margin-top: 96rpx;
+}
+
+.ss-padding-top-96 {
+  padding-top: 96rpx;
+}
+
+.ss-m-r-96 {
+  margin-right: 96rpx;
+}
+
+.ss-p-r-96 {
+  padding-right: 96rpx;
+}
+
+.ss-margin-right-96 {
+  margin-right: 96rpx;
+}
+
+.ss-padding-right-96 {
+  padding-right: 96rpx;
+}
+
+.ss-m-b-96 {
+  margin-bottom: 96rpx;
+}
+
+.ss-p-b-96 {
+  padding-bottom: 96rpx;
+}
+
+.ss-margin-bottom-96 {
+  margin-bottom: 96rpx;
+}
+
+.ss-padding-bottom-96 {
+  padding-bottom: 96rpx;
+}
+
+.ss-margin-98,
+.ss-m-98 {
+  margin: 98rpx;
+}
+
+.ss-m-x-98 {
+  margin-left: 98rpx;
+  margin-right: 98rpx;
+}
+
+.ss-m-y-98 {
+  margin-top: 98rpx;
+  margin-bottom: 98rpx;
+}
+
+.ss-padding-98,
+.ss-p-98 {
+  padding: 98rpx;
+}
+
+.ss-p-x-98 {
+  padding-left: 98rpx;
+  padding-right: 98rpx;
+}
+
+.ss-p-y-98 {
+  padding-top: 98rpx;
+  padding-bottom: 98rpx;
+}
+
+.ss-m-l-98 {
+  margin-left: 98rpx;
+}
+
+.ss-p-l-98 {
+  padding-left: 98rpx;
+}
+
+.ss-margin-left-98 {
+  margin-left: 98rpx;
+}
+
+.ss-padding-left-98 {
+  padding-left: 98rpx;
+}
+
+.ss-m-t-98 {
+  margin-top: 98rpx;
+}
+
+.ss-p-t-98 {
+  padding-top: 98rpx;
+}
+
+.ss-margin-top-98 {
+  margin-top: 98rpx;
+}
+
+.ss-padding-top-98 {
+  padding-top: 98rpx;
+}
+
+.ss-m-r-98 {
+  margin-right: 98rpx;
+}
+
+.ss-p-r-98 {
+  padding-right: 98rpx;
+}
+
+.ss-margin-right-98 {
+  margin-right: 98rpx;
+}
+
+.ss-padding-right-98 {
+  padding-right: 98rpx;
+}
+
+.ss-m-b-98 {
+  margin-bottom: 98rpx;
+}
+
+.ss-p-b-98 {
+  padding-bottom: 98rpx;
+}
+
+.ss-margin-bottom-98 {
+  margin-bottom: 98rpx;
+}
+
+.ss-padding-bottom-98 {
+  padding-bottom: 98rpx;
+}
+
+.ss-margin-100,
+.ss-m-100 {
+  margin: 100rpx;
+}
+
+.ss-m-x-100 {
+  margin-left: 100rpx;
+  margin-right: 100rpx;
+}
+
+.ss-m-y-100 {
+  margin-top: 100rpx;
+  margin-bottom: 100rpx;
+}
+
+.ss-padding-100,
+.ss-p-100 {
+  padding: 100rpx;
+}
+
+.ss-p-x-100 {
+  padding-left: 100rpx;
+  padding-right: 100rpx;
+}
+
+.ss-p-y-100 {
+  padding-top: 100rpx;
+  padding-bottom: 100rpx;
+}
+
+.ss-m-l-100 {
+  margin-left: 100rpx;
+}
+
+.ss-p-l-100 {
+  padding-left: 100rpx;
+}
+
+.ss-margin-left-100 {
+  margin-left: 100rpx;
+}
+
+.ss-padding-left-100 {
+  padding-left: 100rpx;
+}
+
+.ss-m-t-100 {
+  margin-top: 100rpx;
+}
+
+.ss-p-t-100 {
+  padding-top: 100rpx;
+}
+
+.ss-margin-top-100 {
+  margin-top: 100rpx;
+}
+
+.ss-padding-top-100 {
+  padding-top: 100rpx;
+}
+
+.ss-m-r-100 {
+  margin-right: 100rpx;
+}
+
+.ss-p-r-100 {
+  padding-right: 100rpx;
+}
+
+.ss-margin-right-100 {
+  margin-right: 100rpx;
+}
+
+.ss-padding-right-100 {
+  padding-right: 100rpx;
+}
+
+.ss-m-b-100 {
+  margin-bottom: 100rpx;
+}
+
+.ss-p-b-100 {
+  padding-bottom: 100rpx;
+}
+
+.ss-margin-bottom-100 {
+  margin-bottom: 100rpx;
+}
+
+.ss-padding-bottom-100 {
+  padding-bottom: 100rpx;
+}
+
+/* ==================
+
+    radius
+	
+ ==================== */
+.ss-radius-0,
+.ss-r-0 {
+  border-radius: 0rpx;
+}
+
+.ss-r-t-0 {
+  border-top-left-radius: 0rpx;
+  border-top-right-radius: 0rpx;
+}
+
+.ss-r-b-0 {
+  border-bottom-left-radius: 0rpx;
+  border-bottom-right-radius: 0rpx;
+}
+
+.ss-r-tl-0 {
+  border-top-left-radius: 0rpx;
+}
+
+.ss-radius-top-left-0 {
+  border-top-left-radius: 0rpx;
+}
+
+.ss-r-tr-0 {
+  border-top-right-radius: 0rpx;
+}
+
+.ss-radius-top-right-0 {
+  border-top-right-radius: 0rpx;
+}
+
+.ss-r-bl-0 {
+  border-bottom-right-radius: 0rpx;
+}
+
+.ss-radius-bottom-right-0 {
+  border-bottom-right-radius: 0rpx;
+}
+
+.ss-r-br-0 {
+  border-bottom-right-radius: 0rpx;
+}
+
+.ss-radius-bottom-right-0 {
+  border-bottom-right-radius: 0rpx;
+}
+
+.ss-radius-2,
+.ss-r-2 {
+  border-radius: 2rpx;
+}
+
+.ss-r-t-2 {
+  border-top-left-radius: 2rpx;
+  border-top-right-radius: 2rpx;
+}
+
+.ss-r-b-2 {
+  border-bottom-left-radius: 2rpx;
+  border-bottom-right-radius: 2rpx;
+}
+
+.ss-r-tl-2 {
+  border-top-left-radius: 2rpx;
+}
+
+.ss-radius-top-left-2 {
+  border-top-left-radius: 2rpx;
+}
+
+.ss-r-tr-2 {
+  border-top-right-radius: 2rpx;
+}
+
+.ss-radius-top-right-2 {
+  border-top-right-radius: 2rpx;
+}
+
+.ss-r-bl-2 {
+  border-bottom-right-radius: 2rpx;
+}
+
+.ss-radius-bottom-right-2 {
+  border-bottom-right-radius: 2rpx;
+}
+
+.ss-r-br-2 {
+  border-bottom-right-radius: 2rpx;
+}
+
+.ss-radius-bottom-right-2 {
+  border-bottom-right-radius: 2rpx;
+}
+
+.ss-radius-4,
+.ss-r-4 {
+  border-radius: 4rpx;
+}
+
+.ss-r-t-4 {
+  border-top-left-radius: 4rpx;
+  border-top-right-radius: 4rpx;
+}
+
+.ss-r-b-4 {
+  border-bottom-left-radius: 4rpx;
+  border-bottom-right-radius: 4rpx;
+}
+
+.ss-r-tl-4 {
+  border-top-left-radius: 4rpx;
+}
+
+.ss-radius-top-left-4 {
+  border-top-left-radius: 4rpx;
+}
+
+.ss-r-tr-4 {
+  border-top-right-radius: 4rpx;
+}
+
+.ss-radius-top-right-4 {
+  border-top-right-radius: 4rpx;
+}
+
+.ss-r-bl-4 {
+  border-bottom-right-radius: 4rpx;
+}
+
+.ss-radius-bottom-right-4 {
+  border-bottom-right-radius: 4rpx;
+}
+
+.ss-r-br-4 {
+  border-bottom-right-radius: 4rpx;
+}
+
+.ss-radius-bottom-right-4 {
+  border-bottom-right-radius: 4rpx;
+}
+
+.ss-radius-5,
+.ss-r-5 {
+  border-radius: 5rpx;
+}
+
+.ss-r-t-5 {
+  border-top-left-radius: 5rpx;
+  border-top-right-radius: 5rpx;
+}
+
+.ss-r-b-5 {
+  border-bottom-left-radius: 5rpx;
+  border-bottom-right-radius: 5rpx;
+}
+
+.ss-r-tl-5 {
+  border-top-left-radius: 5rpx;
+}
+
+.ss-radius-top-left-5 {
+  border-top-left-radius: 5rpx;
+}
+
+.ss-r-tr-5 {
+  border-top-right-radius: 5rpx;
+}
+
+.ss-radius-top-right-5 {
+  border-top-right-radius: 5rpx;
+}
+
+.ss-r-bl-5 {
+  border-bottom-right-radius: 5rpx;
+}
+
+.ss-radius-bottom-right-5 {
+  border-bottom-right-radius: 5rpx;
+}
+
+.ss-r-br-5 {
+  border-bottom-right-radius: 5rpx;
+}
+
+.ss-radius-bottom-right-5 {
+  border-bottom-right-radius: 5rpx;
+}
+
+.ss-radius-6,
+.ss-r-6 {
+  border-radius: 6rpx;
+}
+
+.ss-r-t-6 {
+  border-top-left-radius: 6rpx;
+  border-top-right-radius: 6rpx;
+}
+
+.ss-r-b-6 {
+  border-bottom-left-radius: 6rpx;
+  border-bottom-right-radius: 6rpx;
+}
+
+.ss-r-tl-6 {
+  border-top-left-radius: 6rpx;
+}
+
+.ss-radius-top-left-6 {
+  border-top-left-radius: 6rpx;
+}
+
+.ss-r-tr-6 {
+  border-top-right-radius: 6rpx;
+}
+
+.ss-radius-top-right-6 {
+  border-top-right-radius: 6rpx;
+}
+
+.ss-r-bl-6 {
+  border-bottom-right-radius: 6rpx;
+}
+
+.ss-radius-bottom-right-6 {
+  border-bottom-right-radius: 6rpx;
+}
+
+.ss-r-br-6 {
+  border-bottom-right-radius: 6rpx;
+}
+
+.ss-radius-bottom-right-6 {
+  border-bottom-right-radius: 6rpx;
+}
+
+.ss-radius-8,
+.ss-r-8 {
+  border-radius: 8rpx;
+}
+
+.ss-r-t-8 {
+  border-top-left-radius: 8rpx;
+  border-top-right-radius: 8rpx;
+}
+
+.ss-r-b-8 {
+  border-bottom-left-radius: 8rpx;
+  border-bottom-right-radius: 8rpx;
+}
+
+.ss-r-tl-8 {
+  border-top-left-radius: 8rpx;
+}
+
+.ss-radius-top-left-8 {
+  border-top-left-radius: 8rpx;
+}
+
+.ss-r-tr-8 {
+  border-top-right-radius: 8rpx;
+}
+
+.ss-radius-top-right-8 {
+  border-top-right-radius: 8rpx;
+}
+
+.ss-r-bl-8 {
+  border-bottom-right-radius: 8rpx;
+}
+
+.ss-radius-bottom-right-8 {
+  border-bottom-right-radius: 8rpx;
+}
+
+.ss-r-br-8 {
+  border-bottom-right-radius: 8rpx;
+}
+
+.ss-radius-bottom-right-8 {
+  border-bottom-right-radius: 8rpx;
+}
+
+.ss-radius-10,
+.ss-r-10 {
+  border-radius: 10rpx;
+}
+
+.ss-r-t-10 {
+  border-top-left-radius: 10rpx;
+  border-top-right-radius: 10rpx;
+}
+
+.ss-r-b-10 {
+  border-bottom-left-radius: 10rpx;
+  border-bottom-right-radius: 10rpx;
+}
+
+.ss-r-tl-10 {
+  border-top-left-radius: 10rpx;
+}
+
+.ss-radius-top-left-10 {
+  border-top-left-radius: 10rpx;
+}
+
+.ss-r-tr-10 {
+  border-top-right-radius: 10rpx;
+}
+
+.ss-radius-top-right-10 {
+  border-top-right-radius: 10rpx;
+}
+
+.ss-r-bl-10 {
+  border-bottom-right-radius: 10rpx;
+}
+
+.ss-radius-bottom-right-10 {
+  border-bottom-right-radius: 10rpx;
+}
+
+.ss-r-br-10 {
+  border-bottom-right-radius: 10rpx;
+}
+
+.ss-radius-bottom-right-10 {
+  border-bottom-right-radius: 10rpx;
+}
+
+.ss-radius-12,
+.ss-r-12 {
+  border-radius: 12rpx;
+}
+
+.ss-r-t-12 {
+  border-top-left-radius: 12rpx;
+  border-top-right-radius: 12rpx;
+}
+
+.ss-r-b-12 {
+  border-bottom-left-radius: 12rpx;
+  border-bottom-right-radius: 12rpx;
+}
+
+.ss-r-tl-12 {
+  border-top-left-radius: 12rpx;
+}
+
+.ss-radius-top-left-12 {
+  border-top-left-radius: 12rpx;
+}
+
+.ss-r-tr-12 {
+  border-top-right-radius: 12rpx;
+}
+
+.ss-radius-top-right-12 {
+  border-top-right-radius: 12rpx;
+}
+
+.ss-r-bl-12 {
+  border-bottom-right-radius: 12rpx;
+}
+
+.ss-radius-bottom-right-12 {
+  border-bottom-right-radius: 12rpx;
+}
+
+.ss-r-br-12 {
+  border-bottom-right-radius: 12rpx;
+}
+
+.ss-radius-bottom-right-12 {
+  border-bottom-right-radius: 12rpx;
+}
+
+.ss-radius-14,
+.ss-r-14 {
+  border-radius: 14rpx;
+}
+
+.ss-r-t-14 {
+  border-top-left-radius: 14rpx;
+  border-top-right-radius: 14rpx;
+}
+
+.ss-r-b-14 {
+  border-bottom-left-radius: 14rpx;
+  border-bottom-right-radius: 14rpx;
+}
+
+.ss-r-tl-14 {
+  border-top-left-radius: 14rpx;
+}
+
+.ss-radius-top-left-14 {
+  border-top-left-radius: 14rpx;
+}
+
+.ss-r-tr-14 {
+  border-top-right-radius: 14rpx;
+}
+
+.ss-radius-top-right-14 {
+  border-top-right-radius: 14rpx;
+}
+
+.ss-r-bl-14 {
+  border-bottom-right-radius: 14rpx;
+}
+
+.ss-radius-bottom-right-14 {
+  border-bottom-right-radius: 14rpx;
+}
+
+.ss-r-br-14 {
+  border-bottom-right-radius: 14rpx;
+}
+
+.ss-radius-bottom-right-14 {
+  border-bottom-right-radius: 14rpx;
+}
+
+.ss-radius-15,
+.ss-r-15 {
+  border-radius: 15rpx;
+}
+
+.ss-r-t-15 {
+  border-top-left-radius: 15rpx;
+  border-top-right-radius: 15rpx;
+}
+
+.ss-r-b-15 {
+  border-bottom-left-radius: 15rpx;
+  border-bottom-right-radius: 15rpx;
+}
+
+.ss-r-tl-15 {
+  border-top-left-radius: 15rpx;
+}
+
+.ss-radius-top-left-15 {
+  border-top-left-radius: 15rpx;
+}
+
+.ss-r-tr-15 {
+  border-top-right-radius: 15rpx;
+}
+
+.ss-radius-top-right-15 {
+  border-top-right-radius: 15rpx;
+}
+
+.ss-r-bl-15 {
+  border-bottom-right-radius: 15rpx;
+}
+
+.ss-radius-bottom-right-15 {
+  border-bottom-right-radius: 15rpx;
+}
+
+.ss-r-br-15 {
+  border-bottom-right-radius: 15rpx;
+}
+
+.ss-radius-bottom-right-15 {
+  border-bottom-right-radius: 15rpx;
+}
+
+.ss-radius-16,
+.ss-r-16 {
+  border-radius: 16rpx;
+}
+
+.ss-r-t-16 {
+  border-top-left-radius: 16rpx;
+  border-top-right-radius: 16rpx;
+}
+
+.ss-r-b-16 {
+  border-bottom-left-radius: 16rpx;
+  border-bottom-right-radius: 16rpx;
+}
+
+.ss-r-tl-16 {
+  border-top-left-radius: 16rpx;
+}
+
+.ss-radius-top-left-16 {
+  border-top-left-radius: 16rpx;
+}
+
+.ss-r-tr-16 {
+  border-top-right-radius: 16rpx;
+}
+
+.ss-radius-top-right-16 {
+  border-top-right-radius: 16rpx;
+}
+
+.ss-r-bl-16 {
+  border-bottom-right-radius: 16rpx;
+}
+
+.ss-radius-bottom-right-16 {
+  border-bottom-right-radius: 16rpx;
+}
+
+.ss-r-br-16 {
+  border-bottom-right-radius: 16rpx;
+}
+
+.ss-radius-bottom-right-16 {
+  border-bottom-right-radius: 16rpx;
+}
+
+.ss-radius-18,
+.ss-r-18 {
+  border-radius: 18rpx;
+}
+
+.ss-r-t-18 {
+  border-top-left-radius: 18rpx;
+  border-top-right-radius: 18rpx;
+}
+
+.ss-r-b-18 {
+  border-bottom-left-radius: 18rpx;
+  border-bottom-right-radius: 18rpx;
+}
+
+.ss-r-tl-18 {
+  border-top-left-radius: 18rpx;
+}
+
+.ss-radius-top-left-18 {
+  border-top-left-radius: 18rpx;
+}
+
+.ss-r-tr-18 {
+  border-top-right-radius: 18rpx;
+}
+
+.ss-radius-top-right-18 {
+  border-top-right-radius: 18rpx;
+}
+
+.ss-r-bl-18 {
+  border-bottom-right-radius: 18rpx;
+}
+
+.ss-radius-bottom-right-18 {
+  border-bottom-right-radius: 18rpx;
+}
+
+.ss-r-br-18 {
+  border-bottom-right-radius: 18rpx;
+}
+
+.ss-radius-bottom-right-18 {
+  border-bottom-right-radius: 18rpx;
+}
+
+.ss-radius-20,
+.ss-r-20 {
+  border-radius: 20rpx;
+}
+
+.ss-r-t-20 {
+  border-top-left-radius: 20rpx;
+  border-top-right-radius: 20rpx;
+}
+
+.ss-r-b-20 {
+  border-bottom-left-radius: 20rpx;
+  border-bottom-right-radius: 20rpx;
+}
+
+.ss-r-tl-20 {
+  border-top-left-radius: 20rpx;
+}
+
+.ss-radius-top-left-20 {
+  border-top-left-radius: 20rpx;
+}
+
+.ss-r-tr-20 {
+  border-top-right-radius: 20rpx;
+}
+
+.ss-radius-top-right-20 {
+  border-top-right-radius: 20rpx;
+}
+
+.ss-r-bl-20 {
+  border-bottom-right-radius: 20rpx;
+}
+
+.ss-radius-bottom-right-20 {
+  border-bottom-right-radius: 20rpx;
+}
+
+.ss-r-br-20 {
+  border-bottom-right-radius: 20rpx;
+}
+
+.ss-radius-bottom-right-20 {
+  border-bottom-right-radius: 20rpx;
+}
+
+.ss-radius-22,
+.ss-r-22 {
+  border-radius: 22rpx;
+}
+
+.ss-r-t-22 {
+  border-top-left-radius: 22rpx;
+  border-top-right-radius: 22rpx;
+}
+
+.ss-r-b-22 {
+  border-bottom-left-radius: 22rpx;
+  border-bottom-right-radius: 22rpx;
+}
+
+.ss-r-tl-22 {
+  border-top-left-radius: 22rpx;
+}
+
+.ss-radius-top-left-22 {
+  border-top-left-radius: 22rpx;
+}
+
+.ss-r-tr-22 {
+  border-top-right-radius: 22rpx;
+}
+
+.ss-radius-top-right-22 {
+  border-top-right-radius: 22rpx;
+}
+
+.ss-r-bl-22 {
+  border-bottom-right-radius: 22rpx;
+}
+
+.ss-radius-bottom-right-22 {
+  border-bottom-right-radius: 22rpx;
+}
+
+.ss-r-br-22 {
+  border-bottom-right-radius: 22rpx;
+}
+
+.ss-radius-bottom-right-22 {
+  border-bottom-right-radius: 22rpx;
+}
+
+.ss-radius-24,
+.ss-r-24 {
+  border-radius: 24rpx;
+}
+
+.ss-r-t-24 {
+  border-top-left-radius: 24rpx;
+  border-top-right-radius: 24rpx;
+}
+
+.ss-r-b-24 {
+  border-bottom-left-radius: 24rpx;
+  border-bottom-right-radius: 24rpx;
+}
+
+.ss-r-tl-24 {
+  border-top-left-radius: 24rpx;
+}
+
+.ss-radius-top-left-24 {
+  border-top-left-radius: 24rpx;
+}
+
+.ss-r-tr-24 {
+  border-top-right-radius: 24rpx;
+}
+
+.ss-radius-top-right-24 {
+  border-top-right-radius: 24rpx;
+}
+
+.ss-r-bl-24 {
+  border-bottom-right-radius: 24rpx;
+}
+
+.ss-radius-bottom-right-24 {
+  border-bottom-right-radius: 24rpx;
+}
+
+.ss-r-br-24 {
+  border-bottom-right-radius: 24rpx;
+}
+
+.ss-radius-bottom-right-24 {
+  border-bottom-right-radius: 24rpx;
+}
+
+.ss-radius-25,
+.ss-r-25 {
+  border-radius: 25rpx;
+}
+
+.ss-r-t-25 {
+  border-top-left-radius: 25rpx;
+  border-top-right-radius: 25rpx;
+}
+
+.ss-r-b-25 {
+  border-bottom-left-radius: 25rpx;
+  border-bottom-right-radius: 25rpx;
+}
+
+.ss-r-tl-25 {
+  border-top-left-radius: 25rpx;
+}
+
+.ss-radius-top-left-25 {
+  border-top-left-radius: 25rpx;
+}
+
+.ss-r-tr-25 {
+  border-top-right-radius: 25rpx;
+}
+
+.ss-radius-top-right-25 {
+  border-top-right-radius: 25rpx;
+}
+
+.ss-r-bl-25 {
+  border-bottom-right-radius: 25rpx;
+}
+
+.ss-radius-bottom-right-25 {
+  border-bottom-right-radius: 25rpx;
+}
+
+.ss-r-br-25 {
+  border-bottom-right-radius: 25rpx;
+}
+
+.ss-radius-bottom-right-25 {
+  border-bottom-right-radius: 25rpx;
+}
+
+.ss-radius-26,
+.ss-r-26 {
+  border-radius: 26rpx;
+}
+
+.ss-r-t-26 {
+  border-top-left-radius: 26rpx;
+  border-top-right-radius: 26rpx;
+}
+
+.ss-r-b-26 {
+  border-bottom-left-radius: 26rpx;
+  border-bottom-right-radius: 26rpx;
+}
+
+.ss-r-tl-26 {
+  border-top-left-radius: 26rpx;
+}
+
+.ss-radius-top-left-26 {
+  border-top-left-radius: 26rpx;
+}
+
+.ss-r-tr-26 {
+  border-top-right-radius: 26rpx;
+}
+
+.ss-radius-top-right-26 {
+  border-top-right-radius: 26rpx;
+}
+
+.ss-r-bl-26 {
+  border-bottom-right-radius: 26rpx;
+}
+
+.ss-radius-bottom-right-26 {
+  border-bottom-right-radius: 26rpx;
+}
+
+.ss-r-br-26 {
+  border-bottom-right-radius: 26rpx;
+}
+
+.ss-radius-bottom-right-26 {
+  border-bottom-right-radius: 26rpx;
+}
+
+.ss-radius-28,
+.ss-r-28 {
+  border-radius: 28rpx;
+}
+
+.ss-r-t-28 {
+  border-top-left-radius: 28rpx;
+  border-top-right-radius: 28rpx;
+}
+
+.ss-r-b-28 {
+  border-bottom-left-radius: 28rpx;
+  border-bottom-right-radius: 28rpx;
+}
+
+.ss-r-tl-28 {
+  border-top-left-radius: 28rpx;
+}
+
+.ss-radius-top-left-28 {
+  border-top-left-radius: 28rpx;
+}
+
+.ss-r-tr-28 {
+  border-top-right-radius: 28rpx;
+}
+
+.ss-radius-top-right-28 {
+  border-top-right-radius: 28rpx;
+}
+
+.ss-r-bl-28 {
+  border-bottom-right-radius: 28rpx;
+}
+
+.ss-radius-bottom-right-28 {
+  border-bottom-right-radius: 28rpx;
+}
+
+.ss-r-br-28 {
+  border-bottom-right-radius: 28rpx;
+}
+
+.ss-radius-bottom-right-28 {
+  border-bottom-right-radius: 28rpx;
+}
+
+.ss-radius-30,
+.ss-r-30 {
+  border-radius: 30rpx;
+}
+
+.ss-r-t-30 {
+  border-top-left-radius: 30rpx;
+  border-top-right-radius: 30rpx;
+}
+
+.ss-r-b-30 {
+  border-bottom-left-radius: 30rpx;
+  border-bottom-right-radius: 30rpx;
+}
+
+.ss-r-tl-30 {
+  border-top-left-radius: 30rpx;
+}
+
+.ss-radius-top-left-30 {
+  border-top-left-radius: 30rpx;
+}
+
+.ss-r-tr-30 {
+  border-top-right-radius: 30rpx;
+}
+
+.ss-radius-top-right-30 {
+  border-top-right-radius: 30rpx;
+}
+
+.ss-r-bl-30 {
+  border-bottom-right-radius: 30rpx;
+}
+
+.ss-radius-bottom-right-30 {
+  border-bottom-right-radius: 30rpx;
+}
+
+.ss-r-br-30 {
+  border-bottom-right-radius: 30rpx;
+}
+
+.ss-radius-bottom-right-30 {
+  border-bottom-right-radius: 30rpx;
+}
+
+.ss-radius-32,
+.ss-r-32 {
+  border-radius: 32rpx;
+}
+
+.ss-r-t-32 {
+  border-top-left-radius: 32rpx;
+  border-top-right-radius: 32rpx;
+}
+
+.ss-r-b-32 {
+  border-bottom-left-radius: 32rpx;
+  border-bottom-right-radius: 32rpx;
+}
+
+.ss-r-tl-32 {
+  border-top-left-radius: 32rpx;
+}
+
+.ss-radius-top-left-32 {
+  border-top-left-radius: 32rpx;
+}
+
+.ss-r-tr-32 {
+  border-top-right-radius: 32rpx;
+}
+
+.ss-radius-top-right-32 {
+  border-top-right-radius: 32rpx;
+}
+
+.ss-r-bl-32 {
+  border-bottom-right-radius: 32rpx;
+}
+
+.ss-radius-bottom-right-32 {
+  border-bottom-right-radius: 32rpx;
+}
+
+.ss-r-br-32 {
+  border-bottom-right-radius: 32rpx;
+}
+
+.ss-radius-bottom-right-32 {
+  border-bottom-right-radius: 32rpx;
+}
+
+.ss-radius-34,
+.ss-r-34 {
+  border-radius: 34rpx;
+}
+
+.ss-r-t-34 {
+  border-top-left-radius: 34rpx;
+  border-top-right-radius: 34rpx;
+}
+
+.ss-r-b-34 {
+  border-bottom-left-radius: 34rpx;
+  border-bottom-right-radius: 34rpx;
+}
+
+.ss-r-tl-34 {
+  border-top-left-radius: 34rpx;
+}
+
+.ss-radius-top-left-34 {
+  border-top-left-radius: 34rpx;
+}
+
+.ss-r-tr-34 {
+  border-top-right-radius: 34rpx;
+}
+
+.ss-radius-top-right-34 {
+  border-top-right-radius: 34rpx;
+}
+
+.ss-r-bl-34 {
+  border-bottom-right-radius: 34rpx;
+}
+
+.ss-radius-bottom-right-34 {
+  border-bottom-right-radius: 34rpx;
+}
+
+.ss-r-br-34 {
+  border-bottom-right-radius: 34rpx;
+}
+
+.ss-radius-bottom-right-34 {
+  border-bottom-right-radius: 34rpx;
+}
+
+.ss-radius-35,
+.ss-r-35 {
+  border-radius: 35rpx;
+}
+
+.ss-r-t-35 {
+  border-top-left-radius: 35rpx;
+  border-top-right-radius: 35rpx;
+}
+
+.ss-r-b-35 {
+  border-bottom-left-radius: 35rpx;
+  border-bottom-right-radius: 35rpx;
+}
+
+.ss-r-tl-35 {
+  border-top-left-radius: 35rpx;
+}
+
+.ss-radius-top-left-35 {
+  border-top-left-radius: 35rpx;
+}
+
+.ss-r-tr-35 {
+  border-top-right-radius: 35rpx;
+}
+
+.ss-radius-top-right-35 {
+  border-top-right-radius: 35rpx;
+}
+
+.ss-r-bl-35 {
+  border-bottom-right-radius: 35rpx;
+}
+
+.ss-radius-bottom-right-35 {
+  border-bottom-right-radius: 35rpx;
+}
+
+.ss-r-br-35 {
+  border-bottom-right-radius: 35rpx;
+}
+
+.ss-radius-bottom-right-35 {
+  border-bottom-right-radius: 35rpx;
+}
+
+.ss-radius-36,
+.ss-r-36 {
+  border-radius: 36rpx;
+}
+
+.ss-r-t-36 {
+  border-top-left-radius: 36rpx;
+  border-top-right-radius: 36rpx;
+}
+
+.ss-r-b-36 {
+  border-bottom-left-radius: 36rpx;
+  border-bottom-right-radius: 36rpx;
+}
+
+.ss-r-tl-36 {
+  border-top-left-radius: 36rpx;
+}
+
+.ss-radius-top-left-36 {
+  border-top-left-radius: 36rpx;
+}
+
+.ss-r-tr-36 {
+  border-top-right-radius: 36rpx;
+}
+
+.ss-radius-top-right-36 {
+  border-top-right-radius: 36rpx;
+}
+
+.ss-r-bl-36 {
+  border-bottom-right-radius: 36rpx;
+}
+
+.ss-radius-bottom-right-36 {
+  border-bottom-right-radius: 36rpx;
+}
+
+.ss-r-br-36 {
+  border-bottom-right-radius: 36rpx;
+}
+
+.ss-radius-bottom-right-36 {
+  border-bottom-right-radius: 36rpx;
+}
+
+.ss-radius-38,
+.ss-r-38 {
+  border-radius: 38rpx;
+}
+
+.ss-r-t-38 {
+  border-top-left-radius: 38rpx;
+  border-top-right-radius: 38rpx;
+}
+
+.ss-r-b-38 {
+  border-bottom-left-radius: 38rpx;
+  border-bottom-right-radius: 38rpx;
+}
+
+.ss-r-tl-38 {
+  border-top-left-radius: 38rpx;
+}
+
+.ss-radius-top-left-38 {
+  border-top-left-radius: 38rpx;
+}
+
+.ss-r-tr-38 {
+  border-top-right-radius: 38rpx;
+}
+
+.ss-radius-top-right-38 {
+  border-top-right-radius: 38rpx;
+}
+
+.ss-r-bl-38 {
+  border-bottom-right-radius: 38rpx;
+}
+
+.ss-radius-bottom-right-38 {
+  border-bottom-right-radius: 38rpx;
+}
+
+.ss-r-br-38 {
+  border-bottom-right-radius: 38rpx;
+}
+
+.ss-radius-bottom-right-38 {
+  border-bottom-right-radius: 38rpx;
+}
+
+.ss-radius-40,
+.ss-r-40 {
+  border-radius: 40rpx;
+}
+
+.ss-r-t-40 {
+  border-top-left-radius: 40rpx;
+  border-top-right-radius: 40rpx;
+}
+
+.ss-r-b-40 {
+  border-bottom-left-radius: 40rpx;
+  border-bottom-right-radius: 40rpx;
+}
+
+.ss-r-tl-40 {
+  border-top-left-radius: 40rpx;
+}
+
+.ss-radius-top-left-40 {
+  border-top-left-radius: 40rpx;
+}
+
+.ss-r-tr-40 {
+  border-top-right-radius: 40rpx;
+}
+
+.ss-radius-top-right-40 {
+  border-top-right-radius: 40rpx;
+}
+
+.ss-r-bl-40 {
+  border-bottom-right-radius: 40rpx;
+}
+
+.ss-radius-bottom-right-40 {
+  border-bottom-right-radius: 40rpx;
+}
+
+.ss-r-br-40 {
+  border-bottom-right-radius: 40rpx;
+}
+
+.ss-radius-bottom-right-40 {
+  border-bottom-right-radius: 40rpx;
+}
+
+.ss-radius-42,
+.ss-r-42 {
+  border-radius: 42rpx;
+}
+
+.ss-r-t-42 {
+  border-top-left-radius: 42rpx;
+  border-top-right-radius: 42rpx;
+}
+
+.ss-r-b-42 {
+  border-bottom-left-radius: 42rpx;
+  border-bottom-right-radius: 42rpx;
+}
+
+.ss-r-tl-42 {
+  border-top-left-radius: 42rpx;
+}
+
+.ss-radius-top-left-42 {
+  border-top-left-radius: 42rpx;
+}
+
+.ss-r-tr-42 {
+  border-top-right-radius: 42rpx;
+}
+
+.ss-radius-top-right-42 {
+  border-top-right-radius: 42rpx;
+}
+
+.ss-r-bl-42 {
+  border-bottom-right-radius: 42rpx;
+}
+
+.ss-radius-bottom-right-42 {
+  border-bottom-right-radius: 42rpx;
+}
+
+.ss-r-br-42 {
+  border-bottom-right-radius: 42rpx;
+}
+
+.ss-radius-bottom-right-42 {
+  border-bottom-right-radius: 42rpx;
+}
+
+.ss-radius-44,
+.ss-r-44 {
+  border-radius: 44rpx;
+}
+
+.ss-r-t-44 {
+  border-top-left-radius: 44rpx;
+  border-top-right-radius: 44rpx;
+}
+
+.ss-r-b-44 {
+  border-bottom-left-radius: 44rpx;
+  border-bottom-right-radius: 44rpx;
+}
+
+.ss-r-tl-44 {
+  border-top-left-radius: 44rpx;
+}
+
+.ss-radius-top-left-44 {
+  border-top-left-radius: 44rpx;
+}
+
+.ss-r-tr-44 {
+  border-top-right-radius: 44rpx;
+}
+
+.ss-radius-top-right-44 {
+  border-top-right-radius: 44rpx;
+}
+
+.ss-r-bl-44 {
+  border-bottom-right-radius: 44rpx;
+}
+
+.ss-radius-bottom-right-44 {
+  border-bottom-right-radius: 44rpx;
+}
+
+.ss-r-br-44 {
+  border-bottom-right-radius: 44rpx;
+}
+
+.ss-radius-bottom-right-44 {
+  border-bottom-right-radius: 44rpx;
+}
+
+.ss-radius-45,
+.ss-r-45 {
+  border-radius: 45rpx;
+}
+
+.ss-r-t-45 {
+  border-top-left-radius: 45rpx;
+  border-top-right-radius: 45rpx;
+}
+
+.ss-r-b-45 {
+  border-bottom-left-radius: 45rpx;
+  border-bottom-right-radius: 45rpx;
+}
+
+.ss-r-tl-45 {
+  border-top-left-radius: 45rpx;
+}
+
+.ss-radius-top-left-45 {
+  border-top-left-radius: 45rpx;
+}
+
+.ss-r-tr-45 {
+  border-top-right-radius: 45rpx;
+}
+
+.ss-radius-top-right-45 {
+  border-top-right-radius: 45rpx;
+}
+
+.ss-r-bl-45 {
+  border-bottom-right-radius: 45rpx;
+}
+
+.ss-radius-bottom-right-45 {
+  border-bottom-right-radius: 45rpx;
+}
+
+.ss-r-br-45 {
+  border-bottom-right-radius: 45rpx;
+}
+
+.ss-radius-bottom-right-45 {
+  border-bottom-right-radius: 45rpx;
+}
+
+.ss-radius-46,
+.ss-r-46 {
+  border-radius: 46rpx;
+}
+
+.ss-r-t-46 {
+  border-top-left-radius: 46rpx;
+  border-top-right-radius: 46rpx;
+}
+
+.ss-r-b-46 {
+  border-bottom-left-radius: 46rpx;
+  border-bottom-right-radius: 46rpx;
+}
+
+.ss-r-tl-46 {
+  border-top-left-radius: 46rpx;
+}
+
+.ss-radius-top-left-46 {
+  border-top-left-radius: 46rpx;
+}
+
+.ss-r-tr-46 {
+  border-top-right-radius: 46rpx;
+}
+
+.ss-radius-top-right-46 {
+  border-top-right-radius: 46rpx;
+}
+
+.ss-r-bl-46 {
+  border-bottom-right-radius: 46rpx;
+}
+
+.ss-radius-bottom-right-46 {
+  border-bottom-right-radius: 46rpx;
+}
+
+.ss-r-br-46 {
+  border-bottom-right-radius: 46rpx;
+}
+
+.ss-radius-bottom-right-46 {
+  border-bottom-right-radius: 46rpx;
+}
+
+.ss-radius-48,
+.ss-r-48 {
+  border-radius: 48rpx;
+}
+
+.ss-r-t-48 {
+  border-top-left-radius: 48rpx;
+  border-top-right-radius: 48rpx;
+}
+
+.ss-r-b-48 {
+  border-bottom-left-radius: 48rpx;
+  border-bottom-right-radius: 48rpx;
+}
+
+.ss-r-tl-48 {
+  border-top-left-radius: 48rpx;
+}
+
+.ss-radius-top-left-48 {
+  border-top-left-radius: 48rpx;
+}
+
+.ss-r-tr-48 {
+  border-top-right-radius: 48rpx;
+}
+
+.ss-radius-top-right-48 {
+  border-top-right-radius: 48rpx;
+}
+
+.ss-r-bl-48 {
+  border-bottom-right-radius: 48rpx;
+}
+
+.ss-radius-bottom-right-48 {
+  border-bottom-right-radius: 48rpx;
+}
+
+.ss-r-br-48 {
+  border-bottom-right-radius: 48rpx;
+}
+
+.ss-radius-bottom-right-48 {
+  border-bottom-right-radius: 48rpx;
+}
+
+.ss-radius-50,
+.ss-r-50 {
+  border-radius: 50rpx;
+}
+
+.ss-r-t-50 {
+  border-top-left-radius: 50rpx;
+  border-top-right-radius: 50rpx;
+}
+
+.ss-r-b-50 {
+  border-bottom-left-radius: 50rpx;
+  border-bottom-right-radius: 50rpx;
+}
+
+.ss-r-tl-50 {
+  border-top-left-radius: 50rpx;
+}
+
+.ss-radius-top-left-50 {
+  border-top-left-radius: 50rpx;
+}
+
+.ss-r-tr-50 {
+  border-top-right-radius: 50rpx;
+}
+
+.ss-radius-top-right-50 {
+  border-top-right-radius: 50rpx;
+}
+
+.ss-r-bl-50 {
+  border-bottom-right-radius: 50rpx;
+}
+
+.ss-radius-bottom-right-50 {
+  border-bottom-right-radius: 50rpx;
+}
+
+.ss-r-br-50 {
+  border-bottom-right-radius: 50rpx;
+}
+
+.ss-radius-bottom-right-50 {
+  border-bottom-right-radius: 50rpx;
+}
+
+.ss-radius-52,
+.ss-r-52 {
+  border-radius: 52rpx;
+}
+
+.ss-r-t-52 {
+  border-top-left-radius: 52rpx;
+  border-top-right-radius: 52rpx;
+}
+
+.ss-r-b-52 {
+  border-bottom-left-radius: 52rpx;
+  border-bottom-right-radius: 52rpx;
+}
+
+.ss-r-tl-52 {
+  border-top-left-radius: 52rpx;
+}
+
+.ss-radius-top-left-52 {
+  border-top-left-radius: 52rpx;
+}
+
+.ss-r-tr-52 {
+  border-top-right-radius: 52rpx;
+}
+
+.ss-radius-top-right-52 {
+  border-top-right-radius: 52rpx;
+}
+
+.ss-r-bl-52 {
+  border-bottom-right-radius: 52rpx;
+}
+
+.ss-radius-bottom-right-52 {
+  border-bottom-right-radius: 52rpx;
+}
+
+.ss-r-br-52 {
+  border-bottom-right-radius: 52rpx;
+}
+
+.ss-radius-bottom-right-52 {
+  border-bottom-right-radius: 52rpx;
+}
+
+.ss-radius-54,
+.ss-r-54 {
+  border-radius: 54rpx;
+}
+
+.ss-r-t-54 {
+  border-top-left-radius: 54rpx;
+  border-top-right-radius: 54rpx;
+}
+
+.ss-r-b-54 {
+  border-bottom-left-radius: 54rpx;
+  border-bottom-right-radius: 54rpx;
+}
+
+.ss-r-tl-54 {
+  border-top-left-radius: 54rpx;
+}
+
+.ss-radius-top-left-54 {
+  border-top-left-radius: 54rpx;
+}
+
+.ss-r-tr-54 {
+  border-top-right-radius: 54rpx;
+}
+
+.ss-radius-top-right-54 {
+  border-top-right-radius: 54rpx;
+}
+
+.ss-r-bl-54 {
+  border-bottom-right-radius: 54rpx;
+}
+
+.ss-radius-bottom-right-54 {
+  border-bottom-right-radius: 54rpx;
+}
+
+.ss-r-br-54 {
+  border-bottom-right-radius: 54rpx;
+}
+
+.ss-radius-bottom-right-54 {
+  border-bottom-right-radius: 54rpx;
+}
+
+.ss-radius-55,
+.ss-r-55 {
+  border-radius: 55rpx;
+}
+
+.ss-r-t-55 {
+  border-top-left-radius: 55rpx;
+  border-top-right-radius: 55rpx;
+}
+
+.ss-r-b-55 {
+  border-bottom-left-radius: 55rpx;
+  border-bottom-right-radius: 55rpx;
+}
+
+.ss-r-tl-55 {
+  border-top-left-radius: 55rpx;
+}
+
+.ss-radius-top-left-55 {
+  border-top-left-radius: 55rpx;
+}
+
+.ss-r-tr-55 {
+  border-top-right-radius: 55rpx;
+}
+
+.ss-radius-top-right-55 {
+  border-top-right-radius: 55rpx;
+}
+
+.ss-r-bl-55 {
+  border-bottom-right-radius: 55rpx;
+}
+
+.ss-radius-bottom-right-55 {
+  border-bottom-right-radius: 55rpx;
+}
+
+.ss-r-br-55 {
+  border-bottom-right-radius: 55rpx;
+}
+
+.ss-radius-bottom-right-55 {
+  border-bottom-right-radius: 55rpx;
+}
+
+.ss-radius-56,
+.ss-r-56 {
+  border-radius: 56rpx;
+}
+
+.ss-r-t-56 {
+  border-top-left-radius: 56rpx;
+  border-top-right-radius: 56rpx;
+}
+
+.ss-r-b-56 {
+  border-bottom-left-radius: 56rpx;
+  border-bottom-right-radius: 56rpx;
+}
+
+.ss-r-tl-56 {
+  border-top-left-radius: 56rpx;
+}
+
+.ss-radius-top-left-56 {
+  border-top-left-radius: 56rpx;
+}
+
+.ss-r-tr-56 {
+  border-top-right-radius: 56rpx;
+}
+
+.ss-radius-top-right-56 {
+  border-top-right-radius: 56rpx;
+}
+
+.ss-r-bl-56 {
+  border-bottom-right-radius: 56rpx;
+}
+
+.ss-radius-bottom-right-56 {
+  border-bottom-right-radius: 56rpx;
+}
+
+.ss-r-br-56 {
+  border-bottom-right-radius: 56rpx;
+}
+
+.ss-radius-bottom-right-56 {
+  border-bottom-right-radius: 56rpx;
+}
+
+.ss-radius-58,
+.ss-r-58 {
+  border-radius: 58rpx;
+}
+
+.ss-r-t-58 {
+  border-top-left-radius: 58rpx;
+  border-top-right-radius: 58rpx;
+}
+
+.ss-r-b-58 {
+  border-bottom-left-radius: 58rpx;
+  border-bottom-right-radius: 58rpx;
+}
+
+.ss-r-tl-58 {
+  border-top-left-radius: 58rpx;
+}
+
+.ss-radius-top-left-58 {
+  border-top-left-radius: 58rpx;
+}
+
+.ss-r-tr-58 {
+  border-top-right-radius: 58rpx;
+}
+
+.ss-radius-top-right-58 {
+  border-top-right-radius: 58rpx;
+}
+
+.ss-r-bl-58 {
+  border-bottom-right-radius: 58rpx;
+}
+
+.ss-radius-bottom-right-58 {
+  border-bottom-right-radius: 58rpx;
+}
+
+.ss-r-br-58 {
+  border-bottom-right-radius: 58rpx;
+}
+
+.ss-radius-bottom-right-58 {
+  border-bottom-right-radius: 58rpx;
+}
+
+.ss-radius-60,
+.ss-r-60 {
+  border-radius: 60rpx;
+}
+
+.ss-r-t-60 {
+  border-top-left-radius: 60rpx;
+  border-top-right-radius: 60rpx;
+}
+
+.ss-r-b-60 {
+  border-bottom-left-radius: 60rpx;
+  border-bottom-right-radius: 60rpx;
+}
+
+.ss-r-tl-60 {
+  border-top-left-radius: 60rpx;
+}
+
+.ss-radius-top-left-60 {
+  border-top-left-radius: 60rpx;
+}
+
+.ss-r-tr-60 {
+  border-top-right-radius: 60rpx;
+}
+
+.ss-radius-top-right-60 {
+  border-top-right-radius: 60rpx;
+}
+
+.ss-r-bl-60 {
+  border-bottom-right-radius: 60rpx;
+}
+
+.ss-radius-bottom-right-60 {
+  border-bottom-right-radius: 60rpx;
+}
+
+.ss-r-br-60 {
+  border-bottom-right-radius: 60rpx;
+}
+
+.ss-radius-bottom-right-60 {
+  border-bottom-right-radius: 60rpx;
+}
+
+.ss-radius-62,
+.ss-r-62 {
+  border-radius: 62rpx;
+}
+
+.ss-r-t-62 {
+  border-top-left-radius: 62rpx;
+  border-top-right-radius: 62rpx;
+}
+
+.ss-r-b-62 {
+  border-bottom-left-radius: 62rpx;
+  border-bottom-right-radius: 62rpx;
+}
+
+.ss-r-tl-62 {
+  border-top-left-radius: 62rpx;
+}
+
+.ss-radius-top-left-62 {
+  border-top-left-radius: 62rpx;
+}
+
+.ss-r-tr-62 {
+  border-top-right-radius: 62rpx;
+}
+
+.ss-radius-top-right-62 {
+  border-top-right-radius: 62rpx;
+}
+
+.ss-r-bl-62 {
+  border-bottom-right-radius: 62rpx;
+}
+
+.ss-radius-bottom-right-62 {
+  border-bottom-right-radius: 62rpx;
+}
+
+.ss-r-br-62 {
+  border-bottom-right-radius: 62rpx;
+}
+
+.ss-radius-bottom-right-62 {
+  border-bottom-right-radius: 62rpx;
+}
+
+.ss-radius-64,
+.ss-r-64 {
+  border-radius: 64rpx;
+}
+
+.ss-r-t-64 {
+  border-top-left-radius: 64rpx;
+  border-top-right-radius: 64rpx;
+}
+
+.ss-r-b-64 {
+  border-bottom-left-radius: 64rpx;
+  border-bottom-right-radius: 64rpx;
+}
+
+.ss-r-tl-64 {
+  border-top-left-radius: 64rpx;
+}
+
+.ss-radius-top-left-64 {
+  border-top-left-radius: 64rpx;
+}
+
+.ss-r-tr-64 {
+  border-top-right-radius: 64rpx;
+}
+
+.ss-radius-top-right-64 {
+  border-top-right-radius: 64rpx;
+}
+
+.ss-r-bl-64 {
+  border-bottom-right-radius: 64rpx;
+}
+
+.ss-radius-bottom-right-64 {
+  border-bottom-right-radius: 64rpx;
+}
+
+.ss-r-br-64 {
+  border-bottom-right-radius: 64rpx;
+}
+
+.ss-radius-bottom-right-64 {
+  border-bottom-right-radius: 64rpx;
+}
+
+.ss-radius-65,
+.ss-r-65 {
+  border-radius: 65rpx;
+}
+
+.ss-r-t-65 {
+  border-top-left-radius: 65rpx;
+  border-top-right-radius: 65rpx;
+}
+
+.ss-r-b-65 {
+  border-bottom-left-radius: 65rpx;
+  border-bottom-right-radius: 65rpx;
+}
+
+.ss-r-tl-65 {
+  border-top-left-radius: 65rpx;
+}
+
+.ss-radius-top-left-65 {
+  border-top-left-radius: 65rpx;
+}
+
+.ss-r-tr-65 {
+  border-top-right-radius: 65rpx;
+}
+
+.ss-radius-top-right-65 {
+  border-top-right-radius: 65rpx;
+}
+
+.ss-r-bl-65 {
+  border-bottom-right-radius: 65rpx;
+}
+
+.ss-radius-bottom-right-65 {
+  border-bottom-right-radius: 65rpx;
+}
+
+.ss-r-br-65 {
+  border-bottom-right-radius: 65rpx;
+}
+
+.ss-radius-bottom-right-65 {
+  border-bottom-right-radius: 65rpx;
+}
+
+.ss-radius-66,
+.ss-r-66 {
+  border-radius: 66rpx;
+}
+
+.ss-r-t-66 {
+  border-top-left-radius: 66rpx;
+  border-top-right-radius: 66rpx;
+}
+
+.ss-r-b-66 {
+  border-bottom-left-radius: 66rpx;
+  border-bottom-right-radius: 66rpx;
+}
+
+.ss-r-tl-66 {
+  border-top-left-radius: 66rpx;
+}
+
+.ss-radius-top-left-66 {
+  border-top-left-radius: 66rpx;
+}
+
+.ss-r-tr-66 {
+  border-top-right-radius: 66rpx;
+}
+
+.ss-radius-top-right-66 {
+  border-top-right-radius: 66rpx;
+}
+
+.ss-r-bl-66 {
+  border-bottom-right-radius: 66rpx;
+}
+
+.ss-radius-bottom-right-66 {
+  border-bottom-right-radius: 66rpx;
+}
+
+.ss-r-br-66 {
+  border-bottom-right-radius: 66rpx;
+}
+
+.ss-radius-bottom-right-66 {
+  border-bottom-right-radius: 66rpx;
+}
+
+.ss-radius-68,
+.ss-r-68 {
+  border-radius: 68rpx;
+}
+
+.ss-r-t-68 {
+  border-top-left-radius: 68rpx;
+  border-top-right-radius: 68rpx;
+}
+
+.ss-r-b-68 {
+  border-bottom-left-radius: 68rpx;
+  border-bottom-right-radius: 68rpx;
+}
+
+.ss-r-tl-68 {
+  border-top-left-radius: 68rpx;
+}
+
+.ss-radius-top-left-68 {
+  border-top-left-radius: 68rpx;
+}
+
+.ss-r-tr-68 {
+  border-top-right-radius: 68rpx;
+}
+
+.ss-radius-top-right-68 {
+  border-top-right-radius: 68rpx;
+}
+
+.ss-r-bl-68 {
+  border-bottom-right-radius: 68rpx;
+}
+
+.ss-radius-bottom-right-68 {
+  border-bottom-right-radius: 68rpx;
+}
+
+.ss-r-br-68 {
+  border-bottom-right-radius: 68rpx;
+}
+
+.ss-radius-bottom-right-68 {
+  border-bottom-right-radius: 68rpx;
+}
+
+.ss-radius-70,
+.ss-r-70 {
+  border-radius: 70rpx;
+}
+
+.ss-r-t-70 {
+  border-top-left-radius: 70rpx;
+  border-top-right-radius: 70rpx;
+}
+
+.ss-r-b-70 {
+  border-bottom-left-radius: 70rpx;
+  border-bottom-right-radius: 70rpx;
+}
+
+.ss-r-tl-70 {
+  border-top-left-radius: 70rpx;
+}
+
+.ss-radius-top-left-70 {
+  border-top-left-radius: 70rpx;
+}
+
+.ss-r-tr-70 {
+  border-top-right-radius: 70rpx;
+}
+
+.ss-radius-top-right-70 {
+  border-top-right-radius: 70rpx;
+}
+
+.ss-r-bl-70 {
+  border-bottom-right-radius: 70rpx;
+}
+
+.ss-radius-bottom-right-70 {
+  border-bottom-right-radius: 70rpx;
+}
+
+.ss-r-br-70 {
+  border-bottom-right-radius: 70rpx;
+}
+
+.ss-radius-bottom-right-70 {
+  border-bottom-right-radius: 70rpx;
+}
+
+.ss-radius-72,
+.ss-r-72 {
+  border-radius: 72rpx;
+}
+
+.ss-r-t-72 {
+  border-top-left-radius: 72rpx;
+  border-top-right-radius: 72rpx;
+}
+
+.ss-r-b-72 {
+  border-bottom-left-radius: 72rpx;
+  border-bottom-right-radius: 72rpx;
+}
+
+.ss-r-tl-72 {
+  border-top-left-radius: 72rpx;
+}
+
+.ss-radius-top-left-72 {
+  border-top-left-radius: 72rpx;
+}
+
+.ss-r-tr-72 {
+  border-top-right-radius: 72rpx;
+}
+
+.ss-radius-top-right-72 {
+  border-top-right-radius: 72rpx;
+}
+
+.ss-r-bl-72 {
+  border-bottom-right-radius: 72rpx;
+}
+
+.ss-radius-bottom-right-72 {
+  border-bottom-right-radius: 72rpx;
+}
+
+.ss-r-br-72 {
+  border-bottom-right-radius: 72rpx;
+}
+
+.ss-radius-bottom-right-72 {
+  border-bottom-right-radius: 72rpx;
+}
+
+.ss-radius-74,
+.ss-r-74 {
+  border-radius: 74rpx;
+}
+
+.ss-r-t-74 {
+  border-top-left-radius: 74rpx;
+  border-top-right-radius: 74rpx;
+}
+
+.ss-r-b-74 {
+  border-bottom-left-radius: 74rpx;
+  border-bottom-right-radius: 74rpx;
+}
+
+.ss-r-tl-74 {
+  border-top-left-radius: 74rpx;
+}
+
+.ss-radius-top-left-74 {
+  border-top-left-radius: 74rpx;
+}
+
+.ss-r-tr-74 {
+  border-top-right-radius: 74rpx;
+}
+
+.ss-radius-top-right-74 {
+  border-top-right-radius: 74rpx;
+}
+
+.ss-r-bl-74 {
+  border-bottom-right-radius: 74rpx;
+}
+
+.ss-radius-bottom-right-74 {
+  border-bottom-right-radius: 74rpx;
+}
+
+.ss-r-br-74 {
+  border-bottom-right-radius: 74rpx;
+}
+
+.ss-radius-bottom-right-74 {
+  border-bottom-right-radius: 74rpx;
+}
+
+.ss-radius-75,
+.ss-r-75 {
+  border-radius: 75rpx;
+}
+
+.ss-r-t-75 {
+  border-top-left-radius: 75rpx;
+  border-top-right-radius: 75rpx;
+}
+
+.ss-r-b-75 {
+  border-bottom-left-radius: 75rpx;
+  border-bottom-right-radius: 75rpx;
+}
+
+.ss-r-tl-75 {
+  border-top-left-radius: 75rpx;
+}
+
+.ss-radius-top-left-75 {
+  border-top-left-radius: 75rpx;
+}
+
+.ss-r-tr-75 {
+  border-top-right-radius: 75rpx;
+}
+
+.ss-radius-top-right-75 {
+  border-top-right-radius: 75rpx;
+}
+
+.ss-r-bl-75 {
+  border-bottom-right-radius: 75rpx;
+}
+
+.ss-radius-bottom-right-75 {
+  border-bottom-right-radius: 75rpx;
+}
+
+.ss-r-br-75 {
+  border-bottom-right-radius: 75rpx;
+}
+
+.ss-radius-bottom-right-75 {
+  border-bottom-right-radius: 75rpx;
+}
+
+.ss-radius-76,
+.ss-r-76 {
+  border-radius: 76rpx;
+}
+
+.ss-r-t-76 {
+  border-top-left-radius: 76rpx;
+  border-top-right-radius: 76rpx;
+}
+
+.ss-r-b-76 {
+  border-bottom-left-radius: 76rpx;
+  border-bottom-right-radius: 76rpx;
+}
+
+.ss-r-tl-76 {
+  border-top-left-radius: 76rpx;
+}
+
+.ss-radius-top-left-76 {
+  border-top-left-radius: 76rpx;
+}
+
+.ss-r-tr-76 {
+  border-top-right-radius: 76rpx;
+}
+
+.ss-radius-top-right-76 {
+  border-top-right-radius: 76rpx;
+}
+
+.ss-r-bl-76 {
+  border-bottom-right-radius: 76rpx;
+}
+
+.ss-radius-bottom-right-76 {
+  border-bottom-right-radius: 76rpx;
+}
+
+.ss-r-br-76 {
+  border-bottom-right-radius: 76rpx;
+}
+
+.ss-radius-bottom-right-76 {
+  border-bottom-right-radius: 76rpx;
+}
+
+.ss-radius-78,
+.ss-r-78 {
+  border-radius: 78rpx;
+}
+
+.ss-r-t-78 {
+  border-top-left-radius: 78rpx;
+  border-top-right-radius: 78rpx;
+}
+
+.ss-r-b-78 {
+  border-bottom-left-radius: 78rpx;
+  border-bottom-right-radius: 78rpx;
+}
+
+.ss-r-tl-78 {
+  border-top-left-radius: 78rpx;
+}
+
+.ss-radius-top-left-78 {
+  border-top-left-radius: 78rpx;
+}
+
+.ss-r-tr-78 {
+  border-top-right-radius: 78rpx;
+}
+
+.ss-radius-top-right-78 {
+  border-top-right-radius: 78rpx;
+}
+
+.ss-r-bl-78 {
+  border-bottom-right-radius: 78rpx;
+}
+
+.ss-radius-bottom-right-78 {
+  border-bottom-right-radius: 78rpx;
+}
+
+.ss-r-br-78 {
+  border-bottom-right-radius: 78rpx;
+}
+
+.ss-radius-bottom-right-78 {
+  border-bottom-right-radius: 78rpx;
+}
+
+.ss-radius-80,
+.ss-r-80 {
+  border-radius: 80rpx;
+}
+
+.ss-r-t-80 {
+  border-top-left-radius: 80rpx;
+  border-top-right-radius: 80rpx;
+}
+
+.ss-r-b-80 {
+  border-bottom-left-radius: 80rpx;
+  border-bottom-right-radius: 80rpx;
+}
+
+.ss-r-tl-80 {
+  border-top-left-radius: 80rpx;
+}
+
+.ss-radius-top-left-80 {
+  border-top-left-radius: 80rpx;
+}
+
+.ss-r-tr-80 {
+  border-top-right-radius: 80rpx;
+}
+
+.ss-radius-top-right-80 {
+  border-top-right-radius: 80rpx;
+}
+
+.ss-r-bl-80 {
+  border-bottom-right-radius: 80rpx;
+}
+
+.ss-radius-bottom-right-80 {
+  border-bottom-right-radius: 80rpx;
+}
+
+.ss-r-br-80 {
+  border-bottom-right-radius: 80rpx;
+}
+
+.ss-radius-bottom-right-80 {
+  border-bottom-right-radius: 80rpx;
+}
+
+.ss-radius-82,
+.ss-r-82 {
+  border-radius: 82rpx;
+}
+
+.ss-r-t-82 {
+  border-top-left-radius: 82rpx;
+  border-top-right-radius: 82rpx;
+}
+
+.ss-r-b-82 {
+  border-bottom-left-radius: 82rpx;
+  border-bottom-right-radius: 82rpx;
+}
+
+.ss-r-tl-82 {
+  border-top-left-radius: 82rpx;
+}
+
+.ss-radius-top-left-82 {
+  border-top-left-radius: 82rpx;
+}
+
+.ss-r-tr-82 {
+  border-top-right-radius: 82rpx;
+}
+
+.ss-radius-top-right-82 {
+  border-top-right-radius: 82rpx;
+}
+
+.ss-r-bl-82 {
+  border-bottom-right-radius: 82rpx;
+}
+
+.ss-radius-bottom-right-82 {
+  border-bottom-right-radius: 82rpx;
+}
+
+.ss-r-br-82 {
+  border-bottom-right-radius: 82rpx;
+}
+
+.ss-radius-bottom-right-82 {
+  border-bottom-right-radius: 82rpx;
+}
+
+.ss-radius-84,
+.ss-r-84 {
+  border-radius: 84rpx;
+}
+
+.ss-r-t-84 {
+  border-top-left-radius: 84rpx;
+  border-top-right-radius: 84rpx;
+}
+
+.ss-r-b-84 {
+  border-bottom-left-radius: 84rpx;
+  border-bottom-right-radius: 84rpx;
+}
+
+.ss-r-tl-84 {
+  border-top-left-radius: 84rpx;
+}
+
+.ss-radius-top-left-84 {
+  border-top-left-radius: 84rpx;
+}
+
+.ss-r-tr-84 {
+  border-top-right-radius: 84rpx;
+}
+
+.ss-radius-top-right-84 {
+  border-top-right-radius: 84rpx;
+}
+
+.ss-r-bl-84 {
+  border-bottom-right-radius: 84rpx;
+}
+
+.ss-radius-bottom-right-84 {
+  border-bottom-right-radius: 84rpx;
+}
+
+.ss-r-br-84 {
+  border-bottom-right-radius: 84rpx;
+}
+
+.ss-radius-bottom-right-84 {
+  border-bottom-right-radius: 84rpx;
+}
+
+.ss-radius-85,
+.ss-r-85 {
+  border-radius: 85rpx;
+}
+
+.ss-r-t-85 {
+  border-top-left-radius: 85rpx;
+  border-top-right-radius: 85rpx;
+}
+
+.ss-r-b-85 {
+  border-bottom-left-radius: 85rpx;
+  border-bottom-right-radius: 85rpx;
+}
+
+.ss-r-tl-85 {
+  border-top-left-radius: 85rpx;
+}
+
+.ss-radius-top-left-85 {
+  border-top-left-radius: 85rpx;
+}
+
+.ss-r-tr-85 {
+  border-top-right-radius: 85rpx;
+}
+
+.ss-radius-top-right-85 {
+  border-top-right-radius: 85rpx;
+}
+
+.ss-r-bl-85 {
+  border-bottom-right-radius: 85rpx;
+}
+
+.ss-radius-bottom-right-85 {
+  border-bottom-right-radius: 85rpx;
+}
+
+.ss-r-br-85 {
+  border-bottom-right-radius: 85rpx;
+}
+
+.ss-radius-bottom-right-85 {
+  border-bottom-right-radius: 85rpx;
+}
+
+.ss-radius-86,
+.ss-r-86 {
+  border-radius: 86rpx;
+}
+
+.ss-r-t-86 {
+  border-top-left-radius: 86rpx;
+  border-top-right-radius: 86rpx;
+}
+
+.ss-r-b-86 {
+  border-bottom-left-radius: 86rpx;
+  border-bottom-right-radius: 86rpx;
+}
+
+.ss-r-tl-86 {
+  border-top-left-radius: 86rpx;
+}
+
+.ss-radius-top-left-86 {
+  border-top-left-radius: 86rpx;
+}
+
+.ss-r-tr-86 {
+  border-top-right-radius: 86rpx;
+}
+
+.ss-radius-top-right-86 {
+  border-top-right-radius: 86rpx;
+}
+
+.ss-r-bl-86 {
+  border-bottom-right-radius: 86rpx;
+}
+
+.ss-radius-bottom-right-86 {
+  border-bottom-right-radius: 86rpx;
+}
+
+.ss-r-br-86 {
+  border-bottom-right-radius: 86rpx;
+}
+
+.ss-radius-bottom-right-86 {
+  border-bottom-right-radius: 86rpx;
+}
+
+.ss-radius-88,
+.ss-r-88 {
+  border-radius: 88rpx;
+}
+
+.ss-r-t-88 {
+  border-top-left-radius: 88rpx;
+  border-top-right-radius: 88rpx;
+}
+
+.ss-r-b-88 {
+  border-bottom-left-radius: 88rpx;
+  border-bottom-right-radius: 88rpx;
+}
+
+.ss-r-tl-88 {
+  border-top-left-radius: 88rpx;
+}
+
+.ss-radius-top-left-88 {
+  border-top-left-radius: 88rpx;
+}
+
+.ss-r-tr-88 {
+  border-top-right-radius: 88rpx;
+}
+
+.ss-radius-top-right-88 {
+  border-top-right-radius: 88rpx;
+}
+
+.ss-r-bl-88 {
+  border-bottom-right-radius: 88rpx;
+}
+
+.ss-radius-bottom-right-88 {
+  border-bottom-right-radius: 88rpx;
+}
+
+.ss-r-br-88 {
+  border-bottom-right-radius: 88rpx;
+}
+
+.ss-radius-bottom-right-88 {
+  border-bottom-right-radius: 88rpx;
+}
+
+.ss-radius-90,
+.ss-r-90 {
+  border-radius: 90rpx;
+}
+
+.ss-r-t-90 {
+  border-top-left-radius: 90rpx;
+  border-top-right-radius: 90rpx;
+}
+
+.ss-r-b-90 {
+  border-bottom-left-radius: 90rpx;
+  border-bottom-right-radius: 90rpx;
+}
+
+.ss-r-tl-90 {
+  border-top-left-radius: 90rpx;
+}
+
+.ss-radius-top-left-90 {
+  border-top-left-radius: 90rpx;
+}
+
+.ss-r-tr-90 {
+  border-top-right-radius: 90rpx;
+}
+
+.ss-radius-top-right-90 {
+  border-top-right-radius: 90rpx;
+}
+
+.ss-r-bl-90 {
+  border-bottom-right-radius: 90rpx;
+}
+
+.ss-radius-bottom-right-90 {
+  border-bottom-right-radius: 90rpx;
+}
+
+.ss-r-br-90 {
+  border-bottom-right-radius: 90rpx;
+}
+
+.ss-radius-bottom-right-90 {
+  border-bottom-right-radius: 90rpx;
+}
+
+.ss-radius-92,
+.ss-r-92 {
+  border-radius: 92rpx;
+}
+
+.ss-r-t-92 {
+  border-top-left-radius: 92rpx;
+  border-top-right-radius: 92rpx;
+}
+
+.ss-r-b-92 {
+  border-bottom-left-radius: 92rpx;
+  border-bottom-right-radius: 92rpx;
+}
+
+.ss-r-tl-92 {
+  border-top-left-radius: 92rpx;
+}
+
+.ss-radius-top-left-92 {
+  border-top-left-radius: 92rpx;
+}
+
+.ss-r-tr-92 {
+  border-top-right-radius: 92rpx;
+}
+
+.ss-radius-top-right-92 {
+  border-top-right-radius: 92rpx;
+}
+
+.ss-r-bl-92 {
+  border-bottom-right-radius: 92rpx;
+}
+
+.ss-radius-bottom-right-92 {
+  border-bottom-right-radius: 92rpx;
+}
+
+.ss-r-br-92 {
+  border-bottom-right-radius: 92rpx;
+}
+
+.ss-radius-bottom-right-92 {
+  border-bottom-right-radius: 92rpx;
+}
+
+.ss-radius-94,
+.ss-r-94 {
+  border-radius: 94rpx;
+}
+
+.ss-r-t-94 {
+  border-top-left-radius: 94rpx;
+  border-top-right-radius: 94rpx;
+}
+
+.ss-r-b-94 {
+  border-bottom-left-radius: 94rpx;
+  border-bottom-right-radius: 94rpx;
+}
+
+.ss-r-tl-94 {
+  border-top-left-radius: 94rpx;
+}
+
+.ss-radius-top-left-94 {
+  border-top-left-radius: 94rpx;
+}
+
+.ss-r-tr-94 {
+  border-top-right-radius: 94rpx;
+}
+
+.ss-radius-top-right-94 {
+  border-top-right-radius: 94rpx;
+}
+
+.ss-r-bl-94 {
+  border-bottom-right-radius: 94rpx;
+}
+
+.ss-radius-bottom-right-94 {
+  border-bottom-right-radius: 94rpx;
+}
+
+.ss-r-br-94 {
+  border-bottom-right-radius: 94rpx;
+}
+
+.ss-radius-bottom-right-94 {
+  border-bottom-right-radius: 94rpx;
+}
+
+.ss-radius-95,
+.ss-r-95 {
+  border-radius: 95rpx;
+}
+
+.ss-r-t-95 {
+  border-top-left-radius: 95rpx;
+  border-top-right-radius: 95rpx;
+}
+
+.ss-r-b-95 {
+  border-bottom-left-radius: 95rpx;
+  border-bottom-right-radius: 95rpx;
+}
+
+.ss-r-tl-95 {
+  border-top-left-radius: 95rpx;
+}
+
+.ss-radius-top-left-95 {
+  border-top-left-radius: 95rpx;
+}
+
+.ss-r-tr-95 {
+  border-top-right-radius: 95rpx;
+}
+
+.ss-radius-top-right-95 {
+  border-top-right-radius: 95rpx;
+}
+
+.ss-r-bl-95 {
+  border-bottom-right-radius: 95rpx;
+}
+
+.ss-radius-bottom-right-95 {
+  border-bottom-right-radius: 95rpx;
+}
+
+.ss-r-br-95 {
+  border-bottom-right-radius: 95rpx;
+}
+
+.ss-radius-bottom-right-95 {
+  border-bottom-right-radius: 95rpx;
+}
+
+.ss-radius-96,
+.ss-r-96 {
+  border-radius: 96rpx;
+}
+
+.ss-r-t-96 {
+  border-top-left-radius: 96rpx;
+  border-top-right-radius: 96rpx;
+}
+
+.ss-r-b-96 {
+  border-bottom-left-radius: 96rpx;
+  border-bottom-right-radius: 96rpx;
+}
+
+.ss-r-tl-96 {
+  border-top-left-radius: 96rpx;
+}
+
+.ss-radius-top-left-96 {
+  border-top-left-radius: 96rpx;
+}
+
+.ss-r-tr-96 {
+  border-top-right-radius: 96rpx;
+}
+
+.ss-radius-top-right-96 {
+  border-top-right-radius: 96rpx;
+}
+
+.ss-r-bl-96 {
+  border-bottom-right-radius: 96rpx;
+}
+
+.ss-radius-bottom-right-96 {
+  border-bottom-right-radius: 96rpx;
+}
+
+.ss-r-br-96 {
+  border-bottom-right-radius: 96rpx;
+}
+
+.ss-radius-bottom-right-96 {
+  border-bottom-right-radius: 96rpx;
+}
+
+.ss-radius-98,
+.ss-r-98 {
+  border-radius: 98rpx;
+}
+
+.ss-r-t-98 {
+  border-top-left-radius: 98rpx;
+  border-top-right-radius: 98rpx;
+}
+
+.ss-r-b-98 {
+  border-bottom-left-radius: 98rpx;
+  border-bottom-right-radius: 98rpx;
+}
+
+.ss-r-tl-98 {
+  border-top-left-radius: 98rpx;
+}
+
+.ss-radius-top-left-98 {
+  border-top-left-radius: 98rpx;
+}
+
+.ss-r-tr-98 {
+  border-top-right-radius: 98rpx;
+}
+
+.ss-radius-top-right-98 {
+  border-top-right-radius: 98rpx;
+}
+
+.ss-r-bl-98 {
+  border-bottom-right-radius: 98rpx;
+}
+
+.ss-radius-bottom-right-98 {
+  border-bottom-right-radius: 98rpx;
+}
+
+.ss-r-br-98 {
+  border-bottom-right-radius: 98rpx;
+}
+
+.ss-radius-bottom-right-98 {
+  border-bottom-right-radius: 98rpx;
+}
+
+.ss-radius-100,
+.ss-r-100 {
+  border-radius: 100rpx;
+}
+
+.ss-r-t-100 {
+  border-top-left-radius: 100rpx;
+  border-top-right-radius: 100rpx;
+}
+
+.ss-r-b-100 {
+  border-bottom-left-radius: 100rpx;
+  border-bottom-right-radius: 100rpx;
+}
+
+.ss-r-tl-100 {
+  border-top-left-radius: 100rpx;
+}
+
+.ss-radius-top-left-100 {
+  border-top-left-radius: 100rpx;
+}
+
+.ss-r-tr-100 {
+  border-top-right-radius: 100rpx;
+}
+
+.ss-radius-top-right-100 {
+  border-top-right-radius: 100rpx;
+}
+
+.ss-r-bl-100 {
+  border-bottom-right-radius: 100rpx;
+}
+
+.ss-radius-bottom-right-100 {
+  border-bottom-right-radius: 100rpx;
+}
+
+.ss-r-br-100 {
+  border-bottom-right-radius: 100rpx;
+}
+
+.ss-radius-bottom-right-100 {
+  border-bottom-right-radius: 100rpx;
+}
+
+/* ==================
+          flex布局
+ ==================== */
+.ss-flex {
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+}
+
+.ss-flex-1 {
+  flex: 1;
+}
+
+.ss-flex-col {
+  display: flex;
+  flex-direction: column;
+}
+
+.ss-flex-wrap {
+  flex-wrap: wrap;
+}
+
+.ss-flex-nowrap {
+  flex-wrap: nowrap;
+}
+
+.ss-col-center {
+  align-items: center;
+}
+
+.ss-col-top {
+  align-items: flex-start;
+}
+
+.ss-col-bottom {
+  align-items: flex-end;
+}
+
+.ss-col-stretch {
+  align-items: stretch;
+}
+
+.ss-row-center {
+  justify-content: center;
+}
+
+.ss-row-left {
+  justify-content: flex-start;
+}
+
+.ss-row-right {
+  justify-content: flex-end;
+}
+
+.ss-row-between {
+  justify-content: space-between;
+}
+
+.ss-row-around {
+  justify-content: space-around;
+}
+
+.ss-self-start {
+  align-self: flex-start;
+}
+
+.ss-self-end {
+  align-self: flex-end;
+}
+
+.ss-self-center {
+  align-self: center;
+}
+
+.ss-h-100 {
+  height: 100%;
+}
+
+.ss-w-100 {
+  width: 100%;
+}
+
+/* ==================
+    按钮
+ ==================== */
+.ss-reset-button {
+  padding: 0;
+  margin: 0;
+  font-size: inherit;
+  background-color: transparent;
+  color: inherit;
+  position: relative;
+  border: 0rpx;
+  /* #ifndef APP-NVUE */
+  display: flex;
+  /* #endif */
+  align-items: center;
+  justify-content: center;
+  box-sizing: border-box;
+  text-align: center;
+  text-decoration: none;
+  white-space: nowrap;
+  vertical-align: baseline;
+  transform: translate(0, 0);
+}
+
+.ss-reset-button.button-hover {
+  transform: translate(1px, 1px);
+  background: none;
+}
+
+.ss-reset-button::after {
+  border: none;
+}
+
+.login-btn-start {
+  width: 158rpx;
+  height: 56rpx;
+  line-height: normal;
+  background: #00897B;
+  border-radius: 28rpx;
+  font-size: 26rpx;
+  font-weight: 500;
+  color: #fff;
+}

File diff suppressed because it is too large
+ 0 - 0
static/style/index.min.css


+ 350 - 0
static/style/index.scss

@@ -0,0 +1,350 @@
+:root {
+  --v-primary-base: #00897B;
+  --v-error-base: #fe574a;
+  --v-primary-lighten1: #26A69A;
+  --v-primary-lighten2: #4DB6AC;
+  --v-primary-lighten3: #80CBC4;
+  --v-primary-lighten4: #B2DFDB;
+  --color-222: #222;
+  --color-333: #333;
+  --color-666: #666;
+  --color-777: #777;
+  --color-999: #999;
+  --color-ccc: #ccc;
+  --color-f3: #f3f3f3;
+  --color-f2f4f742: #f2f4f742;
+  --color-f8: #f8f8f8;
+  --color-f2f4f7: #f2f4f7;
+  --color-d5e6e8: #d5e6e8;
+  --zIndex-breadcrumbs: 999;
+}
+
+.mt-5 { margin-top: 30rpx; }
+.mt-10 { margin-top: 60rpx; }
+
+.cursor-pointer { cursor: pointer; }
+.font-weight-bold { font-weight: bold; }
+.text-center { text-align: center; }
+.d-flex { display: flex; }
+.flex-column { flex-direction: column; }
+.align-center { align-items: center; }
+.justify-center { justify-content: center; }
+.justify-space-between { justify-content: space-between; }
+.justify-space-around { justify-content: space-around; }
+.justify-end { justify-content: flex-end; }
+
+.color-222 { color: #222; }
+.color-333 { color: #333; }
+.color-666 { color: #666; }
+.color-777 { color: #777; }
+.color-999 { color: #999; }
+.color-ccc { color: #ccc; }
+.color-f3f3f3 { color: #f3f3f3; }
+.color-f2f4f742 { color: #f2f4f742; }
+.color-f8f8f8 { color: #f8f8f8; }
+.color-f2f4f7 { color: #f2f4f7; }
+.color-d5e6e8 { color: #d5e6e8; }
+.color-error { color: #fe574a; }
+.color-primary { color: #00897B; }
+.color-warning { color: #fb8c00; }
+
+.font-size-12 { font-size: 24rpx; }
+.font-size-13 { font-size: 26rpx; }
+.font-size-14 { font-size: 28rpx; }
+.font-size-15 { font-size: 30rpx; }
+.font-size-16 { font-size: 32rpx; }
+.font-size-17 { font-size: 34rpx; }
+.font-size-18 { font-size: 36rpx; }
+.font-size-19 { font-size: 38rpx; }
+.font-size-20 { font-size: 40rpx; }
+
+.defaultLink {
+  color:#008978;
+  cursor:pointer;
+  // text-decoration: underline;
+}
+
+// 高亮
+.default-active {
+  color: var(--v-primary-base) !important;
+}
+
+.border-bottom-dashed {
+  border-bottom: 1px dashed var(--color-ccc);
+}
+
+.white-bgc {
+  background-color: #fff;
+}
+
+.ellipsis {
+  white-space: nowrap;
+  text-overflow: ellipsis;
+  overflow: hidden;
+}
+
+.head-box {
+  .head-title {
+    min-width: 160rpx;
+    font-size: 36rpx;
+    font-weight: bold;
+    color: #333333;
+    line-height: 36rpx;
+  }
+  .head-title-active {
+    width: 160rpx;
+    font-size: 32rpx;
+    font-weight: 600;
+    color: #999;
+    line-height: 36rpx;
+  }
+  .head-title-animation {
+    animation-name: title-animation;
+    animation-duration: 0.1s;
+    animation-timing-function: ease-out;
+    animation-fill-mode: forwards;
+  }
+  .head-title-line {
+    position: relative;
+    &::before {
+      content: '';
+      width: 1rpx;
+      height: 34rpx;
+      background-color: #e4e7ed;
+      position: absolute;
+      left: -30rpx;
+      top: 50%;
+      transform: translateY(-50%);
+    }
+  }
+  .head-subtitle {
+    font-size: 26rpx;
+    font-weight: 400;
+    color: #afb6c0;
+    text-align: left;
+    display: flex;
+  }
+}
+
+/* ==================
+
+    margin padding: 内外边距
+	
+ ==================== */
+ @for $i from 0 through 100 {
+  // 只要双数和能被5除尽的数
+  @if $i % 2==0 or $i % 5==0 {
+    // 得出:u-margin-30或者u-m-30
+    .ss-margin-#{$i},
+    .ss-m-#{$i} {
+      margin: $i + rpx;
+    }
+    .ss-m-x-#{$i} {
+      margin-left: $i + rpx;
+      margin-right: $i + rpx;
+    }
+    .ss-m-y-#{$i} {
+      margin-top: $i + rpx;
+      margin-bottom: $i + rpx;
+    }
+
+    // 得出:u-padding-30或者u-p-30
+    .ss-padding-#{$i},
+    .ss-p-#{$i} {
+      padding: $i + rpx;
+    }
+    .ss-p-x-#{$i} {
+      padding-left: $i + rpx;
+      padding-right: $i + rpx;
+    }
+    .ss-p-y-#{$i} {
+      padding-top: $i + rpx;
+      padding-bottom: $i + rpx;
+    }
+
+    @each $short, $long in l left, t top, r right, b bottom {
+      // 缩写版,结果如: u-m-l-30
+      // 定义外边距
+      .ss-m-#{$short}-#{$i} {
+        margin-#{$long}: $i + rpx;
+      }
+
+      // 定义内边距
+      .ss-p-#{$short}-#{$i} {
+        padding-#{$long}: $i + rpx;
+      }
+
+      // 完整版,结果如:u-margin-left-30
+      // 定义外边距
+      .ss-margin-#{$long}-#{$i} {
+        margin-#{$long}: $i + rpx;
+      }
+
+      // 定义内边距
+      .ss-padding-#{$long}-#{$i} {
+        padding-#{$long}: $i + rpx;
+      }
+    }
+  }
+}
+
+/* ==================
+
+    radius
+	
+ ==================== */
+@for $i from 0 through 100 {
+  // 只要双数和能被5除尽的数
+  @if $i % 2==0 or $i % 5==0 {
+    .ss-radius-#{$i},
+    .ss-r-#{$i} {
+      border-radius: $i + rpx;
+    }
+
+    .ss-r-t-#{$i} {
+      border-top-left-radius: $i + rpx;
+      border-top-right-radius: $i + rpx;
+    }
+
+    .ss-r-b-#{$i} {
+      border-bottom-left-radius: $i + rpx;
+      border-bottom-right-radius: $i + rpx;
+    }
+
+    @each $short, $long in tl 'top-left', tr 'top-right', bl 'bottom-right', br 'bottom-right' {
+      // 定义外边距
+      .ss-r-#{$short}-#{$i} {
+        border-#{$long}-radius: $i + rpx;
+      }
+
+      // 定义内边距
+      .ss-radius-#{$long}-#{$i} {
+        border-#{$long}-radius: $i + rpx;
+      }
+    }
+  }
+}
+
+/* ==================
+          flex布局
+ ==================== */
+
+ .ss-flex {
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+}
+
+.ss-flex-1 {
+  flex: 1;
+}
+
+.ss-flex-col {
+  display: flex;
+  flex-direction: column;
+}
+
+.ss-flex-wrap {
+  flex-wrap: wrap;
+}
+
+.ss-flex-nowrap {
+  flex-wrap: nowrap;
+}
+
+.ss-col-center {
+  align-items: center;
+}
+
+.ss-col-top {
+  align-items: flex-start;
+}
+
+.ss-col-bottom {
+  align-items: flex-end;
+}
+
+.ss-col-stretch {
+  align-items: stretch;
+}
+
+.ss-row-center {
+  justify-content: center;
+}
+
+.ss-row-left {
+  justify-content: flex-start;
+}
+
+.ss-row-right {
+  justify-content: flex-end;
+}
+
+.ss-row-between {
+  justify-content: space-between;
+}
+
+.ss-row-around {
+  justify-content: space-around;
+}
+
+.ss-self-start {
+  align-self: flex-start;
+}
+
+.ss-self-end {
+  align-self: flex-end;
+}
+
+.ss-self-center {
+  align-self: center;
+}
+.ss-h-100 {
+  height: 100%;
+}
+.ss-w-100 {
+  width: 100%;
+}
+
+/* ==================
+    按钮
+ ==================== */
+ .ss-reset-button {
+  padding: 0;
+  margin: 0;
+  font-size: inherit;
+  background-color: transparent;
+  color: inherit;
+  position: relative;
+  border: 0rpx;
+  /* #ifndef APP-NVUE */
+  display: flex;
+  /* #endif */
+  align-items: center;
+  justify-content: center;
+  box-sizing: border-box;
+  text-align: center;
+  text-decoration: none;
+  white-space: nowrap;
+  vertical-align: baseline;
+  transform: translate(0, 0);
+}
+.ss-reset-button.button-hover {
+  transform: translate(1px, 1px);
+  background: none;
+}
+
+.ss-reset-button::after {
+  border: none;
+}
+
+.login-btn-start {
+  width: 158rpx;
+  height: 56rpx;
+  line-height: normal;
+  background: #00897B;
+  border-radius: 28rpx;
+  font-size: 26rpx;
+  font-weight: 500;
+  color: #fff;
+}

+ 1 - 1
store/user.js

@@ -20,7 +20,7 @@ const defaultAccountInfo = {
   userId: ''
 }
 
-const user = defineStore({
+export const user = defineStore({
   id: 'user',
   state: () => ({
     userInfo: {}, // 用户信息

+ 7 - 7
utils/request.js

@@ -8,7 +8,7 @@ import Request from 'luch-request';
 import { refreshToken } from '@/api/auth';
 import { user } from '@/store/user'
 
-const baseUrl = 'https://menduner.citupro.com:2443'
+const baseUrl = 'http://menduner.citupro.com:7878'
 const tenantId = '155'
 const options = {
 	// 显示操作成功消息 默认不显示
@@ -124,7 +124,7 @@ http.interceptors.response.use(
 		if (response.data.code !== 0) {
       // 特殊:如果 401 错误码,则跳转到登录页 or 刷新令牌
       if (response.data.code === 401) {
-        return refreshToken(response.config);
+        return handleRefreshToken(response.config);
       }
 
       // 错误提示
@@ -219,9 +219,9 @@ http.interceptors.response.use(
 // Axios 无感知刷新令牌,参考 https://www.dashingdog.cn/article/11 与 https://segmentfault.com/a/1190000020210980 实现
 let requestList = [] // 请求队列
 let isRefreshToken = false // 是否正在刷新中
-const refreshToken = async (config) => {
+const handleRefreshToken = async (config) => {
   // 如果当前已经是 refresh-token 的 URL 地址,并且还是 401 错误,说明是刷新令牌失败了,直接返回 Promise.reject(error)
-  if (config.url.indexOf('/member/auth/refresh-token') >= 0) {
+  if (config.url.indexOf('/menduner/system/auth/refresh-token') >= 0) {
     return Promise.reject('error')
   }
 
@@ -229,13 +229,13 @@ const refreshToken = async (config) => {
   if (!isRefreshToken) {
     isRefreshToken = true
     // 1. 如果获取不到刷新令牌,则只能执行登出操作
-    const refreshToken = getRefreshToken()
-    if (!refreshToken) {
+    const refresh_token = getRefreshToken()
+    if (!refresh_token) {
       return handleAuthorized()
     }
     // 2. 进行刷新访问令牌
     try {
-      const refreshTokenResult = await refreshToken(refreshToken);
+      const refreshTokenResult = await refreshToken(refresh_token);
       if (refreshTokenResult.code !== 0) {
         // 如果刷新不成功,直接抛出 e 触发 2.2 的逻辑
         // noinspection ExceptionCaughtLocallyJS

+ 285 - 0
utils/test.js

@@ -0,0 +1,285 @@
+/**
+ * 验证电子邮箱格式
+ */
+function email(value) {
+  return /^\w+((-\w+)|(\.\w+))*\@[A-Za-z0-9]+((\.|-)[A-Za-z0-9]+)*\.[A-Za-z0-9]+$/.test(value);
+}
+
+/**
+ * 验证手机格式
+ */
+function mobile(value) {
+  return /^1[23456789]\d{9}$/.test(value);
+}
+
+/**
+ * 验证URL格式
+ */
+function url(value) {
+  return /^((https|http|ftp|rtsp|mms):\/\/)(([0-9a-zA-Z_!~*'().&=+$%-]+: )?[0-9a-zA-Z_!~*'().&=+$%-]+@)?(([0-9]{1,3}.){3}[0-9]{1,3}|([0-9a-zA-Z_!~*'()-]+.)*([0-9a-zA-Z][0-9a-zA-Z-]{0,61})?[0-9a-zA-Z].[a-zA-Z]{2,6})(:[0-9]{1,4})?((\/?)|(\/[0-9a-zA-Z_!~*'().;?:@&=+$,%#-]+)+\/?)$/.test(
+    value,
+  );
+}
+
+/**
+ * 验证日期格式
+ */
+function date(value) {
+  if (!value) return false;
+  // 判断是否数值或者字符串数值(意味着为时间戳),转为数值,否则new Date无法识别字符串时间戳
+  if (number(value)) value = +value;
+  return !/Invalid|NaN/.test(new Date(value).toString());
+}
+
+/**
+ * 验证ISO类型的日期格式
+ */
+function dateISO(value) {
+  return /^\d{4}[\/\-](0?[1-9]|1[012])[\/\-](0?[1-9]|[12][0-9]|3[01])$/.test(value);
+}
+
+/**
+ * 验证十进制数字
+ */
+function number(value) {
+  return /^[\+-]?(\d+\.?\d*|\.\d+|\d\.\d+e\+\d+)$/.test(value);
+}
+
+/**
+ * 验证字符串
+ */
+function string(value) {
+  return typeof value === 'string';
+}
+
+/**
+ * 验证整数
+ */
+function digits(value) {
+  return /^\d+$/.test(value);
+}
+
+/**
+ * 验证身份证号码
+ */
+function idCard(value) {
+  return /^[1-9]\d{5}[1-9]\d{3}((0\d)|(1[0-2]))(([0|1|2]\d)|3[0-1])\d{3}([0-9]|X)$/.test(value);
+}
+
+/**
+ * 是否车牌号
+ */
+function carNo(value) {
+  // 新能源车牌
+  const xreg =
+    /^[京津沪渝冀豫云辽黑湘皖鲁新苏浙赣鄂桂甘晋蒙陕吉闽贵粤青藏川宁琼使领A-Z]{1}[A-Z]{1}(([0-9]{5}[DF]$)|([DF][A-HJ-NP-Z0-9][0-9]{4}$))/;
+  // 旧车牌
+  const creg =
+    /^[京津沪渝冀豫云辽黑湘皖鲁新苏浙赣鄂桂甘晋蒙陕吉闽贵粤青藏川宁琼使领A-Z]{1}[A-Z]{1}[A-HJ-NP-Z0-9]{4}[A-HJ-NP-Z0-9挂学警港澳]{1}$/;
+  if (value.length === 7) {
+    return creg.test(value);
+  }
+  if (value.length === 8) {
+    return xreg.test(value);
+  }
+  return false;
+}
+
+/**
+ * 金额,只允许2位小数
+ */
+function amount(value) {
+  // 金额,只允许保留两位小数
+  return /^[1-9]\d*(,\d{3})*(\.\d{1,2})?$|^0\.\d{1,2}$/.test(value);
+}
+
+/**
+ * 中文
+ */
+function chinese(value) {
+  const reg = /^[\u4e00-\u9fa5]+$/gi;
+  return reg.test(value);
+}
+
+/**
+ * 只能输入字母
+ */
+function letter(value) {
+  return /^[a-zA-Z]*$/.test(value);
+}
+
+/**
+ * 只能是字母或者数字
+ */
+function enOrNum(value) {
+  // 英文或者数字
+  const reg = /^[0-9a-zA-Z]*$/g;
+  return reg.test(value);
+}
+
+/**
+ * 验证是否包含某个值
+ */
+function contains(value, param) {
+  return value.indexOf(param) >= 0;
+}
+
+/**
+ * 验证一个值范围[min, max]
+ */
+function range(value, param) {
+  return value >= param[0] && value <= param[1];
+}
+
+/**
+ * 验证一个长度范围[min, max]
+ */
+function rangeLength(value, param) {
+  return value.length >= param[0] && value.length <= param[1];
+}
+
+/**
+ * 是否固定电话
+ */
+function landline(value) {
+  const reg = /^\d{3,4}-\d{7,8}(-\d{3,4})?$/;
+  return reg.test(value);
+}
+
+/**
+ * 判断是否为空
+ */
+function empty(value) {
+  switch (typeof value) {
+    case 'undefined':
+      return true;
+    case 'string':
+      if (value.replace(/(^[ \t\n\r]*)|([ \t\n\r]*$)/g, '').length == 0) return true;
+      break;
+    case 'boolean':
+      if (!value) return true;
+      break;
+    case 'number':
+      if (value === 0 || isNaN(value)) return true;
+      break;
+    case 'object':
+      if (value === null || value.length === 0) return true;
+      for (const i in value) {
+        return false;
+      }
+      return true;
+  }
+  return false;
+}
+
+/**
+ * 是否json字符串
+ */
+function jsonString(value) {
+  if (typeof value === 'string') {
+    try {
+      const obj = JSON.parse(value);
+      if (typeof obj === 'object' && obj) {
+        return true;
+      }
+      return false;
+    } catch (e) {
+      return false;
+    }
+  }
+  return false;
+}
+
+/**
+ * 是否数组
+ */
+function array(value) {
+  if (typeof Array.isArray === 'function') {
+    return Array.isArray(value);
+  }
+  return Object.prototype.toString.call(value) === '[object Array]';
+}
+
+/**
+ * 是否对象
+ */
+function object(value) {
+  return Object.prototype.toString.call(value) === '[object Object]';
+}
+
+/**
+ * 是否短信验证码
+ */
+function code(value, len = 6) {
+  return new RegExp(`^\\d{${len}}$`).test(value);
+}
+
+/**
+ * 是否函数方法
+ * @param {Object} value
+ */
+function func(value) {
+  return typeof value === 'function';
+}
+
+/**
+ * 是否promise对象
+ * @param {Object} value
+ */
+function promise(value) {
+  return object(value) && func(value.then) && func(value.catch);
+}
+
+/** 是否图片格式
+ * @param {Object} value
+ */
+function image(value) {
+  const newValue = value.split('?')[0];
+  const IMAGE_REGEXP = /\.(jpeg|jpg|gif|png|svg|webp|jfif|bmp|dpg)/i;
+  return IMAGE_REGEXP.test(newValue);
+}
+
+/**
+ * 是否视频格式
+ * @param {Object} value
+ */
+function video(value) {
+  const VIDEO_REGEXP = /\.(mp4|mpg|mpeg|dat|asf|avi|rm|rmvb|mov|wmv|flv|mkv|m3u8)/i;
+  return VIDEO_REGEXP.test(value);
+}
+
+/**
+ * 是否为正则对象
+ * @param {Object}
+ * @return {Boolean}
+ */
+function regExp(o) {
+  return o && Object.prototype.toString.call(o) === '[object RegExp]';
+}
+
+export default {
+  email,
+  mobile,
+  url,
+  date,
+  dateISO,
+  number,
+  digits,
+  idCard,
+  carNo,
+  amount,
+  chinese,
+  letter,
+  enOrNum,
+  contains,
+  range,
+  rangeLength,
+  empty,
+  isEmpty: empty,
+  isNumber: number,
+  jsonString,
+  landline,
+  object,
+  array,
+  code,
+};

+ 164 - 0
utils/validate.js

@@ -0,0 +1,164 @@
+/**
+ * Validate v1.0.0 通用验证
+ * @description 项目中用到的表单验证规则
+ */
+import test from './test.js';
+
+// 手机号
+export const mobile = {
+  rules: [
+    {
+      required: true,
+      errorMessage: '请输入手机号',
+    },
+    {
+      validateFunction: function (rule, value, data, callback) {
+        if (!test.mobile(value)) {
+          callback('手机号码格式不正确');
+        }
+        return true;
+      },
+    },
+  ],
+};
+
+// 密码
+export const password = {
+  rules: [
+    {
+      required: true,
+      errorMessage: '请输入密码',
+    },
+    {
+      validateFunction: function (rule, value, data, callback) {
+        if (!/^(?![0-9]+$)(?![a-zA-Z]+$)[0-9A-Za-z]+\S{5,12}$/.test(value)) {
+          callback('需包含字母和数字,长度在6-12之间');
+        }
+        return true;
+      },
+    },
+  ],
+};
+
+// 短信验证码
+export const code = {
+  rules: [
+    {
+      required: true,
+      errorMessage: '请输入验证码',
+    },
+  ],
+};
+
+// 真实姓名
+export const realName = {
+  rules: [
+    {
+      required: true,
+      errorMessage: '请输入姓名',
+    },
+    {
+      validateFunction: function (rule, value, data, callback) {
+        if (!test.chinese(value)) {
+          callback('请输入汉字');
+        }
+        return true;
+      },
+    },
+  ],
+};
+
+export const taxName = {
+  rules: [
+    {
+      required: true,
+      errorMessage: '请输入发票抬头名称',
+    },
+    {
+      validateFunction: function (rule, value, data, callback) {
+        if (!test.chinese(value)) {
+          callback('请输入汉字');
+        }
+        return true;
+      },
+    },
+  ],
+};
+
+// 税号
+export const taxNo = {
+  rules: [
+    {
+      required: true,
+      errorMessage: '请输入税号',
+    },
+  ],
+};
+
+// 开户行
+export const bankName = {
+  rules: [
+    {
+      required: true,
+      errorMessage: '请输入开户行',
+    },
+    {
+      validateFunction: function (rule, value, data, callback) {
+        if (!test.chinese(value)) {
+          callback('请输入汉字');
+        }
+        return true;
+      },
+    },
+  ],
+};
+// 银行卡号
+export const bankCode = {
+  rules: [
+    {
+      required: true,
+      errorMessage: '请输入银行卡号',
+    },
+    {
+      validateFunction: function (rule, value, data, callback) {
+        if (!test.number(value)) {
+          callback('请输入正确账号');
+        }
+        return true;
+      },
+    },
+  ],
+};
+
+// 支付宝账号
+export const alipayAccount = {
+  rules: [
+    {
+      required: true,
+      errorMessage: '请输入支付宝账号',
+    },
+    {
+      validateFunction: function (rule, value, data, callback) {
+        let isEmail = test.email(value);
+        let isMobile = test.mobile(value);
+
+        if (!isEmail && !isMobile) {
+          callback('请输入正确账号');
+        }
+        return true;
+      },
+    },
+  ],
+};
+
+export default {
+  mobile,
+  alipayAccount,
+  bankCode,
+  bankName,
+  realName,
+  password,
+  code,
+  taxNo,
+  taxName,
+};

Some files were not shown because too many files changed in this diff