/**
 * 这里是uni-app内置的常用样式变量
 *
 * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 *
 */
/**
 * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
 *
 * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
 */
/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
/* ==================
          常用工具
 ==================== */
.ss-bg-opactity-block {
  background-color: rgba(0, 0, 0, 0.2);
  color: #fff;
}
/* ==================
          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%;
}
/* ==================

    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;
}
/* ==================

    溢出省略号
    @param {Number} 行数

 ==================== */
.ss-line-1 {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}
.ss-line-2 {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.ss-line-3 {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}
.ss-line-4 {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
}
.ss-line-5 {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 5;
  -webkit-box-orient: vertical;
}
.ss-line-6 {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 6;
  -webkit-box-orient: vertical;
}
/* ==================
    hover
 ==================== */
.ss-hover-class {
  background-color: #cccccc;
  opacity: 0.6;
}
.ss-hover-btn {
  transform: translate(1px, 1px);
}
/* ==================
    底部安全区域
 ==================== */
.ss-safe-bottom {
  padding-bottom: 0;
  padding-bottom: calc(constant(safe-area-inset-bottom) / 5 * 3);
  padding-bottom: calc(env(safe-area-inset-bottom) / 5 * 3);
}
/* ==================

    字体大小

 ==================== */
.ss-font-20 {
  font-size: 20rpx;
}
.ss-font-21 {
  font-size: 21rpx;
}
.ss-font-22 {
  font-size: 22rpx;
}
.ss-font-23 {
  font-size: 23rpx;
}
.ss-font-24 {
  font-size: 24rpx;
}
.ss-font-25 {
  font-size: 25rpx;
}
.ss-font-26 {
  font-size: 26rpx;
}
.ss-font-27 {
  font-size: 27rpx;
}
.ss-font-28 {
  font-size: 28rpx;
}
.ss-font-29 {
  font-size: 29rpx;
}
.ss-font-30 {
  font-size: 30rpx;
}
.ss-font-31 {
  font-size: 31rpx;
}
.ss-font-32 {
  font-size: 32rpx;
}
.ss-font-33 {
  font-size: 33rpx;
}
.ss-font-34 {
  font-size: 34rpx;
}
.ss-font-35 {
  font-size: 35rpx;
}
.ss-font-36 {
  font-size: 36rpx;
}
.ss-font-37 {
  font-size: 37rpx;
}
.ss-font-38 {
  font-size: 38rpx;
}
.ss-font-39 {
  font-size: 39rpx;
}
.ss-font-40 {
  font-size: 40rpx;
}
.ss-font-41 {
  font-size: 41rpx;
}
.ss-font-42 {
  font-size: 42rpx;
}
.ss-font-43 {
  font-size: 43rpx;
}
.ss-font-44 {
  font-size: 44rpx;
}
.ss-font-45 {
  font-size: 45rpx;
}
.ss-font-46 {
  font-size: 46rpx;
}
.ss-font-47 {
  font-size: 47rpx;
}
.ss-font-48 {
  font-size: 48rpx;
}
.ss-font-49 {
  font-size: 49rpx;
}
.ss-font-50 {
  font-size: 50rpx;
}
/* ==================
    按钮
 ==================== */
.ss-reset-button {
  padding: 0;
  margin: 0;
  font-size: inherit;
  background-color: transparent;
  color: inherit;
  position: relative;
  border: 0rpx;

  display: flex;

  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;
}
.theme-light {
  --ui-BG: #ffffff;
  --ui-BG-1: #f6f6f6;
  --ui-BG-2: #f1f1f1;
  --ui-BG-3: #e8e8e8;
  --ui-BG-4: #e0e0e0;
  --ui-TC: #303030;
  --ui-TC-1: #525252;
  --ui-TC-2: #777777;
  --ui-TC-3: #9e9e9e;
  --ui-TC-4: #c6c6c6;
  --ui-Blur: rgba(255, 255, 255, 0.98);
  --ui-Blur-1: rgba(255, 255, 255, 0.75);
  --ui-Blur-2: rgba(255, 255, 255, 0.25);
  --ui-Blur-3: rgba(255, 255, 255, 0.05);
  --ui-Border: rgba(119, 119, 119, 0.25);
  --ui-Outline: rgba(0, 0, 0, 0.1);
  --ui-Line: rgba(119, 119, 119, 0.25);
  --ui-Shadow: 0 0.5em 1em rgba(0, 0, 0, 0.15);
  --ui-Shadow-sm: 0 0.125em 0.25em rgba(0, 0, 0, 0.075);
  --ui-Shadow-lg: 0 1em 3em rgba(0, 0, 0, 0.175);
  --ui-Shadow-inset: inset 0 0.1em 0.2em rgba(0, 0, 0, 0.075);
  --ui-Shadow-opacity: 0.45;
  --ui-Shadow-opacity-sm: 0.075;
  --ui-Shadow-opacity-lg: 0.65;
  --ui-BG-opacity: 0.1;
}
.theme-dark {
  --ui-BG: #393939;
  --ui-BG-1: #333333;
  --ui-BG-2: #2c2c2c;
  --ui-BG-3: #292929;
  --ui-BG-4: #222222;
  --ui-TC: #ffffff;
  --ui-TC-1: #d4d4d4;
  --ui-TC-2: #919191;
  --ui-TC-3: #6a6a6a;
  --ui-TC-4: #474747;
  --ui-Blur: rgba(38, 38, 38, 0.98);
  --ui-Blur-1: rgba(38, 38, 38, 0.75);
  --ui-Blur-2: rgba(38, 38, 38, 0.25);
  --ui-Blur-3: rgba(38, 38, 38, 0.05);
  --ui-Border: rgba(119, 119, 119, 0.25);
  --ui-Outline: rgba(255, 255, 255, 0.1);
  --ui-Line: rgba(119, 119, 119, 0.25);
  --ui-Shadow: 0 0.5em 1em rgba(0, 0, 0, 0.45);
  --ui-Shadow-sm: 0 0.125em 0.25em rgba(0, 0, 0, 0.475);
  --ui-Shadow-lg: 0 1em 3em rgba(0, 0, 0, 0.475);
  --ui-Shadow-inset: inset 0 1px 2px rgba(0, 0, 0, 0.475);
  --ui-Shadow-opacity: 0.55;
  --ui-Shadow-opacity-sm: 0.175;
  --ui-Shadow-opacity-lg: 0.75;
  --ui-BG-opacity: 0.1;
}
.theme-auto {
  --ui-BG: #ffffff;
  --ui-BG-1: #f6f6f6;
  --ui-BG-2: #f1f1f1;
  --ui-BG-3: #e8e8e8;
  --ui-BG-4: #e0e0e0;
  --ui-TC: #303030;
  --ui-TC-1: #525252;
  --ui-TC-2: #777777;
  --ui-TC-3: #9e9e9e;
  --ui-TC-4: #c6c6c6;
  --ui-Blur: rgba(255, 255, 255, 0.98);
  --ui-Blur-1: rgba(255, 255, 255, 0.75);
  --ui-Blur-2: rgba(255, 255, 255, 0.25);
  --ui-Blur-3: rgba(255, 255, 255, 0.05);
  --ui-Border: rgba(119, 119, 119, 0.25);
  --ui-Outline: rgba(0, 0, 0, 0.1);
  --ui-Line: rgba(119, 119, 119, 0.25);
  --ui-Shadow: 0 0.5em 1em rgba(0, 0, 0, 0.15);
  --ui-Shadow-sm: 0 0.125em 0.25em rgba(0, 0, 0, 0.075);
  --ui-Shadow-lg: 0 1em 3em rgba(0, 0, 0, 0.175);
  --ui-Shadow-inset: inset 0 0.1em 0.2em rgba(0, 0, 0, 0.075);
  --ui-Shadow-opacity: 0.45;
  --ui-Shadow-opacity-sm: 0.075;
  --ui-Shadow-opacity-lg: 0.65;
  --ui-BG-opacity: 0.1;
}
@media (prefers-color-scheme: dark) {
.theme-auto {
    --ui-BG: #393939;
    --ui-BG-1: #333333;
    --ui-BG-2: #2c2c2c;
    --ui-BG-3: #292929;
    --ui-BG-4: #222222;
    --ui-TC: #ffffff;
    --ui-TC-1: #d4d4d4;
    --ui-TC-2: #919191;
    --ui-TC-3: #6a6a6a;
    --ui-TC-4: #474747;
    --ui-Blur: rgba(38, 38, 38, 0.98);
    --ui-Blur-1: rgba(38, 38, 38, 0.75);
    --ui-Blur-2: rgba(38, 38, 38, 0.25);
    --ui-Blur-3: rgba(38, 38, 38, 0.05);
    --ui-Border: rgba(119, 119, 119, 0.25);
    --ui-Outline: rgba(255, 255, 255, 0.1);
    --ui-Line: rgba(119, 119, 119, 0.25);
    --ui-Shadow: 0 0.5em 1em rgba(0, 0, 0, 0.45);
    --ui-Shadow-sm: 0 0.125em 0.25em rgba(0, 0, 0, 0.475);
    --ui-Shadow-lg: 0 1em 3em rgba(0, 0, 0, 0.475);
    --ui-Shadow-inset: inset 0 1px 2px rgba(0, 0, 0, 0.475);
    --ui-Shadow-opacity: 0.55;
    --ui-Shadow-opacity-sm: 0.175;
    --ui-Shadow-opacity-lg: 0.75;
    --ui-BG-opacity: 0.1;
}
}
.ui-BG {
  background-color: var(--ui-BG) !important;
  color: var(--ui-TC);
}
.ui-TC {
  color: var(--ui-TC) !important;
}
.ui-BG-Main {
  background-color: var(--ui-BG-Main) !important;
  color: var(--ui-BG-Main-TC) !important;
}
.ui-BG-Main-Gradient {
  background: linear-gradient(90deg, var(--ui-BG-Main), var(--ui-BG-Main-gradient)) !important;
  color: var(--ui-BG-Main-TC) !important;
}
.ui-TC-Main {
  color: var(--ui-BG-Main) !important;
}
.ui-Shadow-Main {
  box-shadow: var(--ui-Main-box-shadow) !important;
}
.ui-BG-Main-light {
  background: var(----ui-BG-Main-light) !important;
  color: var(--ui-BG-Main) !important;
}
.ui-BG-1 {
  background-color: var(--ui-BG-1) !important;
  color: var(--ui-TC);
}
.ui-TC-1 {
  color: var(--ui-TC-1) !important;
}
.ui-BG-Main-1 {
  background-color: var(--ui-BG-Main-1) !important;
  color: var(--ui-BG-Main-TC) !important;
}
.ui-BG-Main-Gradient {
  background: linear-gradient(90deg, var(--ui-BG-Main), var(--ui-BG-Main-gradient)) !important;
  color: var(--ui-BG-Main-TC) !important;
}
.ui-TC-Main-1 {
  color: var(--ui-BG-Main-1) !important;
}
.ui-Shadow-Main {
  box-shadow: var(--ui-Main-box-shadow) !important;
}
.ui-BG-Main-light {
  background: var(----ui-BG-Main-light) !important;
  color: var(--ui-BG-Main-1) !important;
}
.ui-BG-2 {
  background-color: var(--ui-BG-2) !important;
  color: var(--ui-TC);
}
.ui-TC-2 {
  color: var(--ui-TC-2) !important;
}
.ui-BG-Main-2 {
  background-color: var(--ui-BG-Main-2) !important;
  color: var(--ui-BG-Main-TC) !important;
}
.ui-BG-Main-Gradient {
  background: linear-gradient(90deg, var(--ui-BG-Main), var(--ui-BG-Main-gradient)) !important;
  color: var(--ui-BG-Main-TC) !important;
}
.ui-TC-Main-2 {
  color: var(--ui-BG-Main-2) !important;
}
.ui-Shadow-Main {
  box-shadow: var(--ui-Main-box-shadow) !important;
}
.ui-BG-Main-light {
  background: var(----ui-BG-Main-light) !important;
  color: var(--ui-BG-Main-2) !important;
}
.ui-BG-3 {
  background-color: var(--ui-BG-3) !important;
  color: var(--ui-TC);
}
.ui-TC-3 {
  color: var(--ui-TC-3) !important;
}
.ui-BG-Main-3 {
  background-color: var(--ui-BG-Main-3) !important;
  color: var(--ui-BG-Main-TC) !important;
}
.ui-BG-Main-Gradient {
  background: linear-gradient(90deg, var(--ui-BG-Main), var(--ui-BG-Main-gradient)) !important;
  color: var(--ui-BG-Main-TC) !important;
}
.ui-TC-Main-3 {
  color: var(--ui-BG-Main-3) !important;
}
.ui-Shadow-Main {
  box-shadow: var(--ui-Main-box-shadow) !important;
}
.ui-BG-Main-light {
  background: var(----ui-BG-Main-light) !important;
  color: var(--ui-BG-Main-3) !important;
}
.ui-BG-4 {
  background-color: var(--ui-BG-4) !important;
  color: var(--ui-TC);
}
.ui-TC-4 {
  color: var(--ui-TC-4) !important;
}
.ui-BG-Main-4 {
  background-color: var(--ui-BG-Main-4) !important;
  color: var(--ui-BG-Main-TC) !important;
}
.ui-BG-Main-Gradient {
  background: linear-gradient(90deg, var(--ui-BG-Main), var(--ui-BG-Main-gradient)) !important;
  color: var(--ui-BG-Main-TC) !important;
}
.ui-TC-Main-4 {
  color: var(--ui-BG-Main-4) !important;
}
.ui-Shadow-Main {
  box-shadow: var(--ui-Main-box-shadow) !important;
}
.ui-BG-Main-light {
  background: var(----ui-BG-Main-light) !important;
  color: var(--ui-BG-Main-4) !important;
}
.main-yellow {
  --ui-BG-Main: #ffc300;
  --ui-BG-Main-tag: rgba(255, 195, 0, 0.05);
  --ui-BG-Main-gradient: rgba(255, 195, 0, 0.6);
  --ui-BG-Main-light: rgba(255, 195, 0, 0.2);
  --ui-BG-Main-opacity-1: rgba(255, 195, 0, 0.1);
  --ui-BG-Main-opacity-4: rgba(255, 195, 0, 0.4);
  --ui-Main-box-shadow: 0 0.2em 0.5em rgba(255, 195, 0, var(--ui-Shadow-opacity));
  --ui-BG-Main-1: rgba(231, 186, 39, 0.97);
  --ui-BG-Main-2: rgba(209, 176, 71, 0.92);
  --ui-BG-Main-3: rgba(198, 165, 56, 0.68);
  --ui-BG-Main-4: rgba(198, 164, 56, 0.46);
  --ui-BG-Main-TC: #ffffff !important;
}
.main-orange {
  --ui-BG-Main: #ff6000;
  --ui-BG-Main-tag: rgba(255, 96, 0, 0.05);
  --ui-BG-Main-gradient: rgba(255, 96, 0, 0.6);
  --ui-BG-Main-light: rgba(255, 96, 0, 0.2);
  --ui-BG-Main-opacity-1: rgba(255, 96, 0, 0.1);
  --ui-BG-Main-opacity-4: rgba(255, 96, 0, 0.4);
  --ui-Main-box-shadow: 0 0.2em 0.5em rgba(255, 96, 0, var(--ui-Shadow-opacity));
  --ui-BG-Main-1: rgba(231, 111, 39, 0.97);
  --ui-BG-Main-2: rgba(209, 123, 71, 0.92);
  --ui-BG-Main-3: rgba(198, 110, 56, 0.68);
  --ui-BG-Main-4: rgba(198, 110, 56, 0.46);
  --ui-BG-Main-TC: #ffffff !important;
}
.main-red {
  --ui-BG-Main: #ff3000;
  --ui-BG-Main-tag: rgba(255, 48, 0, 0.05);
  --ui-BG-Main-gradient: rgba(255, 48, 0, 0.6);
  --ui-BG-Main-light: rgba(255, 48, 0, 0.2);
  --ui-BG-Main-opacity-1: rgba(255, 48, 0, 0.1);
  --ui-BG-Main-opacity-4: rgba(255, 48, 0, 0.4);
  --ui-Main-box-shadow: 0 0.2em 0.5em rgba(255, 48, 0, var(--ui-Shadow-opacity));
  --ui-BG-Main-1: rgba(231, 75, 39, 0.97);
  --ui-BG-Main-2: rgba(209, 97, 71, 0.92);
  --ui-BG-Main-3: rgba(198, 83, 56, 0.68);
  --ui-BG-Main-4: rgba(198, 83, 56, 0.46);
  --ui-BG-Main-TC: #ffffff !important;
}
.main-pink {
  --ui-BG-Main: #e03997;
  --ui-BG-Main-tag: rgba(224, 57, 151, 0.05);
  --ui-BG-Main-gradient: rgba(224, 57, 151, 0.6);
  --ui-BG-Main-light: rgba(224, 57, 151, 0.2);
  --ui-BG-Main-opacity-1: rgba(224, 57, 151, 0.1);
  --ui-BG-Main-opacity-4: rgba(224, 57, 151, 0.4);
  --ui-Main-box-shadow: 0 0.2em 0.5em rgba(224, 57, 151, var(--ui-Shadow-opacity));
  --ui-BG-Main-1: rgba(204, 90, 154, 0.97);
  --ui-BG-Main-2: rgba(185, 118, 156, 0.92);
  --ui-BG-Main-3: rgba(174, 104, 143, 0.68);
  --ui-BG-Main-4: rgba(174, 104, 143, 0.46);
  --ui-BG-Main-TC: #ffffff !important;
}
.main-mauve {
  --ui-BG-Main: #b745cb;
  --ui-BG-Main-tag: rgba(183, 69, 203, 0.05);
  --ui-BG-Main-gradient: rgba(183, 69, 203, 0.6);
  --ui-BG-Main-light: rgba(183, 69, 203, 0.2);
  --ui-BG-Main-opacity-1: rgba(183, 69, 203, 0.1);
  --ui-BG-Main-opacity-4: rgba(183, 69, 203, 0.4);
  --ui-Main-box-shadow: 0 0.2em 0.5em rgba(183, 69, 203, var(--ui-Shadow-opacity));
  --ui-BG-Main-1: rgba(171, 102, 183, 0.97);
  --ui-BG-Main-2: rgba(160, 130, 165, 0.92);
  --ui-BG-Main-3: rgba(148, 117, 153, 0.68);
  --ui-BG-Main-4: rgba(148, 117, 152, 0.46);
  --ui-BG-Main-TC: #ffffff !important;
}
.main-purple {
  --ui-BG-Main: #652abf;
  --ui-BG-Main-tag: rgba(101, 42, 191, 0.05);
  --ui-BG-Main-gradient: rgba(101, 42, 191, 0.6);
  --ui-BG-Main-light: rgba(101, 42, 191, 0.2);
  --ui-BG-Main-opacity-1: rgba(101, 42, 191, 0.1);
  --ui-BG-Main-opacity-4: rgba(101, 42, 191, 0.4);
  --ui-Main-box-shadow: 0 0.2em 0.5em rgba(101, 42, 191, var(--ui-Shadow-opacity));
  --ui-BG-Main-1: rgba(114, 76, 173, 0.97);
  --ui-BG-Main-2: rgba(125, 105, 155, 0.92);
  --ui-BG-Main-3: rgba(112, 91, 142, 0.68);
  --ui-BG-Main-4: rgba(112, 91, 142, 0.46);
  --ui-BG-Main-TC: #ffffff !important;
}
.main-violet {
  --ui-BG-Main: #652abf;
  --ui-BG-Main-tag: rgba(101, 42, 191, 0.05);
  --ui-BG-Main-gradient: rgba(101, 42, 191, 0.6);
  --ui-BG-Main-light: rgba(101, 42, 191, 0.2);
  --ui-BG-Main-opacity-1: rgba(101, 42, 191, 0.1);
  --ui-BG-Main-opacity-4: rgba(101, 42, 191, 0.4);
  --ui-Main-box-shadow: 0 0.2em 0.5em rgba(101, 42, 191, var(--ui-Shadow-opacity));
  --ui-BG-Main-1: rgba(114, 76, 173, 0.97);
  --ui-BG-Main-2: rgba(125, 105, 155, 0.92);
  --ui-BG-Main-3: rgba(112, 91, 142, 0.68);
  --ui-BG-Main-4: rgba(112, 91, 142, 0.46);
  --ui-BG-Main-TC: #ffffff !important;
}
.main-blue {
  --ui-BG-Main: #0081ff;
  --ui-BG-Main-tag: rgba(0, 129, 255, 0.05);
  --ui-BG-Main-gradient: rgba(0, 129, 255, 0.6);
  --ui-BG-Main-light: rgba(0, 129, 255, 0.2);
  --ui-BG-Main-opacity-1: rgba(0, 129, 255, 0.1);
  --ui-BG-Main-opacity-4: rgba(0, 129, 255, 0.4);
  --ui-Main-box-shadow: 0 0.2em 0.5em rgba(0, 129, 255, var(--ui-Shadow-opacity));
  --ui-BG-Main-1: rgba(39, 136, 231, 0.97);
  --ui-BG-Main-2: rgba(71, 140, 209, 0.92);
  --ui-BG-Main-3: rgba(56, 127, 198, 0.68);
  --ui-BG-Main-4: rgba(56, 127, 198, 0.46);
  --ui-BG-Main-TC: #ffffff !important;
}
.main-cyan {
  --ui-BG-Main: #37c0fe;
  --ui-BG-Main-tag: rgba(55, 192, 254, 0.05);
  --ui-BG-Main-gradient: rgba(55, 192, 254, 0.6);
  --ui-BG-Main-light: rgba(55, 192, 254, 0.2);
  --ui-BG-Main-opacity-1: rgba(55, 192, 254, 0.1);
  --ui-BG-Main-opacity-4: rgba(55, 192, 254, 0.4);
  --ui-Main-box-shadow: 0 0.2em 0.5em rgba(55, 192, 254, var(--ui-Shadow-opacity));
  --ui-BG-Main-1: rgba(85, 188, 235, 0.97);
  --ui-BG-Main-2: rgba(110, 185, 218, 0.92);
  --ui-BG-Main-3: rgba(97, 173, 207, 0.68);
  --ui-BG-Main-4: rgba(97, 173, 207, 0.46);
  --ui-BG-Main-TC: #ffffff !important;
}
.main-green {
  --ui-BG-Main: #2aae67;
  --ui-BG-Main-tag: rgba(42, 174, 103, 0.05);
  --ui-BG-Main-gradient: rgba(42, 174, 103, 0.6);
  --ui-BG-Main-light: rgba(42, 174, 103, 0.2);
  --ui-BG-Main-opacity-1: rgba(42, 174, 103, 0.1);
  --ui-BG-Main-opacity-4: rgba(42, 174, 103, 0.4);
  --ui-Main-box-shadow: 0 0.2em 0.5em rgba(42, 174, 103, var(--ui-Shadow-opacity));
  --ui-BG-Main-1: rgba(75, 158, 113, 0.97);
  --ui-BG-Main-2: rgba(101, 143, 120, 0.92);
  --ui-BG-Main-3: rgba(87, 130, 107, 0.68);
  --ui-BG-Main-4: rgba(87, 130, 107, 0.46);
  --ui-BG-Main-TC: #ffffff !important;
}
.main-olive {
  --ui-BG-Main: #8dc63f;
  --ui-BG-Main-tag: rgba(141, 198, 63, 0.05);
  --ui-BG-Main-gradient: rgba(141, 198, 63, 0.6);
  --ui-BG-Main-light: rgba(141, 198, 63, 0.2);
  --ui-BG-Main-opacity-1: rgba(141, 198, 63, 0.1);
  --ui-BG-Main-opacity-4: rgba(141, 198, 63, 0.4);
  --ui-Main-box-shadow: 0 0.2em 0.5em rgba(141, 198, 63, var(--ui-Shadow-opacity));
  --ui-BG-Main-1: rgba(144, 178, 97, 0.97);
  --ui-BG-Main-2: rgba(145, 158, 127, 0.92);
  --ui-BG-Main-3: rgba(132, 146, 113, 0.68);
  --ui-BG-Main-4: rgba(132, 146, 113, 0.46);
  --ui-BG-Main-TC: #ffffff !important;
}
.main-grey {
  --ui-BG-Main: #8799a3;
  --ui-BG-Main-tag: rgba(135, 153, 163, 0.05);
  --ui-BG-Main-gradient: rgba(135, 153, 163, 0.6);
  --ui-BG-Main-light: rgba(135, 153, 163, 0.2);
  --ui-BG-Main-opacity-1: rgba(135, 153, 163, 0.1);
  --ui-BG-Main-opacity-4: rgba(135, 153, 163, 0.4);
  --ui-Main-box-shadow: 0 0.2em 0.5em rgba(135, 153, 163, var(--ui-Shadow-opacity));
  --ui-BG-Main-1: rgba(155, 155, 155, 0.97);
  --ui-BG-Main-2: rgba(159, 159, 159, 0.92);
  --ui-BG-Main-3: rgba(147, 147, 147, 0.68);
  --ui-BG-Main-4: rgba(147, 147, 147, 0.46);
  --ui-BG-Main-TC: #ffffff !important;
}
.main-brown {
  --ui-BG-Main: #a5673f;
  --ui-BG-Main-tag: rgba(165, 103, 63, 0.05);
  --ui-BG-Main-gradient: rgba(165, 103, 63, 0.6);
  --ui-BG-Main-light: rgba(165, 103, 63, 0.2);
  --ui-BG-Main-opacity-1: rgba(165, 103, 63, 0.1);
  --ui-BG-Main-opacity-4: rgba(165, 103, 63, 0.4);
  --ui-Main-box-shadow: 0 0.2em 0.5em rgba(165, 103, 63, var(--ui-Shadow-opacity));
  --ui-BG-Main-1: rgba(148, 116, 96, 0.97);
  --ui-BG-Main-2: rgba(132, 127, 123, 0.92);
  --ui-BG-Main-3: rgba(119, 113, 110, 0.68);
  --ui-BG-Main-4: rgba(119, 113, 110, 0.46);
  --ui-BG-Main-TC: #ffffff !important;
}
.main-black {
  --ui-BG-Main: #484848;
  --ui-BG-Main-tag: rgba(72, 72, 72, 0.05);
  --ui-BG-Main-gradient: rgba(72, 72, 72, 0.6);
  --ui-BG-Main-light: rgba(72, 72, 72, 0.2);
  --ui-BG-Main-opacity-1: rgba(72, 72, 72, 0.1);
  --ui-BG-Main-opacity-4: rgba(72, 72, 72, 0.4);
  --ui-Main-box-shadow: 0 0.2em 0.5em rgba(72, 72, 72, var(--ui-Shadow-opacity));
  --ui-BG-Main-1: rgba(82, 82, 82, 0.97);
  --ui-BG-Main-2: rgba(90, 90, 90, 0.92);
  --ui-BG-Main-3: rgba(75, 75, 75, 0.68);
  --ui-BG-Main-4: rgba(75, 75, 75, 0.46);
  --ui-BG-Main-TC: #ffffff !important;
}
.main-golden {
  --ui-BG-Main: #e9b461;
  --ui-BG-Main-tag: rgba(233, 180, 97, 0.05);
  --ui-BG-Main-gradient: rgba(233, 180, 97, 0.6);
  --ui-BG-Main-light: rgba(233, 180, 97, 0.2);
  --ui-BG-Main-opacity-1: rgba(233, 180, 97, 0.1);
  --ui-BG-Main-opacity-4: rgba(233, 180, 97, 0.4);
  --ui-Main-box-shadow: 0 0.2em 0.5em rgba(233, 180, 97, var(--ui-Shadow-opacity));
  --ui-BG-Main-1: rgba(217, 180, 123, 0.97);
  --ui-BG-Main-2: rgba(203, 180, 145, 0.92);
  --ui-BG-Main-3: rgba(192, 168, 132, 0.68);
  --ui-BG-Main-4: rgba(191, 168, 132, 0.46);
  --ui-BG-Main-TC: #ffffff !important;
}
body {
  color: var(--text-a);
  background-color: var(--ui-BG-1) !important;
  font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}
/* ==================
         初始化
 ==================== */
.ui-link {
  cursor: pointer;
}
navigator {
  display: inline-flex;
}
navigator.navigator-hover {
  background-color: inherit;
  transform: translate(1rpx, 1rpx);
}
/* ==================
         辅助类
 ==================== */
.none {
  display: none !important;
}
.inline {
  display: inline !important;
}
.inline-block {
  display: inline-block !important;
}
.block {
  display: block !important;
}
.touch-none {
  pointer-events: none;
}
.touch-all {
  pointer-events: all;
}
.flex {
  display: flex !important;
}
.inline-flex {
  display: inline-flex !important;
}
.w-100 {
  width: 100%;
}
/* -- 浮动 -- */
.cf::after,
.cf::before {
  content: "";
  display: table;
}
.cf::after {
  clear: both;
}
.fl {
  float: left;
}
.fr {
  float: right;
}
.position-center {
  position: absolute !important;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
}
.position-relative {
  position: relative;
}
/* -- 工具类 -- */
.m-0 {
  margin: 0 !important;
}
.m-1 {
  margin: 5rpx !important;
}
.m-2 {
  margin: 10rpx !important;
}
.m-3 {
  margin: 20rpx !important;
}
.m-4 {
  margin: 30rpx !important;
}
.m-5 {
  margin: 60rpx !important;
}
.m-6 {
  margin: 100rpx !important;
}
.m-auto {
  margin: auto !important;
}
.mx-0 {
  margin-right: 0 !important;
  margin-left: 0 !important;
}
.mx-1 {
  margin-right: 5rpx !important;
  margin-left: 5rpx !important;
}
.mx-2 {
  margin-right: 10rpx !important;
  margin-left: 10rpx !important;
}
.mx-3 {
  margin-right: 20rpx !important;
  margin-left: 20rpx !important;
}
.mx-4 {
  margin-right: 30rpx !important;
  margin-left: 30rpx !important;
}
.mx-5 {
  margin-right: 60rpx !important;
  margin-left: 60rpx !important;
}
.mx-6 {
  margin-right: 100rpx !important;
  margin-left: 100rpx !important;
}
.mx-auto {
  margin-right: auto !important;
  margin-left: auto !important;
}
.my-0 {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}
.my-1 {
  margin-top: 5rpx !important;
  margin-bottom: 5rpx !important;
}
.my-2 {
  margin-top: 10rpx !important;
  margin-bottom: 10rpx !important;
}
.my-3 {
  margin-top: 20rpx !important;
  margin-bottom: 20rpx !important;
}
.my-4 {
  margin-top: 30rpx !important;
  margin-bottom: 30rpx !important;
}
.my-5 {
  margin-top: 60rpx !important;
  margin-bottom: 60rpx !important;
}
.my-6 {
  margin-top: 100rpx !important;
  margin-bottom: 100rpx !important;
}
.my-auto {
  margin-top: auto !important;
  margin-bottom: auto !important;
}
.mt-0 {
  margin-top: 0 !important;
}
.mt-1 {
  margin-top: 5rpx !important;
}
.mt-2 {
  margin-top: 10rpx !important;
}
.mt-3 {
  margin-top: 20rpx !important;
}
.mt-4 {
  margin-top: 30rpx !important;
}
.mt-5 {
  margin-top: 60rpx !important;
}
.mt-6 {
  margin-top: 100rpx !important;
}
.mt-auto {
  margin-top: auto !important;
}
.mr-0 {
  margin-right: 0 !important;
}
.mr-1 {
  margin-right: 5rpx !important;
}
.mr-2 {
  margin-right: 10rpx !important;
}
.mr-3 {
  margin-right: 20rpx !important;
}
.mr-4 {
  margin-right: 30rpx !important;
}
.mr-5 {
  margin-right: 60rpx !important;
}
.mr-6 {
  margin-right: 100rpx !important;
}
.mr-auto {
  margin-right: auto !important;
}
.mb-0 {
  margin-bottom: 0 !important;
}
.mb-1 {
  margin-bottom: 5rpx !important;
}
.mb-2 {
  margin-bottom: 10rpx !important;
}
.mb-3 {
  margin-bottom: 20rpx !important;
}
.mb-4 {
  margin-bottom: 30rpx !important;
}
.mb-5 {
  margin-bottom: 60rpx !important;
}
.mb-6 {
  margin-bottom: 100rpx !important;
}
.mb-auto {
  margin-bottom: auto !important;
}
.ml-0 {
  margin-left: 0 !important;
}
.ml-1 {
  margin-left: 5rpx !important;
}
.ml-2 {
  margin-left: 10rpx !important;
}
.ml-3 {
  margin-left: 20rpx !important;
}
.ml-4 {
  margin-left: 30rpx !important;
}
.ml-5 {
  margin-left: 60rpx !important;
}
.ml-6 {
  margin-left: 100rpx !important;
}
.ml-auto {
  margin-left: auto !important;
}
.p-0 {
  padding: 0 !important;
}
.p-1 {
  padding: 5rpx !important;
}
.p-2 {
  padding: 10rpx !important;
}
.p-3 {
  padding: 20rpx !important;
}
.p-4 {
  padding: 30rpx !important;
}
.p-5 {
  padding: 60rpx !important;
}
.p-6 {
  padding: 100rpx !important;
}
.px-0 {
  padding-right: 0 !important;
  padding-left: 0 !important;
}
.px-1 {
  padding-right: 5rpx !important;
  padding-left: 5rpx !important;
}
.px-2 {
  padding-right: 10rpx !important;
  padding-left: 10rpx !important;
}
.px-3 {
  padding-right: 20rpx !important;
  padding-left: 20rpx !important;
}
.px-4 {
  padding-right: 30rpx !important;
  padding-left: 30rpx !important;
}
.px-5 {
  padding-right: 60rpx !important;
  padding-left: 60rpx !important;
}
.px-6 {
  padding-right: 100rpx !important;
  padding-left: 100rpx !important;
}
.py-0 {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}
.py-1 {
  padding-top: 5rpx !important;
  padding-bottom: 5rpx !important;
}
.py-2 {
  padding-top: 10rpx !important;
  padding-bottom: 10rpx !important;
}
.py-3 {
  padding-top: 20rpx !important;
  padding-bottom: 20rpx !important;
}
.py-4 {
  padding-top: 30rpx !important;
  padding-bottom: 30rpx !important;
}
.py-5 {
  padding-top: 60rpx !important;
  padding-bottom: 60rpx !important;
}
.py-6 {
  padding-top: 100rpx !important;
  padding-bottom: 100rpx !important;
}
.pt-0 {
  padding-top: 0 !important;
}
.pt-1 {
  padding-top: 5rpx !important;
}
.pt-2 {
  padding-top: 10rpx !important;
}
.pt-3 {
  padding-top: 20rpx !important;
}
.pt-4 {
  padding-top: 30rpx !important;
}
.pt-5 {
  padding-top: 60rpx !important;
}
.pt-6 {
  padding-top: 100rpx !important;
}
.pr-0 {
  padding-right: 0 !important;
}
.pr-1 {
  padding-right: 5rpx !important;
}
.pr-2 {
  padding-right: 10rpx !important;
}
.pr-3 {
  padding-right: 20rpx !important;
}
.pr-4 {
  padding-right: 30rpx !important;
}
.pr-5 {
  padding-right: 60rpx !important;
}
.pr-6 {
  padding-right: 100rpx !important;
}
.pb-0 {
  padding-bottom: 0 !important;
}
.pb-1 {
  padding-bottom: 5rpx !important;
}
.pb-2 {
  padding-bottom: 10rpx !important;
}
.pb-3 {
  padding-bottom: 20rpx !important;
}
.pb-4 {
  padding-bottom: 30rpx !important;
}
.pb-5 {
  padding-bottom: 60rpx !important;
}
.pb-6 {
  padding-bottom: 100rpx !important;
}
.pl-0 {
  padding-left: 0 !important;
}
.pl-1 {
  padding-left: 5rpx !important;
}
.pl-2 {
  padding-left: 10rpx !important;
}
.pl-3 {
  padding-left: 20rpx !important;
}
.pl-4 {
  padding-left: 30rpx !important;
}
.pl-5 {
  padding-left: 60rpx !important;
}
.pl-6 {
  padding-left: 100rpx !important;
}
.text-light {
  font-weight: 300 !important;
}
.text-lighter {
  font-weight: lighter !important;
}
.text-normal {
  font-weight: 400 !important;
}
.text-bold {
  font-weight: 700 !important;
}
.text-bolder {
  font-weight: 900 !important;
}
.text-left {
  text-align: left !important;
}
.text-right {
  text-align: right !important;
}
.text-center {
  text-align: center !important;
}
.text-yellow {
  color: #ffc300 !important;
}
.text-orange {
  color: #ff6000 !important;
}
.text-red {
  color: #ff3000 !important;
}
.text-pink {
  color: #e03997 !important;
}
.text-mauve {
  color: #b745cb !important;
}
.text-purple {
  color: #652abf !important;
}
.text-violet {
  color: #652abf !important;
}
.text-blue {
  color: #0081ff !important;
}
.text-cyan {
  color: #37c0fe !important;
}
.text-green {
  color: #2aae67 !important;
}
.text-olive {
  color: #8dc63f !important;
}
.text-grey {
  color: #8799a3 !important;
}
.text-brown {
  color: #a5673f !important;
}
.text-black {
  color: #000000 !important;
}
.text-golden {
  color: #e9b461 !important;
}
.text-white {
  color: #ffffff !important;
}
.text-gray-f {
  color: #f8f9fa !important;
}
.text-gray-e {
  color: #eeeeee !important;
}
.text-gray-d {
  color: #dddddd !important;
}
.text-gray-c {
  color: #cccccc !important;
}
.text-gray-b {
  color: #bbbbbb !important;
}
.text-gray-a {
  color: #aaaaaa !important;
}
.text-gray {
  color: #aaaaaa !important;
}
.text-dark-9 {
  color: #999999 !important;
}
.text-dark-8 {
  color: #888888 !important;
}
.text-dark-7 {
  color: #777777 !important;
}
.text-dark-6 {
  color: #666666 !important;
}
.text-dark-5 {
  color: #555555 !important;
}
.text-dark-4 {
  color: #484848 !important;
}
.text-dark-3 {
  color: #333333 !important;
}
.text-dark-2 {
  color: #222222 !important;
}
.text-dark-1 {
  color: #111111 !important;
}
.text-reset {
  color: inherit !important;
}
.lh-1 {
  line-height: 1 !important;
}
.lh-sm {
  line-height: 1.25 !important;
}
.lh-base {
  line-height: 1.5 !important;
}
.lh-lg {
  line-height: 2 !important;
}
.text-nowrap {
  white-space: nowrap !important;
}
.radius {
  border-radius: 10rpx !important;
}
.radius-sm {
  border-radius: 6rpx !important;
}
.radius-lg {
  border-radius: 40rpx !important;
}
.radius-0 {
  border-radius: 0 !important;
}
.round {
  border-radius: 1000rpx !important;
}
.round-circle {
  border-radius: 50% !important;
}
.radius-top {
  border-top-left-radius: 10rpx !important;
  border-top-right-radius: 10rpx !important;
}
.radius-right {
  border-top-right-radius: 10rpx !important;
  border-bottom-right-radius: 10rpx !important;
}
.radius-bottom {
  border-bottom-right-radius: 10rpx !important;
  border-bottom-left-radius: 10rpx !important;
}
.radius-left {
  border-bottom-left-radius: 10rpx !important;
  border-top-left-radius: 10rpx !important;
}
.radius-lr {
  border-top-left-radius: 10rpx !important;
  border-bottom-right-radius: 10rpx !important;
}
.radius-lr {
  border-top-right-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
}
.radius-rl {
  border-top-right-radius: 10rpx !important;
  border-bottom-left-radius: 10rpx !important;
}
.radius-rl {
  border-top-left-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}
/* ==================
          背景
 ==================== */
/* -- 基础色 -- */
.bg-yellow {
  background-color: #ffc300 !important;
  color: #333333 !important;
}
.bg-orange {
  background-color: #ff6000 !important;
  color: #ffffff !important;
}
.bg-red {
  background-color: #ff3000 !important;
  color: #ffffff !important;
}
.bg-pink {
  background-color: #e03997 !important;
  color: #ffffff !important;
}
.bg-mauve {
  background-color: #b745cb !important;
  color: #ffffff !important;
}
.bg-purple {
  background-color: #652abf !important;
  color: #ffffff !important;
}
.bg-violet {
  background-color: #652abf !important;
  color: #ffffff !important;
}
.bg-blue {
  background-color: #0081ff !important;
  color: #ffffff !important;
}
.bg-cyan {
  background-color: #37c0fe !important;
  color: #ffffff !important;
}
.bg-green {
  background-color: #2aae67 !important;
  color: #ffffff !important;
}
.bg-olive {
  background-color: #8dc63f !important;
  color: #ffffff !important;
}
.bg-grey {
  background-color: #8799a3 !important;
  color: #ffffff !important;
}
.bg-brown {
  background-color: #a5673f !important;
  color: #ffffff !important;
}
.bg-black {
  background-color: #000000 !important;
  color: #ffffff !important;
}
.bg-golden {
  background-color: #e9b461 !important;
  color: #ffffff !important;
}
.bg-dark-9 {
  background-color: #999999 !important;
  color: #ffffff !important;
}
.bg-dark-8 {
  background-color: #888888 !important;
  color: #ffffff !important;
}
.bg-dark-7 {
  background-color: #777777 !important;
  color: #ffffff !important;
}
.bg-dark-6 {
  background-color: #666666 !important;
  color: #ffffff !important;
}
.bg-dark-5 {
  background-color: #555555 !important;
  color: #ffffff !important;
}
.bg-dark-4 {
  background-color: #484848 !important;
  color: #ffffff !important;
}
.bg-dark-3 {
  background-color: #333333 !important;
  color: #ffffff !important;
}
.bg-dark-2 {
  background-color: #222222 !important;
  color: #ffffff !important;
}
.bg-dark-1 {
  background-color: #111111 !important;
  color: #ffffff !important;
}
/* -- 浅色 -- */
.bg-yellow-light {
  background-image: linear-gradient(45deg, white, #fff6d9) !important;
  color: #ffc300 !important;
}
.bg-yellow-thin {
  background-color: rgba(255, 195, 0, var(--ui-BG-opacity)) !important;
  color: #ffc300 !important;
}
.bg-orange-light {
  background-image: linear-gradient(45deg, white, #ffe7d9) !important;
  color: #ff6000 !important;
}
.bg-orange-thin {
  background-color: rgba(255, 96, 0, var(--ui-BG-opacity)) !important;
  color: #ff6000 !important;
}
.bg-red-light {
  background-image: linear-gradient(45deg, white, #ffe0d9) !important;
  color: #ff3000 !important;
}
.bg-red-thin {
  background-color: rgba(255, 48, 0, var(--ui-BG-opacity)) !important;
  color: #ff3000 !important;
}
.bg-pink-light {
  background-image: linear-gradient(45deg, white, #fae1ef) !important;
  color: #e03997 !important;
}
.bg-pink-thin {
  background-color: rgba(224, 57, 151, var(--ui-BG-opacity)) !important;
  color: #e03997 !important;
}
.bg-mauve-light {
  background-image: linear-gradient(45deg, white, #f4e3f7) !important;
  color: #b745cb !important;
}
.bg-mauve-thin {
  background-color: rgba(183, 69, 203, var(--ui-BG-opacity)) !important;
  color: #b745cb !important;
}
.bg-purple-light {
  background-image: linear-gradient(45deg, white, #e8dff5) !important;
  color: #652abf !important;
}
.bg-purple-thin {
  background-color: rgba(101, 42, 191, var(--ui-BG-opacity)) !important;
  color: #652abf !important;
}
.bg-violet-light {
  background-image: linear-gradient(45deg, white, #e8dff5) !important;
  color: #652abf !important;
}
.bg-violet-thin {
  background-color: rgba(101, 42, 191, var(--ui-BG-opacity)) !important;
  color: #652abf !important;
}
.bg-blue-light {
  background-image: linear-gradient(45deg, white, #d9ecff) !important;
  color: #0081ff !important;
}
.bg-blue-thin {
  background-color: rgba(0, 129, 255, var(--ui-BG-opacity)) !important;
  color: #0081ff !important;
}
.bg-cyan-light {
  background-image: linear-gradient(45deg, white, #e1f6ff) !important;
  color: #37c0fe !important;
}
.bg-cyan-thin {
  background-color: rgba(55, 192, 254, var(--ui-BG-opacity)) !important;
  color: #37c0fe !important;
}
.bg-green-light {
  background-image: linear-gradient(45deg, white, #dff3e8) !important;
  color: #2aae67 !important;
}
.bg-green-thin {
  background-color: rgba(42, 174, 103, var(--ui-BG-opacity)) !important;
  color: #2aae67 !important;
}
.bg-olive-light {
  background-image: linear-gradient(45deg, white, #eef6e2) !important;
  color: #8dc63f !important;
}
.bg-olive-thin {
  background-color: rgba(141, 198, 63, var(--ui-BG-opacity)) !important;
  color: #8dc63f !important;
}
.bg-grey-light {
  background-image: linear-gradient(45deg, white, #edf0f1) !important;
  color: #8799a3 !important;
}
.bg-grey-thin {
  background-color: rgba(135, 153, 163, var(--ui-BG-opacity)) !important;
  color: #8799a3 !important;
}
.bg-brown-light {
  background-image: linear-gradient(45deg, white, #f2e8e2) !important;
  color: #a5673f !important;
}
.bg-brown-thin {
  background-color: rgba(165, 103, 63, var(--ui-BG-opacity)) !important;
  color: #a5673f !important;
}
.bg-black-light {
  background-image: linear-gradient(45deg, white, #e4e4e4) !important;
  color: #484848 !important;
}
.bg-black-thin {
  background-color: rgba(72, 72, 72, var(--ui-BG-opacity)) !important;
  color: #484848 !important;
}
.bg-golden-light {
  background-image: linear-gradient(45deg, white, #fcf4e7) !important;
  color: #e9b461 !important;
}
.bg-golden-thin {
  background-color: rgba(233, 180, 97, var(--ui-BG-opacity)) !important;
  color: #e9b461 !important;
}
/* -- 渐变色 -- */
.bg-yellow-orange {
  background-image: linear-gradient(130deg, #ffc300, #ff6000) !important;
  color: #ffffff !important;
}
.bg-yellow-red {
  background-image: linear-gradient(130deg, #ffc300, #ff3000) !important;
  color: #ffffff !important;
}
.bg-yellow-pink {
  background-image: linear-gradient(130deg, #ffc300, #e03997) !important;
  color: #ffffff !important;
}
.bg-yellow-mauve {
  background-image: linear-gradient(130deg, #ffc300, #b745cb) !important;
  color: #ffffff !important;
}
.bg-yellow-purple {
  background-image: linear-gradient(130deg, #ffc300, #652abf) !important;
  color: #ffffff !important;
}
.bg-yellow-violet {
  background-image: linear-gradient(130deg, #ffc300, #652abf) !important;
  color: #ffffff !important;
}
.bg-yellow-blue {
  background-image: linear-gradient(130deg, #ffc300, #0081ff) !important;
  color: #ffffff !important;
}
.bg-yellow-cyan {
  background-image: linear-gradient(130deg, #ffc300, #37c0fe) !important;
  color: #ffffff !important;
}
.bg-yellow-green {
  background-image: linear-gradient(130deg, #ffc300, #2aae67) !important;
  color: #ffffff !important;
}
.bg-yellow-olive {
  background-image: linear-gradient(130deg, #ffc300, #8dc63f) !important;
  color: #ffffff !important;
}
.bg-yellow-grey {
  background-image: linear-gradient(130deg, #ffc300, #8799a3) !important;
  color: #ffffff !important;
}
.bg-yellow-brown {
  background-image: linear-gradient(130deg, #ffc300, #a5673f) !important;
  color: #ffffff !important;
}
.bg-yellow-black {
  background-image: linear-gradient(130deg, #ffc300, #484848) !important;
  color: #ffffff !important;
}
.bg-yellow-golden {
  background-image: linear-gradient(130deg, #ffc300, #e9b461) !important;
  color: #ffffff !important;
}
.bg-orange-yellow {
  background-image: linear-gradient(130deg, #ff6000, #ffc300) !important;
  color: #ffffff !important;
}
.bg-orange-red {
  background-image: linear-gradient(130deg, #ff6000, #ff3000) !important;
  color: #ffffff !important;
}
.bg-orange-pink {
  background-image: linear-gradient(130deg, #ff6000, #e03997) !important;
  color: #ffffff !important;
}
.bg-orange-mauve {
  background-image: linear-gradient(130deg, #ff6000, #b745cb) !important;
  color: #ffffff !important;
}
.bg-orange-purple {
  background-image: linear-gradient(130deg, #ff6000, #652abf) !important;
  color: #ffffff !important;
}
.bg-orange-violet {
  background-image: linear-gradient(130deg, #ff6000, #652abf) !important;
  color: #ffffff !important;
}
.bg-orange-blue {
  background-image: linear-gradient(130deg, #ff6000, #0081ff) !important;
  color: #ffffff !important;
}
.bg-orange-cyan {
  background-image: linear-gradient(130deg, #ff6000, #37c0fe) !important;
  color: #ffffff !important;
}
.bg-orange-green {
  background-image: linear-gradient(130deg, #ff6000, #2aae67) !important;
  color: #ffffff !important;
}
.bg-orange-olive {
  background-image: linear-gradient(130deg, #ff6000, #8dc63f) !important;
  color: #ffffff !important;
}
.bg-orange-grey {
  background-image: linear-gradient(130deg, #ff6000, #8799a3) !important;
  color: #ffffff !important;
}
.bg-orange-brown {
  background-image: linear-gradient(130deg, #ff6000, #a5673f) !important;
  color: #ffffff !important;
}
.bg-orange-black {
  background-image: linear-gradient(130deg, #ff6000, #484848) !important;
  color: #ffffff !important;
}
.bg-orange-golden {
  background-image: linear-gradient(130deg, #ff6000, #e9b461) !important;
  color: #ffffff !important;
}
.bg-red-yellow {
  background-image: linear-gradient(130deg, #ff3000, #ffc300) !important;
  color: #ffffff !important;
}
.bg-red-orange {
  background-image: linear-gradient(130deg, #ff3000, #ff6000) !important;
  color: #ffffff !important;
}
.bg-red-pink {
  background-image: linear-gradient(130deg, #ff3000, #e03997) !important;
  color: #ffffff !important;
}
.bg-red-mauve {
  background-image: linear-gradient(130deg, #ff3000, #b745cb) !important;
  color: #ffffff !important;
}
.bg-red-purple {
  background-image: linear-gradient(130deg, #ff3000, #652abf) !important;
  color: #ffffff !important;
}
.bg-red-violet {
  background-image: linear-gradient(130deg, #ff3000, #652abf) !important;
  color: #ffffff !important;
}
.bg-red-blue {
  background-image: linear-gradient(130deg, #ff3000, #0081ff) !important;
  color: #ffffff !important;
}
.bg-red-cyan {
  background-image: linear-gradient(130deg, #ff3000, #37c0fe) !important;
  color: #ffffff !important;
}
.bg-red-green {
  background-image: linear-gradient(130deg, #ff3000, #2aae67) !important;
  color: #ffffff !important;
}
.bg-red-olive {
  background-image: linear-gradient(130deg, #ff3000, #8dc63f) !important;
  color: #ffffff !important;
}
.bg-red-grey {
  background-image: linear-gradient(130deg, #ff3000, #8799a3) !important;
  color: #ffffff !important;
}
.bg-red-brown {
  background-image: linear-gradient(130deg, #ff3000, #a5673f) !important;
  color: #ffffff !important;
}
.bg-red-black {
  background-image: linear-gradient(130deg, #ff3000, #484848) !important;
  color: #ffffff !important;
}
.bg-red-golden {
  background-image: linear-gradient(130deg, #ff3000, #e9b461) !important;
  color: #ffffff !important;
}
.bg-pink-yellow {
  background-image: linear-gradient(130deg, #e03997, #ffc300) !important;
  color: #ffffff !important;
}
.bg-pink-orange {
  background-image: linear-gradient(130deg, #e03997, #ff6000) !important;
  color: #ffffff !important;
}
.bg-pink-red {
  background-image: linear-gradient(130deg, #e03997, #ff3000) !important;
  color: #ffffff !important;
}
.bg-pink-mauve {
  background-image: linear-gradient(130deg, #e03997, #b745cb) !important;
  color: #ffffff !important;
}
.bg-pink-purple {
  background-image: linear-gradient(130deg, #e03997, #652abf) !important;
  color: #ffffff !important;
}
.bg-pink-violet {
  background-image: linear-gradient(130deg, #e03997, #652abf) !important;
  color: #ffffff !important;
}
.bg-pink-blue {
  background-image: linear-gradient(130deg, #e03997, #0081ff) !important;
  color: #ffffff !important;
}
.bg-pink-cyan {
  background-image: linear-gradient(130deg, #e03997, #37c0fe) !important;
  color: #ffffff !important;
}
.bg-pink-green {
  background-image: linear-gradient(130deg, #e03997, #2aae67) !important;
  color: #ffffff !important;
}
.bg-pink-olive {
  background-image: linear-gradient(130deg, #e03997, #8dc63f) !important;
  color: #ffffff !important;
}
.bg-pink-grey {
  background-image: linear-gradient(130deg, #e03997, #8799a3) !important;
  color: #ffffff !important;
}
.bg-pink-brown {
  background-image: linear-gradient(130deg, #e03997, #a5673f) !important;
  color: #ffffff !important;
}
.bg-pink-black {
  background-image: linear-gradient(130deg, #e03997, #484848) !important;
  color: #ffffff !important;
}
.bg-pink-golden {
  background-image: linear-gradient(130deg, #e03997, #e9b461) !important;
  color: #ffffff !important;
}
.bg-mauve-yellow {
  background-image: linear-gradient(130deg, #b745cb, #ffc300) !important;
  color: #ffffff !important;
}
.bg-mauve-orange {
  background-image: linear-gradient(130deg, #b745cb, #ff6000) !important;
  color: #ffffff !important;
}
.bg-mauve-red {
  background-image: linear-gradient(130deg, #b745cb, #ff3000) !important;
  color: #ffffff !important;
}
.bg-mauve-pink {
  background-image: linear-gradient(130deg, #b745cb, #e03997) !important;
  color: #ffffff !important;
}
.bg-mauve-purple {
  background-image: linear-gradient(130deg, #b745cb, #652abf) !important;
  color: #ffffff !important;
}
.bg-mauve-violet {
  background-image: linear-gradient(130deg, #b745cb, #652abf) !important;
  color: #ffffff !important;
}
.bg-mauve-blue {
  background-image: linear-gradient(130deg, #b745cb, #0081ff) !important;
  color: #ffffff !important;
}
.bg-mauve-cyan {
  background-image: linear-gradient(130deg, #b745cb, #37c0fe) !important;
  color: #ffffff !important;
}
.bg-mauve-green {
  background-image: linear-gradient(130deg, #b745cb, #2aae67) !important;
  color: #ffffff !important;
}
.bg-mauve-olive {
  background-image: linear-gradient(130deg, #b745cb, #8dc63f) !important;
  color: #ffffff !important;
}
.bg-mauve-grey {
  background-image: linear-gradient(130deg, #b745cb, #8799a3) !important;
  color: #ffffff !important;
}
.bg-mauve-brown {
  background-image: linear-gradient(130deg, #b745cb, #a5673f) !important;
  color: #ffffff !important;
}
.bg-mauve-black {
  background-image: linear-gradient(130deg, #b745cb, #484848) !important;
  color: #ffffff !important;
}
.bg-mauve-golden {
  background-image: linear-gradient(130deg, #b745cb, #e9b461) !important;
  color: #ffffff !important;
}
.bg-purple-yellow {
  background-image: linear-gradient(130deg, #652abf, #ffc300) !important;
  color: #ffffff !important;
}
.bg-purple-orange {
  background-image: linear-gradient(130deg, #652abf, #ff6000) !important;
  color: #ffffff !important;
}
.bg-purple-red {
  background-image: linear-gradient(130deg, #652abf, #ff3000) !important;
  color: #ffffff !important;
}
.bg-purple-pink {
  background-image: linear-gradient(130deg, #652abf, #e03997) !important;
  color: #ffffff !important;
}
.bg-purple-mauve {
  background-image: linear-gradient(130deg, #652abf, #b745cb) !important;
  color: #ffffff !important;
}
.bg-purple-violet {
  background-image: linear-gradient(130deg, #652abf, #652abf) !important;
  color: #ffffff !important;
}
.bg-purple-blue {
  background-image: linear-gradient(130deg, #652abf, #0081ff) !important;
  color: #ffffff !important;
}
.bg-purple-cyan {
  background-image: linear-gradient(130deg, #652abf, #37c0fe) !important;
  color: #ffffff !important;
}
.bg-purple-green {
  background-image: linear-gradient(130deg, #652abf, #2aae67) !important;
  color: #ffffff !important;
}
.bg-purple-olive {
  background-image: linear-gradient(130deg, #652abf, #8dc63f) !important;
  color: #ffffff !important;
}
.bg-purple-grey {
  background-image: linear-gradient(130deg, #652abf, #8799a3) !important;
  color: #ffffff !important;
}
.bg-purple-brown {
  background-image: linear-gradient(130deg, #652abf, #a5673f) !important;
  color: #ffffff !important;
}
.bg-purple-black {
  background-image: linear-gradient(130deg, #652abf, #484848) !important;
  color: #ffffff !important;
}
.bg-purple-golden {
  background-image: linear-gradient(130deg, #652abf, #e9b461) !important;
  color: #ffffff !important;
}
.bg-violet-yellow {
  background-image: linear-gradient(130deg, #652abf, #ffc300) !important;
  color: #ffffff !important;
}
.bg-violet-orange {
  background-image: linear-gradient(130deg, #652abf, #ff6000) !important;
  color: #ffffff !important;
}
.bg-violet-red {
  background-image: linear-gradient(130deg, #652abf, #ff3000) !important;
  color: #ffffff !important;
}
.bg-violet-pink {
  background-image: linear-gradient(130deg, #652abf, #e03997) !important;
  color: #ffffff !important;
}
.bg-violet-mauve {
  background-image: linear-gradient(130deg, #652abf, #b745cb) !important;
  color: #ffffff !important;
}
.bg-violet-purple {
  background-image: linear-gradient(130deg, #652abf, #652abf) !important;
  color: #ffffff !important;
}
.bg-violet-blue {
  background-image: linear-gradient(130deg, #652abf, #0081ff) !important;
  color: #ffffff !important;
}
.bg-violet-cyan {
  background-image: linear-gradient(130deg, #652abf, #37c0fe) !important;
  color: #ffffff !important;
}
.bg-violet-green {
  background-image: linear-gradient(130deg, #652abf, #2aae67) !important;
  color: #ffffff !important;
}
.bg-violet-olive {
  background-image: linear-gradient(130deg, #652abf, #8dc63f) !important;
  color: #ffffff !important;
}
.bg-violet-grey {
  background-image: linear-gradient(130deg, #652abf, #8799a3) !important;
  color: #ffffff !important;
}
.bg-violet-brown {
  background-image: linear-gradient(130deg, #652abf, #a5673f) !important;
  color: #ffffff !important;
}
.bg-violet-black {
  background-image: linear-gradient(130deg, #652abf, #484848) !important;
  color: #ffffff !important;
}
.bg-violet-golden {
  background-image: linear-gradient(130deg, #652abf, #e9b461) !important;
  color: #ffffff !important;
}
.bg-blue-yellow {
  background-image: linear-gradient(130deg, #0081ff, #ffc300) !important;
  color: #ffffff !important;
}
.bg-blue-orange {
  background-image: linear-gradient(130deg, #0081ff, #ff6000) !important;
  color: #ffffff !important;
}
.bg-blue-red {
  background-image: linear-gradient(130deg, #0081ff, #ff3000) !important;
  color: #ffffff !important;
}
.bg-blue-pink {
  background-image: linear-gradient(130deg, #0081ff, #e03997) !important;
  color: #ffffff !important;
}
.bg-blue-mauve {
  background-image: linear-gradient(130deg, #0081ff, #b745cb) !important;
  color: #ffffff !important;
}
.bg-blue-purple {
  background-image: linear-gradient(130deg, #0081ff, #652abf) !important;
  color: #ffffff !important;
}
.bg-blue-violet {
  background-image: linear-gradient(130deg, #0081ff, #652abf) !important;
  color: #ffffff !important;
}
.bg-blue-cyan {
  background-image: linear-gradient(130deg, #0081ff, #37c0fe) !important;
  color: #ffffff !important;
}
.bg-blue-green {
  background-image: linear-gradient(130deg, #0081ff, #2aae67) !important;
  color: #ffffff !important;
}
.bg-blue-olive {
  background-image: linear-gradient(130deg, #0081ff, #8dc63f) !important;
  color: #ffffff !important;
}
.bg-blue-grey {
  background-image: linear-gradient(130deg, #0081ff, #8799a3) !important;
  color: #ffffff !important;
}
.bg-blue-brown {
  background-image: linear-gradient(130deg, #0081ff, #a5673f) !important;
  color: #ffffff !important;
}
.bg-blue-black {
  background-image: linear-gradient(130deg, #0081ff, #484848) !important;
  color: #ffffff !important;
}
.bg-blue-golden {
  background-image: linear-gradient(130deg, #0081ff, #e9b461) !important;
  color: #ffffff !important;
}
.bg-cyan-yellow {
  background-image: linear-gradient(130deg, #37c0fe, #ffc300) !important;
  color: #ffffff !important;
}
.bg-cyan-orange {
  background-image: linear-gradient(130deg, #37c0fe, #ff6000) !important;
  color: #ffffff !important;
}
.bg-cyan-red {
  background-image: linear-gradient(130deg, #37c0fe, #ff3000) !important;
  color: #ffffff !important;
}
.bg-cyan-pink {
  background-image: linear-gradient(130deg, #37c0fe, #e03997) !important;
  color: #ffffff !important;
}
.bg-cyan-mauve {
  background-image: linear-gradient(130deg, #37c0fe, #b745cb) !important;
  color: #ffffff !important;
}
.bg-cyan-purple {
  background-image: linear-gradient(130deg, #37c0fe, #652abf) !important;
  color: #ffffff !important;
}
.bg-cyan-violet {
  background-image: linear-gradient(130deg, #37c0fe, #652abf) !important;
  color: #ffffff !important;
}
.bg-cyan-blue {
  background-image: linear-gradient(130deg, #37c0fe, #0081ff) !important;
  color: #ffffff !important;
}
.bg-cyan-green {
  background-image: linear-gradient(130deg, #37c0fe, #2aae67) !important;
  color: #ffffff !important;
}
.bg-cyan-olive {
  background-image: linear-gradient(130deg, #37c0fe, #8dc63f) !important;
  color: #ffffff !important;
}
.bg-cyan-grey {
  background-image: linear-gradient(130deg, #37c0fe, #8799a3) !important;
  color: #ffffff !important;
}
.bg-cyan-brown {
  background-image: linear-gradient(130deg, #37c0fe, #a5673f) !important;
  color: #ffffff !important;
}
.bg-cyan-black {
  background-image: linear-gradient(130deg, #37c0fe, #484848) !important;
  color: #ffffff !important;
}
.bg-cyan-golden {
  background-image: linear-gradient(130deg, #37c0fe, #e9b461) !important;
  color: #ffffff !important;
}
.bg-green-yellow {
  background-image: linear-gradient(130deg, #2aae67, #ffc300) !important;
  color: #ffffff !important;
}
.bg-green-orange {
  background-image: linear-gradient(130deg, #2aae67, #ff6000) !important;
  color: #ffffff !important;
}
.bg-green-red {
  background-image: linear-gradient(130deg, #2aae67, #ff3000) !important;
  color: #ffffff !important;
}
.bg-green-pink {
  background-image: linear-gradient(130deg, #2aae67, #e03997) !important;
  color: #ffffff !important;
}
.bg-green-mauve {
  background-image: linear-gradient(130deg, #2aae67, #b745cb) !important;
  color: #ffffff !important;
}
.bg-green-purple {
  background-image: linear-gradient(130deg, #2aae67, #652abf) !important;
  color: #ffffff !important;
}
.bg-green-violet {
  background-image: linear-gradient(130deg, #2aae67, #652abf) !important;
  color: #ffffff !important;
}
.bg-green-blue {
  background-image: linear-gradient(130deg, #2aae67, #0081ff) !important;
  color: #ffffff !important;
}
.bg-green-cyan {
  background-image: linear-gradient(130deg, #2aae67, #37c0fe) !important;
  color: #ffffff !important;
}
.bg-green-olive {
  background-image: linear-gradient(130deg, #2aae67, #8dc63f) !important;
  color: #ffffff !important;
}
.bg-green-grey {
  background-image: linear-gradient(130deg, #2aae67, #8799a3) !important;
  color: #ffffff !important;
}
.bg-green-brown {
  background-image: linear-gradient(130deg, #2aae67, #a5673f) !important;
  color: #ffffff !important;
}
.bg-green-black {
  background-image: linear-gradient(130deg, #2aae67, #484848) !important;
  color: #ffffff !important;
}
.bg-green-golden {
  background-image: linear-gradient(130deg, #2aae67, #e9b461) !important;
  color: #ffffff !important;
}
.bg-olive-yellow {
  background-image: linear-gradient(130deg, #8dc63f, #ffc300) !important;
  color: #ffffff !important;
}
.bg-olive-orange {
  background-image: linear-gradient(130deg, #8dc63f, #ff6000) !important;
  color: #ffffff !important;
}
.bg-olive-red {
  background-image: linear-gradient(130deg, #8dc63f, #ff3000) !important;
  color: #ffffff !important;
}
.bg-olive-pink {
  background-image: linear-gradient(130deg, #8dc63f, #e03997) !important;
  color: #ffffff !important;
}
.bg-olive-mauve {
  background-image: linear-gradient(130deg, #8dc63f, #b745cb) !important;
  color: #ffffff !important;
}
.bg-olive-purple {
  background-image: linear-gradient(130deg, #8dc63f, #652abf) !important;
  color: #ffffff !important;
}
.bg-olive-violet {
  background-image: linear-gradient(130deg, #8dc63f, #652abf) !important;
  color: #ffffff !important;
}
.bg-olive-blue {
  background-image: linear-gradient(130deg, #8dc63f, #0081ff) !important;
  color: #ffffff !important;
}
.bg-olive-cyan {
  background-image: linear-gradient(130deg, #8dc63f, #37c0fe) !important;
  color: #ffffff !important;
}
.bg-olive-green {
  background-image: linear-gradient(130deg, #8dc63f, #2aae67) !important;
  color: #ffffff !important;
}
.bg-olive-grey {
  background-image: linear-gradient(130deg, #8dc63f, #8799a3) !important;
  color: #ffffff !important;
}
.bg-olive-brown {
  background-image: linear-gradient(130deg, #8dc63f, #a5673f) !important;
  color: #ffffff !important;
}
.bg-olive-black {
  background-image: linear-gradient(130deg, #8dc63f, #484848) !important;
  color: #ffffff !important;
}
.bg-olive-golden {
  background-image: linear-gradient(130deg, #8dc63f, #e9b461) !important;
  color: #ffffff !important;
}
.bg-grey-yellow {
  background-image: linear-gradient(130deg, #8799a3, #ffc300) !important;
  color: #ffffff !important;
}
.bg-grey-orange {
  background-image: linear-gradient(130deg, #8799a3, #ff6000) !important;
  color: #ffffff !important;
}
.bg-grey-red {
  background-image: linear-gradient(130deg, #8799a3, #ff3000) !important;
  color: #ffffff !important;
}
.bg-grey-pink {
  background-image: linear-gradient(130deg, #8799a3, #e03997) !important;
  color: #ffffff !important;
}
.bg-grey-mauve {
  background-image: linear-gradient(130deg, #8799a3, #b745cb) !important;
  color: #ffffff !important;
}
.bg-grey-purple {
  background-image: linear-gradient(130deg, #8799a3, #652abf) !important;
  color: #ffffff !important;
}
.bg-grey-violet {
  background-image: linear-gradient(130deg, #8799a3, #652abf) !important;
  color: #ffffff !important;
}
.bg-grey-blue {
  background-image: linear-gradient(130deg, #8799a3, #0081ff) !important;
  color: #ffffff !important;
}
.bg-grey-cyan {
  background-image: linear-gradient(130deg, #8799a3, #37c0fe) !important;
  color: #ffffff !important;
}
.bg-grey-green {
  background-image: linear-gradient(130deg, #8799a3, #2aae67) !important;
  color: #ffffff !important;
}
.bg-grey-olive {
  background-image: linear-gradient(130deg, #8799a3, #8dc63f) !important;
  color: #ffffff !important;
}
.bg-grey-brown {
  background-image: linear-gradient(130deg, #8799a3, #a5673f) !important;
  color: #ffffff !important;
}
.bg-grey-black {
  background-image: linear-gradient(130deg, #8799a3, #484848) !important;
  color: #ffffff !important;
}
.bg-grey-golden {
  background-image: linear-gradient(130deg, #8799a3, #e9b461) !important;
  color: #ffffff !important;
}
.bg-brown-yellow {
  background-image: linear-gradient(130deg, #a5673f, #ffc300) !important;
  color: #ffffff !important;
}
.bg-brown-orange {
  background-image: linear-gradient(130deg, #a5673f, #ff6000) !important;
  color: #ffffff !important;
}
.bg-brown-red {
  background-image: linear-gradient(130deg, #a5673f, #ff3000) !important;
  color: #ffffff !important;
}
.bg-brown-pink {
  background-image: linear-gradient(130deg, #a5673f, #e03997) !important;
  color: #ffffff !important;
}
.bg-brown-mauve {
  background-image: linear-gradient(130deg, #a5673f, #b745cb) !important;
  color: #ffffff !important;
}
.bg-brown-purple {
  background-image: linear-gradient(130deg, #a5673f, #652abf) !important;
  color: #ffffff !important;
}
.bg-brown-violet {
  background-image: linear-gradient(130deg, #a5673f, #652abf) !important;
  color: #ffffff !important;
}
.bg-brown-blue {
  background-image: linear-gradient(130deg, #a5673f, #0081ff) !important;
  color: #ffffff !important;
}
.bg-brown-cyan {
  background-image: linear-gradient(130deg, #a5673f, #37c0fe) !important;
  color: #ffffff !important;
}
.bg-brown-green {
  background-image: linear-gradient(130deg, #a5673f, #2aae67) !important;
  color: #ffffff !important;
}
.bg-brown-olive {
  background-image: linear-gradient(130deg, #a5673f, #8dc63f) !important;
  color: #ffffff !important;
}
.bg-brown-grey {
  background-image: linear-gradient(130deg, #a5673f, #8799a3) !important;
  color: #ffffff !important;
}
.bg-brown-black {
  background-image: linear-gradient(130deg, #a5673f, #484848) !important;
  color: #ffffff !important;
}
.bg-brown-golden {
  background-image: linear-gradient(130deg, #a5673f, #e9b461) !important;
  color: #ffffff !important;
}
.bg-black-yellow {
  background-image: linear-gradient(130deg, #484848, #ffc300) !important;
  color: #ffffff !important;
}
.bg-black-orange {
  background-image: linear-gradient(130deg, #484848, #ff6000) !important;
  color: #ffffff !important;
}
.bg-black-red {
  background-image: linear-gradient(130deg, #484848, #ff3000) !important;
  color: #ffffff !important;
}
.bg-black-pink {
  background-image: linear-gradient(130deg, #484848, #e03997) !important;
  color: #ffffff !important;
}
.bg-black-mauve {
  background-image: linear-gradient(130deg, #484848, #b745cb) !important;
  color: #ffffff !important;
}
.bg-black-purple {
  background-image: linear-gradient(130deg, #484848, #652abf) !important;
  color: #ffffff !important;
}
.bg-black-violet {
  background-image: linear-gradient(130deg, #484848, #652abf) !important;
  color: #ffffff !important;
}
.bg-black-blue {
  background-image: linear-gradient(130deg, #484848, #0081ff) !important;
  color: #ffffff !important;
}
.bg-black-cyan {
  background-image: linear-gradient(130deg, #484848, #37c0fe) !important;
  color: #ffffff !important;
}
.bg-black-green {
  background-image: linear-gradient(130deg, #484848, #2aae67) !important;
  color: #ffffff !important;
}
.bg-black-olive {
  background-image: linear-gradient(130deg, #484848, #8dc63f) !important;
  color: #ffffff !important;
}
.bg-black-grey {
  background-image: linear-gradient(130deg, #484848, #8799a3) !important;
  color: #ffffff !important;
}
.bg-black-brown {
  background-image: linear-gradient(130deg, #484848, #a5673f) !important;
  color: #ffffff !important;
}
.bg-black-golden {
  background-image: linear-gradient(130deg, #484848, #e9b461) !important;
  color: #ffffff !important;
}
.bg-golden-yellow {
  background-image: linear-gradient(130deg, #e9b461, #ffc300) !important;
  color: #ffffff !important;
}
.bg-golden-orange {
  background-image: linear-gradient(130deg, #e9b461, #ff6000) !important;
  color: #ffffff !important;
}
.bg-golden-red {
  background-image: linear-gradient(130deg, #e9b461, #ff3000) !important;
  color: #ffffff !important;
}
.bg-golden-pink {
  background-image: linear-gradient(130deg, #e9b461, #e03997) !important;
  color: #ffffff !important;
}
.bg-golden-mauve {
  background-image: linear-gradient(130deg, #e9b461, #b745cb) !important;
  color: #ffffff !important;
}
.bg-golden-purple {
  background-image: linear-gradient(130deg, #e9b461, #652abf) !important;
  color: #ffffff !important;
}
.bg-golden-violet {
  background-image: linear-gradient(130deg, #e9b461, #652abf) !important;
  color: #ffffff !important;
}
.bg-golden-blue {
  background-image: linear-gradient(130deg, #e9b461, #0081ff) !important;
  color: #ffffff !important;
}
.bg-golden-cyan {
  background-image: linear-gradient(130deg, #e9b461, #37c0fe) !important;
  color: #ffffff !important;
}
.bg-golden-green {
  background-image: linear-gradient(130deg, #e9b461, #2aae67) !important;
  color: #ffffff !important;
}
.bg-golden-olive {
  background-image: linear-gradient(130deg, #e9b461, #8dc63f) !important;
  color: #ffffff !important;
}
.bg-golden-grey {
  background-image: linear-gradient(130deg, #e9b461, #8799a3) !important;
  color: #ffffff !important;
}
.bg-golden-brown {
  background-image: linear-gradient(130deg, #e9b461, #a5673f) !important;
  color: #ffffff !important;
}
.bg-golden-black {
  background-image: linear-gradient(130deg, #e9b461, #484848) !important;
  color: #ffffff !important;
}
.bg-yellow-gradient {
  background-image: linear-gradient(45deg, #f5fe00, #ff6600) !important;
  color: #333333 !important;
}
.bg-orange-gradient {
  background-image: linear-gradient(90deg, #ff6000, #fe832a) !important;
  color: #ffffff !important;
}
.bg-red-gradient {
  background-image: linear-gradient(45deg, #f33a41, #ed0586) !important;
  color: #ffffff !important;
}
.bg-pink-gradient {
  background-image: linear-gradient(45deg, #fea894, #ff1047) !important;
  color: #ffffff !important;
}
.bg-mauve-gradient {
  background-image: linear-gradient(45deg, #c01f95, #7115cc) !important;
  color: #ffffff !important;
}
.bg-purple-gradient {
  background-image: linear-gradient(45deg, #9829ea, #5908fb) !important;
  color: #ffffff !important;
}
.bg-blue-gradient {
  background-image: linear-gradient(45deg, #00b8f9, #0166eb) !important;
  color: #ffffff !important;
}
.bg-cyan-gradient {
  background-image: linear-gradient(45deg, #06edfe, #48b2fe) !important;
  color: #ffffff !important;
}
.bg-green-gradient {
  background-image: linear-gradient(45deg, #3ab54a, #8cc63f) !important;
  color: #ffffff !important;
}
.bg-olive-gradient {
  background-image: linear-gradient(45deg, #90e630, #39d266) !important;
  color: #ffffff !important;
}
.bg-grey-gradient {
  background-image: linear-gradient(45deg, #9aadb9, #354855) !important;
  color: #ffffff !important;
}
.bg-brown-gradient {
  background-image: linear-gradient(45deg, #ca6f2e, #cb1413) !important;
  color: #ffffff !important;
}
.bg-white {
  background-color: #ffffff !important;
  color: #333333 !important;
}
.bg-gray-f {
  background-color: #f8f9fa !important;
  color: #333333 !important;
}
.bg-gray-e {
  background-color: #eeeeee !important;
  color: #333333 !important;
}
.bg-gray-d {
  background-color: #dddddd !important;
  color: #333333 !important;
}
.bg-gray-c {
  background-color: #cccccc !important;
  color: #333333 !important;
}
.bg-gray-b {
  background-color: #bbbbbb !important;
  color: #333333 !important;
}
.bg-gray-a {
  background-color: #aaaaaa !important;
  color: #333333 !important;
}
.bg-gray {
  background-color: #aaaaaa !important;
  color: #333333 !important;
}
.bg-square {
  background-color: #fff;
  background-image: linear-gradient(45deg, #eee 25%, transparent 25%, transparent 75%, #eee 75%), linear-gradient(45deg, #eee 25%, transparent 25%, transparent 75%, #eee 75%);
  background-size: 40rpx 40rpx;
  background-position: 0 0, 20rpx 20rpx;
}
.bg-none {
  background: transparent !important;
  color: inherit !important;
}
[class*=bg-mask] {
  position: relative;
  color: #ffffff !important;
}
[class*=bg-mask] > view,
[class*=bg-mask] > text {
  position: relative;
  z-index: 1;
  color: #ffffff;
}
[class*=bg-mask]::before {
  content: "";
  border-radius: inherit;
  width: 100%;
  height: 100%;
  position: absolute !important;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  background-color: rgba(0, 0, 0, 0.4);
  z-index: 0;
}
.bg-mask-80::before {
  background: rgba(0, 0, 0, 0.8) !important;
}
.bg-mask-50::before {
  background: rgba(0, 0, 0, 0.5) !important;
}
.bg-mask-20::before {
  background: rgba(0, 0, 0, 0.2) !important;
}
.bg-mask-top::before {
  background-color: rgba(0, 0, 0, 0);
  background-image: linear-gradient(black, rgba(0, 0, 0, 0.618), rgba(0, 0, 0, 0.01));
}
.bg-white-top {
  background-color: rgba(0, 0, 0, 0);
  background-image: linear-gradient(white, rgba(255, 255, 255, 0.3));
}
.bg-mask-bottom::before {
  background-color: rgba(0, 0, 0, 0);
  background-image: linear-gradient(rgba(0, 0, 0, 0.01), rgba(0, 0, 0, 0.618), black);
}
.bg-img {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
[class*=bg-blur] {
  position: relative;
}
[class*=bg-blur] > view,
[class*=bg-blur] > text {
  position: relative;
  z-index: 1;
}
[class*=bg-blur]::before {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute !important;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  border-radius: inherit;
  transform-origin: 0 0;
  pointer-events: none;
  box-sizing: border-box;
}
@supports ((-webkit-backdrop-filter: blur(20px)) or (backdrop-filter: blur(20px))) {
.bg-blur::before {
    -webkit-backdrop-filter: blur(20px);
    backdrop-filter: blur(20px);
    color: var(--ui-TC);
    background-color: var(--ui-Blur-1);
}
.bg-blur-1::before {
    -webkit-backdrop-filter: blur(20px);
    backdrop-filter: blur(20px);
    color: var(--ui-TC);
    background-color: var(--ui-Blur-2);
}
.bg-blur-2::before {
    -webkit-backdrop-filter: blur(20px);
    backdrop-filter: blur(20px);
    color: var(--ui-TC);
    background-color: var(--ui-Blur-3);
}
}
@supports not ((-webkit-backdrop-filter: blur(5px)) or (backdrop-filter: blur(5px))) {
.bg-blur {
    color: var(--ui-TC);
}
.bg-blur::before {
    background-color: var(--ui-BG);
}
.bg-blur-1 {
    color: var(--ui-TC);
}
.bg-blur-1::before {
    background-color: var(--ui-BG-1);
}
.bg-blur-2 {
    color: var(--ui-TC);
}
.bg-blur-2::before {
    background-color: var(--ui-BG-2);
}
}
/* ==================
          栅栏
 ==================== */
.ui-container {
  box-sizing: border-box;
  margin-left: auto;
  margin-right: auto;
  padding-left: 30rpx;
  padding-right: 30rpx;
  width: 100%;
  max-width: 1440px;
}
.ui-container-fluid {
  max-width: 100%;
  padding-left: 0;
  padding-right: 0;
}
.ui-grid {
  display: flex;
  flex-wrap: wrap;
}
.ui-grid.multi-column {
  display: block;
  column-count: 2;
  column-width: 0px;
  column-gap: 0px;
}
.ui-grid.multi-column > .ui-item {
  break-inside: avoid;
  padding: 0.001em;
}
.ui-grid.grid-square {
  overflow: hidden;
}
.ui-grid.grid-square > .ui-item {
  margin-right: 20rpx;
  margin-bottom: 20rpx;
  position: relative;
  overflow: hidden;
}
.ui-grid.grid-square.ui-cols-1 > .ui-item {
  padding-bottom: calc((100% - 0rpx) / 1);
  height: 0;
  width: calc((100% - 0rpx) / 1);
}
.ui-grid.grid-square.ui-cols-2 > .ui-item {
  padding-bottom: calc((100% - 20rpx) / 2);
  height: 0;
  width: calc((100% - 20rpx) / 2);
}
.ui-grid.grid-square.ui-cols-3 > .ui-item {
  padding-bottom: calc((100% - 40rpx) / 3);
  height: 0;
  width: calc((100% - 40rpx) / 3);
}
.ui-grid.grid-square.ui-cols-4 > .ui-item {
  padding-bottom: calc((100% - 60rpx) / 4);
  height: 0;
  width: calc((100% - 60rpx) / 4);
}
.ui-grid.grid-square.ui-cols-5 > .ui-item {
  padding-bottom: calc((100% - 80rpx) / 5);
  height: 0;
  width: calc((100% - 80rpx) / 5);
}
.ui-grid.grid-square.ui-cols-6 > .ui-item {
  padding-bottom: calc((100% - 100rpx) / 6);
  height: 0;
  width: calc((100% - 100rpx) / 6);
}
.ui-grid.grid-square.ui-cols-7 > .ui-item {
  padding-bottom: calc((100% - 120rpx) / 7);
  height: 0;
  width: calc((100% - 120rpx) / 7);
}
.ui-grid.grid-square.ui-cols-8 > .ui-item {
  padding-bottom: calc((100% - 140rpx) / 8);
  height: 0;
  width: calc((100% - 140rpx) / 8);
}
.ui-grid.grid-square.ui-cols-9 > .ui-item {
  padding-bottom: calc((100% - 160rpx) / 9);
  height: 0;
  width: calc((100% - 160rpx) / 9);
}
.ui-grid.grid-square.ui-cols-10 > .ui-item {
  padding-bottom: calc((100% - 180rpx) / 10);
  height: 0;
  width: calc((100% - 180rpx) / 10);
}
.ui-grid.grid-square.ui-cols-11 > .ui-item {
  padding-bottom: calc((100% - 200rpx) / 11);
  height: 0;
  width: calc((100% - 200rpx) / 11);
}
.ui-grid.grid-square.ui-cols-12 > .ui-item {
  padding-bottom: calc((100% - 220rpx) / 12);
  height: 0;
  width: calc((100% - 220rpx) / 12);
}
.ui-grid.grid-square.ui-cols-1 > .ui-item:nth-child(1n) {
  margin-right: 0;
}
.ui-grid.grid-square.ui-cols-2 > .ui-item:nth-child(2n) {
  margin-right: 0;
}
.ui-grid.grid-square.ui-cols-3 > .ui-item:nth-child(3n) {
  margin-right: 0;
}
.ui-grid.grid-square.ui-cols-4 > .ui-item:nth-child(4n) {
  margin-right: 0;
}
.ui-grid.grid-square.ui-cols-5 > .ui-item:nth-child(5n) {
  margin-right: 0;
}
.ui-grid.grid-square.ui-cols-6 > .ui-item:nth-child(6n) {
  margin-right: 0;
}
.ui-grid.grid-square.ui-cols-7 > .ui-item:nth-child(7n) {
  margin-right: 0;
}
.ui-grid.grid-square.ui-cols-8 > .ui-item:nth-child(8n) {
  margin-right: 0;
}
.ui-grid.grid-square.ui-cols-9 > .ui-item:nth-child(9n) {
  margin-right: 0;
}
.ui-grid.grid-square.ui-cols-10 > .ui-item:nth-child(10n) {
  margin-right: 0;
}
.ui-grid.grid-square.ui-cols-11 > .ui-item:nth-child(11n) {
  margin-right: 0;
}
.ui-grid.grid-square.ui-cols-12 > .ui-item:nth-child(12n) {
  margin-right: 0;
}
.ui-cols-1 .ui-item {
  width: calc(100% / 1);
}
.ui-cols-2 .ui-item {
  width: calc(100% / 2);
}
.ui-cols-3 .ui-item {
  width: calc(100% / 3);
}
.ui-cols-4 .ui-item {
  width: calc(100% / 4);
}
.ui-cols-5 .ui-item {
  width: calc(100% / 5);
}
.ui-cols-6 .ui-item {
  width: calc(100% / 6);
}
.ui-cols-7 .ui-item {
  width: calc(100% / 7);
}
.ui-cols-8 .ui-item {
  width: calc(100% / 8);
}
.ui-cols-9 .ui-item {
  width: calc(100% / 9);
}
.ui-cols-10 .ui-item {
  width: calc(100% / 10);
}
.ui-cols-11 .ui-item {
  width: calc(100% / 11);
}
.ui-cols-12 .ui-item {
  width: calc(100% / 12);
}
.ui-col-1 {
  width: calc(100% / 12 * 1);
}
.ui-col-2 {
  width: calc(100% / 12 * 2);
}
.ui-col-3 {
  width: calc(100% / 12 * 3);
}
.ui-col-4 {
  width: calc(100% / 12 * 4);
}
.ui-col-5 {
  width: calc(100% / 12 * 5);
}
.ui-col-6 {
  width: calc(100% / 12 * 6);
}
.ui-col-7 {
  width: calc(100% / 12 * 7);
}
.ui-col-8 {
  width: calc(100% / 12 * 8);
}
.ui-col-9 {
  width: calc(100% / 12 * 9);
}
.ui-col-10 {
  width: calc(100% / 12 * 10);
}
.ui-col-11 {
  width: calc(100% / 12 * 11);
}
.ui-col-12 {
  width: calc(100% / 12 * 12);
}
@media screen and (min-width: 0px) {
.ui-col-xs-1 {
    width: calc(100% / 12 * 1);
}
.ui-cols-xs-1 .ui-item {
    width: calc(100% / 1);
}
.ui-col-xs-2 {
    width: calc(100% / 12 * 2);
}
.ui-cols-xs-2 .ui-item {
    width: calc(100% / 2);
}
.ui-col-xs-3 {
    width: calc(100% / 12 * 3);
}
.ui-cols-xs-3 .ui-item {
    width: calc(100% / 3);
}
.ui-col-xs-4 {
    width: calc(100% / 12 * 4);
}
.ui-cols-xs-4 .ui-item {
    width: calc(100% / 4);
}
.ui-col-xs-5 {
    width: calc(100% / 12 * 5);
}
.ui-cols-xs-5 .ui-item {
    width: calc(100% / 5);
}
.ui-col-xs-6 {
    width: calc(100% / 12 * 6);
}
.ui-cols-xs-6 .ui-item {
    width: calc(100% / 6);
}
.ui-col-xs-7 {
    width: calc(100% / 12 * 7);
}
.ui-cols-xs-7 .ui-item {
    width: calc(100% / 7);
}
.ui-col-xs-8 {
    width: calc(100% / 12 * 8);
}
.ui-cols-xs-8 .ui-item {
    width: calc(100% / 8);
}
.ui-col-xs-9 {
    width: calc(100% / 12 * 9);
}
.ui-cols-xs-9 .ui-item {
    width: calc(100% / 9);
}
.ui-col-xs-10 {
    width: calc(100% / 12 * 10);
}
.ui-cols-xs-10 .ui-item {
    width: calc(100% / 10);
}
.ui-col-xs-11 {
    width: calc(100% / 12 * 11);
}
.ui-cols-xs-11 .ui-item {
    width: calc(100% / 11);
}
.ui-col-xs-12 {
    width: calc(100% / 12 * 12);
}
.ui-cols-xs-12 .ui-item {
    width: calc(100% / 12);
}
}
@media screen and (min-width: 320px) {
.ui-col-sm-1 {
    width: calc(100% / 12 * 1);
}
.ui-cols-sm-1 .ui-item {
    width: calc(100% / 1);
}
.ui-col-sm-2 {
    width: calc(100% / 12 * 2);
}
.ui-cols-sm-2 .ui-item {
    width: calc(100% / 2);
}
.ui-col-sm-3 {
    width: calc(100% / 12 * 3);
}
.ui-cols-sm-3 .ui-item {
    width: calc(100% / 3);
}
.ui-col-sm-4 {
    width: calc(100% / 12 * 4);
}
.ui-cols-sm-4 .ui-item {
    width: calc(100% / 4);
}
.ui-col-sm-5 {
    width: calc(100% / 12 * 5);
}
.ui-cols-sm-5 .ui-item {
    width: calc(100% / 5);
}
.ui-col-sm-6 {
    width: calc(100% / 12 * 6);
}
.ui-cols-sm-6 .ui-item {
    width: calc(100% / 6);
}
.ui-col-sm-7 {
    width: calc(100% / 12 * 7);
}
.ui-cols-sm-7 .ui-item {
    width: calc(100% / 7);
}
.ui-col-sm-8 {
    width: calc(100% / 12 * 8);
}
.ui-cols-sm-8 .ui-item {
    width: calc(100% / 8);
}
.ui-col-sm-9 {
    width: calc(100% / 12 * 9);
}
.ui-cols-sm-9 .ui-item {
    width: calc(100% / 9);
}
.ui-col-sm-10 {
    width: calc(100% / 12 * 10);
}
.ui-cols-sm-10 .ui-item {
    width: calc(100% / 10);
}
.ui-col-sm-11 {
    width: calc(100% / 12 * 11);
}
.ui-cols-sm-11 .ui-item {
    width: calc(100% / 11);
}
.ui-col-sm-12 {
    width: calc(100% / 12 * 12);
}
.ui-cols-sm-12 .ui-item {
    width: calc(100% / 12);
}
}
@media screen and (min-width: 768px) {
.ui-col-md-1 {
    width: calc(100% / 12 * 1);
}
.ui-cols-md-1 .ui-item {
    width: calc(100% / 1);
}
.ui-col-md-2 {
    width: calc(100% / 12 * 2);
}
.ui-cols-md-2 .ui-item {
    width: calc(100% / 2);
}
.ui-col-md-3 {
    width: calc(100% / 12 * 3);
}
.ui-cols-md-3 .ui-item {
    width: calc(100% / 3);
}
.ui-col-md-4 {
    width: calc(100% / 12 * 4);
}
.ui-cols-md-4 .ui-item {
    width: calc(100% / 4);
}
.ui-col-md-5 {
    width: calc(100% / 12 * 5);
}
.ui-cols-md-5 .ui-item {
    width: calc(100% / 5);
}
.ui-col-md-6 {
    width: calc(100% / 12 * 6);
}
.ui-cols-md-6 .ui-item {
    width: calc(100% / 6);
}
.ui-col-md-7 {
    width: calc(100% / 12 * 7);
}
.ui-cols-md-7 .ui-item {
    width: calc(100% / 7);
}
.ui-col-md-8 {
    width: calc(100% / 12 * 8);
}
.ui-cols-md-8 .ui-item {
    width: calc(100% / 8);
}
.ui-col-md-9 {
    width: calc(100% / 12 * 9);
}
.ui-cols-md-9 .ui-item {
    width: calc(100% / 9);
}
.ui-col-md-10 {
    width: calc(100% / 12 * 10);
}
.ui-cols-md-10 .ui-item {
    width: calc(100% / 10);
}
.ui-col-md-11 {
    width: calc(100% / 12 * 11);
}
.ui-cols-md-11 .ui-item {
    width: calc(100% / 11);
}
.ui-col-md-12 {
    width: calc(100% / 12 * 12);
}
.ui-cols-md-12 .ui-item {
    width: calc(100% / 12);
}
}
@media screen and (min-width: 1025px) {
.ui-col-lg-1 {
    width: calc(100% / 12 * 1);
}
.ui-cols-lg-1 .ui-item {
    width: calc(100% / 1);
}
.ui-col-lg-2 {
    width: calc(100% / 12 * 2);
}
.ui-cols-lg-2 .ui-item {
    width: calc(100% / 2);
}
.ui-col-lg-3 {
    width: calc(100% / 12 * 3);
}
.ui-cols-lg-3 .ui-item {
    width: calc(100% / 3);
}
.ui-col-lg-4 {
    width: calc(100% / 12 * 4);
}
.ui-cols-lg-4 .ui-item {
    width: calc(100% / 4);
}
.ui-col-lg-5 {
    width: calc(100% / 12 * 5);
}
.ui-cols-lg-5 .ui-item {
    width: calc(100% / 5);
}
.ui-col-lg-6 {
    width: calc(100% / 12 * 6);
}
.ui-cols-lg-6 .ui-item {
    width: calc(100% / 6);
}
.ui-col-lg-7 {
    width: calc(100% / 12 * 7);
}
.ui-cols-lg-7 .ui-item {
    width: calc(100% / 7);
}
.ui-col-lg-8 {
    width: calc(100% / 12 * 8);
}
.ui-cols-lg-8 .ui-item {
    width: calc(100% / 8);
}
.ui-col-lg-9 {
    width: calc(100% / 12 * 9);
}
.ui-cols-lg-9 .ui-item {
    width: calc(100% / 9);
}
.ui-col-lg-10 {
    width: calc(100% / 12 * 10);
}
.ui-cols-lg-10 .ui-item {
    width: calc(100% / 10);
}
.ui-col-lg-11 {
    width: calc(100% / 12 * 11);
}
.ui-cols-lg-11 .ui-item {
    width: calc(100% / 11);
}
.ui-col-lg-12 {
    width: calc(100% / 12 * 12);
}
.ui-cols-lg-12 .ui-item {
    width: calc(100% / 12);
}
}
@media screen and (min-width: 1440px) {
.ui-col-xl-1 {
    width: calc(100% / 12 * 1);
}
.ui-cols-xl-1 .ui-item {
    width: calc(100% / 1);
}
.ui-col-xl-2 {
    width: calc(100% / 12 * 2);
}
.ui-cols-xl-2 .ui-item {
    width: calc(100% / 2);
}
.ui-col-xl-3 {
    width: calc(100% / 12 * 3);
}
.ui-cols-xl-3 .ui-item {
    width: calc(100% / 3);
}
.ui-col-xl-4 {
    width: calc(100% / 12 * 4);
}
.ui-cols-xl-4 .ui-item {
    width: calc(100% / 4);
}
.ui-col-xl-5 {
    width: calc(100% / 12 * 5);
}
.ui-cols-xl-5 .ui-item {
    width: calc(100% / 5);
}
.ui-col-xl-6 {
    width: calc(100% / 12 * 6);
}
.ui-cols-xl-6 .ui-item {
    width: calc(100% / 6);
}
.ui-col-xl-7 {
    width: calc(100% / 12 * 7);
}
.ui-cols-xl-7 .ui-item {
    width: calc(100% / 7);
}
.ui-col-xl-8 {
    width: calc(100% / 12 * 8);
}
.ui-cols-xl-8 .ui-item {
    width: calc(100% / 8);
}
.ui-col-xl-9 {
    width: calc(100% / 12 * 9);
}
.ui-cols-xl-9 .ui-item {
    width: calc(100% / 9);
}
.ui-col-xl-10 {
    width: calc(100% / 12 * 10);
}
.ui-cols-xl-10 .ui-item {
    width: calc(100% / 10);
}
.ui-col-xl-11 {
    width: calc(100% / 12 * 11);
}
.ui-cols-xl-11 .ui-item {
    width: calc(100% / 11);
}
.ui-col-xl-12 {
    width: calc(100% / 12 * 12);
}
.ui-cols-xl-12 .ui-item {
    width: calc(100% / 12);
}
}
@media screen and (min-width: 1920px) {
.ui-col-xxl-1 {
    width: calc(100% / 12 * 1);
}
.ui-cols-xxl-1 .ui-item {
    width: calc(100% / 1);
}
.ui-col-xxl-2 {
    width: calc(100% / 12 * 2);
}
.ui-cols-xxl-2 .ui-item {
    width: calc(100% / 2);
}
.ui-col-xxl-3 {
    width: calc(100% / 12 * 3);
}
.ui-cols-xxl-3 .ui-item {
    width: calc(100% / 3);
}
.ui-col-xxl-4 {
    width: calc(100% / 12 * 4);
}
.ui-cols-xxl-4 .ui-item {
    width: calc(100% / 4);
}
.ui-col-xxl-5 {
    width: calc(100% / 12 * 5);
}
.ui-cols-xxl-5 .ui-item {
    width: calc(100% / 5);
}
.ui-col-xxl-6 {
    width: calc(100% / 12 * 6);
}
.ui-cols-xxl-6 .ui-item {
    width: calc(100% / 6);
}
.ui-col-xxl-7 {
    width: calc(100% / 12 * 7);
}
.ui-cols-xxl-7 .ui-item {
    width: calc(100% / 7);
}
.ui-col-xxl-8 {
    width: calc(100% / 12 * 8);
}
.ui-cols-xxl-8 .ui-item {
    width: calc(100% / 8);
}
.ui-col-xxl-9 {
    width: calc(100% / 12 * 9);
}
.ui-cols-xxl-9 .ui-item {
    width: calc(100% / 9);
}
.ui-col-xxl-10 {
    width: calc(100% / 12 * 10);
}
.ui-cols-xxl-10 .ui-item {
    width: calc(100% / 10);
}
.ui-col-xxl-11 {
    width: calc(100% / 12 * 11);
}
.ui-cols-xxl-11 .ui-item {
    width: calc(100% / 11);
}
.ui-col-xxl-12 {
    width: calc(100% / 12 * 12);
}
.ui-cols-xxl-12 .ui-item {
    width: calc(100% / 12);
}
}
/* ==================
		弹性布局
 ==================== */
.flex {
  display: flex !important;
}
.flex-sub {
  flex: 1 !important;
}
.flex-twice {
  flex: 2 !important;
}
.flex-treble {
  flex: 3 !important;
}
.flex-column {
  flex-direction: column !important;
}
.flex-row {
  flex-direction: row !important;
}
.flex-column-reverse {
  flex-direction: column-reverse !important;
}
.flex-row-reverse {
  flex-direction: row-reverse !important;
}
.flex-wrap {
  flex-wrap: wrap !important;
}
.flex-center {
  display: flex;
  align-items: center;
  justify-content: center;
}
.flex-bar {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.basis-xs {
  flex-basis: 20% !important;
}
.basis-sm {
  flex-basis: 40% !important;
}
.basis-df {
  flex-basis: 50% !important;
}
.basis-lg {
  flex-basis: 60% !important;
}
.basis-xl {
  flex-basis: 80% !important;
}
.align-start {
  align-items: flex-start !important;
}
.align-end {
  align-items: flex-end !important;
}
.align-center {
  align-items: center !important;
}
.align-stretch {
  align-items: stretch !important;
}
.align-baseline {
  align-items: baseline !important;
}
.self-start {
  align-self: flex-start !important;
}
.self-end {
  align-self: flex-end !important;
}
.self-center {
  align-self: center !important;
}
.self-stretch {
  align-self: stretch !important;
}
.self-baseline {
  align-self: baseline !important;
}
.justify-start {
  justify-content: flex-start !important;
}
.justify-end {
  justify-content: flex-end !important;
}
.justify-center {
  justify-content: center !important;
}
.justify-between {
  justify-content: space-between !important;
}
.justify-around {
  justify-content: space-around !important;
}
/* ==================
          边框
 ==================== */
/* -- 实线 -- */
.border {
  overflow: initial !important;
}
[class*=border],
[class*=dashed] {
  position: relative;
}
[class*=border].dline,
[class*=dashed].dline {
  --ui-Border: var(--ui-BG-3);
}
[class*=border]::after,
[class*=dashed]::after {
  content: " ";
  width: 200%;
  height: 200%;
  position: absolute;
  z-index: 0;
  top: 0;
  left: 0;
  transform: scale(0.5);
  transform-origin: 0 0;
  pointer-events: none;
  box-sizing: border-box;
  border-radius: inherit;
}
[class*=border].radius::after,
[class*=dashed].radius::after {
  border-radius: calc(10rpx * 2);
}
[class*=border].round::after,
[class*=dashed].round::after {
  border-radius: 1000rpx;
}
.border::after {
  border: 1px solid var(--ui-Border);
}
.borders::after {
  border: 4rpx solid var(--ui-Border);
}
.borderss::after {
  border: 8rpx solid var(--ui-Border);
}
.border-top::after {
  border-top: 1px solid var(--ui-Border);
}
.borders-top::after {
  border-top: 4rpx solid var(--ui-Border);
}
.borderss-top::after {
  border-top: 8rpx solid var(--ui-Border);
}
.border-right::after {
  border-right: 1px solid var(--ui-Border);
}
.borders-right::after {
  border-right: 4rpx solid var(--ui-Border);
}
.borderss-right::after {
  border-right: 8rpx solid var(--ui-Border);
}
.border-bottom::after {
  border-bottom: 1px solid var(--ui-Border);
}
.borders-bottom::after {
  border-bottom: 4rpx solid var(--ui-Border);
}
.borderss-bottom::after {
  border-bottom: 8rpx solid var(--ui-Border);
}
.border-left::after {
  border-left: 1px solid var(--ui-Border);
}
.borders-left::after {
  border-left: 4rpx solid var(--ui-Border);
}
.borderss-left::after {
  border-left: 8rpx solid var(--ui-Border);
}
/* -- 虚线 -- */
.dashed::after {
  border: 4rpx dashed var(--ui-Border);
}
.dasheds::after {
  border: 6rpx dashed var(--ui-Border);
}
.dashed-top::after {
  border-top: 4rpx dashed var(--ui-Border);
}
.dasheds-top::after {
  border-top: 6rpx dashed var(--ui-Border);
}
.dashed-right::after {
  border-right: 4rpx dashed var(--ui-Border);
}
.dasheds-right::after {
  border-right: 6rpx dashed var(--ui-Border);
}
.dashed-bottom::after {
  border-bottom: 4rpx dashed var(--ui-Border);
}
.dasheds-bottom::after {
  border-bottom: 6rpx dashed var(--ui-Border);
}
.dashed-left::after {
  border-left: 4rpx dashed var(--ui-Border);
}
.dasheds-left::after {
  border-left: 6rpx dashed var(--ui-Border);
}
.border-yellow::after,
.border-yellow[class*=-shine]::before {
  border-color: #ffc300 !important;
}
.border-orange::after,
.border-orange[class*=-shine]::before {
  border-color: #ff6000 !important;
}
.border-red::after,
.border-red[class*=-shine]::before {
  border-color: #ff3000 !important;
}
.border-pink::after,
.border-pink[class*=-shine]::before {
  border-color: #e03997 !important;
}
.border-mauve::after,
.border-mauve[class*=-shine]::before {
  border-color: #b745cb !important;
}
.border-purple::after,
.border-purple[class*=-shine]::before {
  border-color: #652abf !important;
}
.border-violet::after,
.border-violet[class*=-shine]::before {
  border-color: #652abf !important;
}
.border-blue::after,
.border-blue[class*=-shine]::before {
  border-color: #0081ff !important;
}
.border-cyan::after,
.border-cyan[class*=-shine]::before {
  border-color: #37c0fe !important;
}
.border-green::after,
.border-green[class*=-shine]::before {
  border-color: #2aae67 !important;
}
.border-olive::after,
.border-olive[class*=-shine]::before {
  border-color: #8dc63f !important;
}
.border-grey::after,
.border-grey[class*=-shine]::before {
  border-color: #8799a3 !important;
}
.border-brown::after,
.border-brown[class*=-shine]::before {
  border-color: #a5673f !important;
}
.border-black::after,
.border-black[class*=-shine]::before {
  border-color: #000000 !important;
}
.border-golden::after,
.border-golden[class*=-shine]::before {
  border-color: #e9b461 !important;
}
.border-dark-9::after,
.border-dark-9[class*=-shine]::before {
  border-color: #999999 !important;
}
.border-dark-8::after,
.border-dark-8[class*=-shine]::before {
  border-color: #888888 !important;
}
.border-dark-7::after,
.border-dark-7[class*=-shine]::before {
  border-color: #777777 !important;
}
.border-dark-6::after,
.border-dark-6[class*=-shine]::before {
  border-color: #666666 !important;
}
.border-dark-5::after,
.border-dark-5[class*=-shine]::before {
  border-color: #555555 !important;
}
.border-dark-4::after,
.border-dark-4[class*=-shine]::before {
  border-color: #484848 !important;
}
.border-dark-3::after,
.border-dark-3[class*=-shine]::before {
  border-color: #333333 !important;
}
.border-dark-2::after,
.border-dark-2[class*=-shine]::before {
  border-color: #222222 !important;
}
.border-dark-1::after,
.border-dark-1[class*=-shine]::before {
  border-color: #111111 !important;
}
.border-white::after,
.border-white[class*=-shine]::before {
  border-color: #ffffff !important;
}
.border-gray-f::after,
.border-gray-f[class*=-shine]::before {
  border-color: #f8f9fa !important;
}
.border-gray-e::after,
.border-gray-e[class*=-shine]::before {
  border-color: #eeeeee !important;
}
.border-gray-d::after,
.border-gray-d[class*=-shine]::before {
  border-color: #dddddd !important;
}
.border-gray-c::after,
.border-gray-c[class*=-shine]::before {
  border-color: #cccccc !important;
}
.border-gray-b::after,
.border-gray-b[class*=-shine]::before {
  border-color: #bbbbbb !important;
}
.border-gray-a::after,
.border-gray-a[class*=-shine]::before {
  border-color: #aaaaaa !important;
}
.border-gray::after,
.border-gray[class*=-shine]::before {
  border-color: #aaaaaa !important;
}
.main-a-border::after,
.main-a-border[class*=-shine]::before {
  border-color: var(--main-a) !important;
}
.main-b-border::after,
.main-b-border[class*=-shine]::before {
  border-color: var(--main-b) !important;
}
.main-c-border::after,
.main-c-border[class*=-shine]::before {
  border-color: var(--main-c) !important;
}
.main-d-border::after,
.main-d-border[class*=-shine]::before {
  border-color: var(--main-d) !important;
}
.main-e-border::after,
.main-e-border[class*=-shine]::before {
  border-color: var(--main-e) !important;
}
.dashed-shine,
.dasheds-shine {
  position: relative;
  overflow: hidden;
}
.dashed-shine::after, .dashed-shine::before,
.dasheds-shine::after,
.dasheds-shine::before {
  border-style: dashed;
  border-color: var(--ui-Border);
  animation: shineafter 1s infinite linear;
  width: calc(200% + 40px);
  height: 200%;
  border-width: 2px 0;
}
.dashed-shine::before,
.dasheds-shine::before {
  content: " ";
  position: absolute;
  transform: scale(0.5);
  transform-origin: 0 0;
  pointer-events: none;
  box-sizing: border-box;
  animation: shinebefore 1s infinite linear;
  width: 200%;
  height: calc(200% + 40px);
  border-width: 0 2px;
}
.dasheds-shine::after, .dasheds-shine::before {
  border-width: 4px 0;
}
.dasheds-shine::before {
  border-width: 0 4px;
}
@keyframes shineafter {
0% {
    top: 0;
    left: -22px;
}
100% {
    top: 0px;
    left: 0px;
}
}
@keyframes shinebefore {
0% {
    top: -22px;
    left: 0;
}
100% {
    top: 0px;
    left: 0px;
}
}
/* ==================
          文本
 ==================== */
.font-0 {
  font-size: 24rpx;
  --textSize: -4rpx;
}
.font-1 {
  font-size: 28rpx;
  --textSize: 0rpx;
}
.font-2 {
  font-size: 32rpx;
  --textSize: 4rpx;
}
.font-3 {
  font-size: 36rpx;
  --textSize: 8rpx;
}
.font-4 {
  font-size: 40rpx;
  --textSize: 12rpx;
}
.text-xs, .text-10 {
  font-size: calc(20rpx + var(--textSize)) !important;
}
.text-sm, .text-12 {
  font-size: calc(24rpx + var(--textSize)) !important;
}
.text-df, .text-14 {
  font-size: calc(28rpx + var(--textSize)) !important;
}
.text-lg, .text-16 {
  font-size: calc(32rpx + var(--textSize)) !important;
}
.text-xl, .text-18 {
  font-size: calc(36rpx + var(--textSize)) !important;
}
.text-xxl, .text-22 {
  font-size: calc(44rpx + var(--textSize)) !important;
}
.text-sl, .text-40 {
  font-size: calc(80rpx + var(--textSize)) !important;
}
.text-xsl, .text-60 {
  font-size: calc(120rpx + var(--textSize)) !important;
}
.text-cut {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
[class*=text-linecut] {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  word-break: break-all;
}
.text-linecut-2 {
  -webkit-line-clamp: 2;
}
.text-linecut-3 {
  -webkit-line-clamp: 3;
}
.text-linecut-4 {
  -webkit-line-clamp: 4;
}
.text-linecut-5 {
  -webkit-line-clamp: 5;
}
.text-linecut-6 {
  -webkit-line-clamp: 6;
}
.text-linecut-7 {
  -webkit-line-clamp: 7;
}
.text-linecut-8 {
  -webkit-line-clamp: 8;
}
.text-linecut-9 {
  -webkit-line-clamp: 9;
}
.text-linecut-10 {
  -webkit-line-clamp: 10;
}
.text-justify {
  text-align: justify;
}
.text-justify-line {
  text-align: justify;
  line-height: 0.5em;
  margin-top: 0.5em;
}
.text-justify-line::after {
  content: ".";
  display: inline-block;
  width: 100%;
}
.text-Abc {
  text-transform: Capitalize !important;
}
.text-ABC {
  text-transform: Uppercase !important;
}
.text-abc {
  text-transform: Lowercase !important;
}
.text-del, .text-line {
  text-decoration: line-through !important;
}
.text-bottomline {
  text-decoration: underline !important;
}
.text-italic {
  font-style: italic !important;
}
.text-style-none {
  text-decoration: none !important;
}
.text-break {
  word-break: break-word !important;
  overflow-wrap: break-word !important;
}
.text-reset {
  color: inherit !important;
}
.text-price::before {
  content: "¥";
  font-size: 80%;
  margin-right: 4rpx;
}
.text-hide {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}
/* ==================
          阴影
 ==================== */
.shadow {
  box-shadow: var(--ui-Shadow);
}
.shadow-sm {
  box-shadow: var(--ui-Shadow-sm);
}
.shadow-lg {
  box-shadow: var(--ui-Shadow-lg);
}
.shadow-inset {
  box-shadow: var(--ui-Shadow-inset);
}
.shadow-yellow {
  box-shadow: 0 0.5em 1em rgba(255, 195, 0, var(--ui-Shadow-opacity));
}
.shadow-sm.shadow-yellow {
  box-shadow: 0 0.125em 0.25em rgba(255, 195, 0, var(--ui-Shadow-opacity));
}
.shadow-lg.shadow-yellow {
  box-shadow: 0 1em 3em rgba(255, 195, 0, var(--ui-Shadow-opacity-lg));
}
.shadow-orange {
  box-shadow: 0 0.5em 1em rgba(255, 96, 0, var(--ui-Shadow-opacity));
}
.shadow-sm.shadow-orange {
  box-shadow: 0 0.125em 0.25em rgba(255, 96, 0, var(--ui-Shadow-opacity));
}
.shadow-lg.shadow-orange {
  box-shadow: 0 1em 3em rgba(255, 96, 0, var(--ui-Shadow-opacity-lg));
}
.shadow-red {
  box-shadow: 0 0.5em 1em rgba(255, 48, 0, var(--ui-Shadow-opacity));
}
.shadow-sm.shadow-red {
  box-shadow: 0 0.125em 0.25em rgba(255, 48, 0, var(--ui-Shadow-opacity));
}
.shadow-lg.shadow-red {
  box-shadow: 0 1em 3em rgba(255, 48, 0, var(--ui-Shadow-opacity-lg));
}
.shadow-pink {
  box-shadow: 0 0.5em 1em rgba(224, 57, 151, var(--ui-Shadow-opacity));
}
.shadow-sm.shadow-pink {
  box-shadow: 0 0.125em 0.25em rgba(224, 57, 151, var(--ui-Shadow-opacity));
}
.shadow-lg.shadow-pink {
  box-shadow: 0 1em 3em rgba(224, 57, 151, var(--ui-Shadow-opacity-lg));
}
.shadow-mauve {
  box-shadow: 0 0.5em 1em rgba(183, 69, 203, var(--ui-Shadow-opacity));
}
.shadow-sm.shadow-mauve {
  box-shadow: 0 0.125em 0.25em rgba(183, 69, 203, var(--ui-Shadow-opacity));
}
.shadow-lg.shadow-mauve {
  box-shadow: 0 1em 3em rgba(183, 69, 203, var(--ui-Shadow-opacity-lg));
}
.shadow-purple {
  box-shadow: 0 0.5em 1em rgba(101, 42, 191, var(--ui-Shadow-opacity));
}
.shadow-sm.shadow-purple {
  box-shadow: 0 0.125em 0.25em rgba(101, 42, 191, var(--ui-Shadow-opacity));
}
.shadow-lg.shadow-purple {
  box-shadow: 0 1em 3em rgba(101, 42, 191, var(--ui-Shadow-opacity-lg));
}
.shadow-violet {
  box-shadow: 0 0.5em 1em rgba(101, 42, 191, var(--ui-Shadow-opacity));
}
.shadow-sm.shadow-violet {
  box-shadow: 0 0.125em 0.25em rgba(101, 42, 191, var(--ui-Shadow-opacity));
}
.shadow-lg.shadow-violet {
  box-shadow: 0 1em 3em rgba(101, 42, 191, var(--ui-Shadow-opacity-lg));
}
.shadow-blue {
  box-shadow: 0 0.5em 1em rgba(0, 129, 255, var(--ui-Shadow-opacity));
}
.shadow-sm.shadow-blue {
  box-shadow: 0 0.125em 0.25em rgba(0, 129, 255, var(--ui-Shadow-opacity));
}
.shadow-lg.shadow-blue {
  box-shadow: 0 1em 3em rgba(0, 129, 255, var(--ui-Shadow-opacity-lg));
}
.shadow-cyan {
  box-shadow: 0 0.5em 1em rgba(55, 192, 254, var(--ui-Shadow-opacity));
}
.shadow-sm.shadow-cyan {
  box-shadow: 0 0.125em 0.25em rgba(55, 192, 254, var(--ui-Shadow-opacity));
}
.shadow-lg.shadow-cyan {
  box-shadow: 0 1em 3em rgba(55, 192, 254, var(--ui-Shadow-opacity-lg));
}
.shadow-green {
  box-shadow: 0 0.5em 1em rgba(42, 174, 103, var(--ui-Shadow-opacity));
}
.shadow-sm.shadow-green {
  box-shadow: 0 0.125em 0.25em rgba(42, 174, 103, var(--ui-Shadow-opacity));
}
.shadow-lg.shadow-green {
  box-shadow: 0 1em 3em rgba(42, 174, 103, var(--ui-Shadow-opacity-lg));
}
.shadow-olive {
  box-shadow: 0 0.5em 1em rgba(141, 198, 63, var(--ui-Shadow-opacity));
}
.shadow-sm.shadow-olive {
  box-shadow: 0 0.125em 0.25em rgba(141, 198, 63, var(--ui-Shadow-opacity));
}
.shadow-lg.shadow-olive {
  box-shadow: 0 1em 3em rgba(141, 198, 63, var(--ui-Shadow-opacity-lg));
}
.shadow-grey {
  box-shadow: 0 0.5em 1em rgba(135, 153, 163, var(--ui-Shadow-opacity));
}
.shadow-sm.shadow-grey {
  box-shadow: 0 0.125em 0.25em rgba(135, 153, 163, var(--ui-Shadow-opacity));
}
.shadow-lg.shadow-grey {
  box-shadow: 0 1em 3em rgba(135, 153, 163, var(--ui-Shadow-opacity-lg));
}
.shadow-brown {
  box-shadow: 0 0.5em 1em rgba(165, 103, 63, var(--ui-Shadow-opacity));
}
.shadow-sm.shadow-brown {
  box-shadow: 0 0.125em 0.25em rgba(165, 103, 63, var(--ui-Shadow-opacity));
}
.shadow-lg.shadow-brown {
  box-shadow: 0 1em 3em rgba(165, 103, 63, var(--ui-Shadow-opacity-lg));
}
.shadow-black {
  box-shadow: 0 0.5em 1em rgba(72, 72, 72, var(--ui-Shadow-opacity));
}
.shadow-sm.shadow-black {
  box-shadow: 0 0.125em 0.25em rgba(72, 72, 72, var(--ui-Shadow-opacity));
}
.shadow-lg.shadow-black {
  box-shadow: 0 1em 3em rgba(72, 72, 72, var(--ui-Shadow-opacity-lg));
}
.shadow-golden {
  box-shadow: 0 0.5em 1em rgba(233, 180, 97, var(--ui-Shadow-opacity));
}
.shadow-sm.shadow-golden {
  box-shadow: 0 0.125em 0.25em rgba(233, 180, 97, var(--ui-Shadow-opacity));
}
.shadow-lg.shadow-golden {
  box-shadow: 0 1em 3em rgba(233, 180, 97, var(--ui-Shadow-opacity-lg));
}
.shadow-warp {
  position: relative;
}
.shadow-warp:before, .shadow-warp:after {
  position: absolute;
  content: "";
  bottom: -10rpx;
  left: 20rpx;
  width: calc(50% - 40rpx);
  height: 30rpx;
  transform: skew(0deg, -6deg);
  transform-origin: 50% 50%;
  background-color: rgba(0, 0, 0, var(--ui-Shadow-opacity));
  filter: blur(20rpx);
  z-index: -1;
  opacity: 0.5;
}
.shadow-warp:after {
  right: 20rpx;
  left: auto;
  transform: skew(0deg, 6deg);
}
.shadow-blur {
  position: relative;
}
.shadow-blur::before {
  content: "";
  display: block;
  background: inherit;
  filter: blur(20rpx);
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0.5em;
  left: 0.5em;
  z-index: -1;
  opacity: var(--ui-Shadow-opacity-lg);
  transform-origin: 0 0;
  border-radius: inherit;
  transform: scale(1, 1);
}
.drop-shadow {
  filter: drop-shadow(0 0 30rpx rgba(0, 0, 0, 0.1));
}
.drop-shadow-sm {
  filter: drop-shadow(0 4rpx 4rpx rgba(0, 0, 0, 0.06));
}
.drop-shadow-lg {
  filter: drop-shadow(0 30rpx 60rpx rgba(0, 0, 0, 0.2));
}
.drop-shadow-yellow {
  filter: drop-shadow(0 15rpx 15rpx rgba(204, 156, 0, 0.3));
}
.drop-shadow-sm.drop-shadow-yellow {
  filter: drop-shadow(0 4rpx 4rpx rgba(204, 156, 0, 0.3));
}
.drop-shadow-lg.drop-shadow-yellow {
  filter: drop-shadow(0 50rpx 100rpx rgba(204, 156, 0, 0.2));
}
.drop-shadow-orange {
  filter: drop-shadow(0 15rpx 15rpx rgba(204, 77, 0, 0.3));
}
.drop-shadow-sm.drop-shadow-orange {
  filter: drop-shadow(0 4rpx 4rpx rgba(204, 77, 0, 0.3));
}
.drop-shadow-lg.drop-shadow-orange {
  filter: drop-shadow(0 50rpx 100rpx rgba(204, 77, 0, 0.2));
}
.drop-shadow-red {
  filter: drop-shadow(0 15rpx 15rpx rgba(204, 38, 0, 0.3));
}
.drop-shadow-sm.drop-shadow-red {
  filter: drop-shadow(0 4rpx 4rpx rgba(204, 38, 0, 0.3));
}
.drop-shadow-lg.drop-shadow-red {
  filter: drop-shadow(0 50rpx 100rpx rgba(204, 38, 0, 0.2));
}
.drop-shadow-pink {
  filter: drop-shadow(0 15rpx 15rpx rgba(199, 31, 126, 0.3));
}
.drop-shadow-sm.drop-shadow-pink {
  filter: drop-shadow(0 4rpx 4rpx rgba(199, 31, 126, 0.3));
}
.drop-shadow-lg.drop-shadow-pink {
  filter: drop-shadow(0 50rpx 100rpx rgba(199, 31, 126, 0.2));
}
.drop-shadow-mauve {
  filter: drop-shadow(0 15rpx 15rpx rgba(154, 48, 173, 0.3));
}
.drop-shadow-sm.drop-shadow-mauve {
  filter: drop-shadow(0 4rpx 4rpx rgba(154, 48, 173, 0.3));
}
.drop-shadow-lg.drop-shadow-mauve {
  filter: drop-shadow(0 50rpx 100rpx rgba(154, 48, 173, 0.2));
}
.drop-shadow-purple {
  filter: drop-shadow(0 15rpx 15rpx rgba(79, 33, 149, 0.3));
}
.drop-shadow-sm.drop-shadow-purple {
  filter: drop-shadow(0 4rpx 4rpx rgba(79, 33, 149, 0.3));
}
.drop-shadow-lg.drop-shadow-purple {
  filter: drop-shadow(0 50rpx 100rpx rgba(79, 33, 149, 0.2));
}
.drop-shadow-violet {
  filter: drop-shadow(0 15rpx 15rpx rgba(79, 33, 149, 0.3));
}
.drop-shadow-sm.drop-shadow-violet {
  filter: drop-shadow(0 4rpx 4rpx rgba(79, 33, 149, 0.3));
}
.drop-shadow-lg.drop-shadow-violet {
  filter: drop-shadow(0 50rpx 100rpx rgba(79, 33, 149, 0.2));
}
.drop-shadow-blue {
  filter: drop-shadow(0 15rpx 15rpx rgba(0, 103, 204, 0.3));
}
.drop-shadow-sm.drop-shadow-blue {
  filter: drop-shadow(0 4rpx 4rpx rgba(0, 103, 204, 0.3));
}
.drop-shadow-lg.drop-shadow-blue {
  filter: drop-shadow(0 50rpx 100rpx rgba(0, 103, 204, 0.2));
}
.drop-shadow-cyan {
  filter: drop-shadow(0 15rpx 15rpx rgba(4, 176, 254, 0.3));
}
.drop-shadow-sm.drop-shadow-cyan {
  filter: drop-shadow(0 4rpx 4rpx rgba(4, 176, 254, 0.3));
}
.drop-shadow-lg.drop-shadow-cyan {
  filter: drop-shadow(0 50rpx 100rpx rgba(4, 176, 254, 0.2));
}
.drop-shadow-green {
  filter: drop-shadow(0 15rpx 15rpx rgba(32, 133, 79, 0.3));
}
.drop-shadow-sm.drop-shadow-green {
  filter: drop-shadow(0 4rpx 4rpx rgba(32, 133, 79, 0.3));
}
.drop-shadow-lg.drop-shadow-green {
  filter: drop-shadow(0 50rpx 100rpx rgba(32, 133, 79, 0.2));
}
.drop-shadow-olive {
  filter: drop-shadow(0 15rpx 15rpx rgba(114, 162, 48, 0.3));
}
.drop-shadow-sm.drop-shadow-olive {
  filter: drop-shadow(0 4rpx 4rpx rgba(114, 162, 48, 0.3));
}
.drop-shadow-lg.drop-shadow-olive {
  filter: drop-shadow(0 50rpx 100rpx rgba(114, 162, 48, 0.2));
}
.drop-shadow-grey {
  filter: drop-shadow(0 15rpx 15rpx rgba(107, 128, 140, 0.3));
}
.drop-shadow-sm.drop-shadow-grey {
  filter: drop-shadow(0 4rpx 4rpx rgba(107, 128, 140, 0.3));
}
.drop-shadow-lg.drop-shadow-grey {
  filter: drop-shadow(0 50rpx 100rpx rgba(107, 128, 140, 0.2));
}
.drop-shadow-brown {
  filter: drop-shadow(0 15rpx 15rpx rgba(128, 80, 49, 0.3));
}
.drop-shadow-sm.drop-shadow-brown {
  filter: drop-shadow(0 4rpx 4rpx rgba(128, 80, 49, 0.3));
}
.drop-shadow-lg.drop-shadow-brown {
  filter: drop-shadow(0 50rpx 100rpx rgba(128, 80, 49, 0.2));
}
.drop-shadow-black {
  filter: drop-shadow(0 15rpx 15rpx rgba(47, 47, 47, 0.3));
}
.drop-shadow-sm.drop-shadow-black {
  filter: drop-shadow(0 4rpx 4rpx rgba(47, 47, 47, 0.3));
}
.drop-shadow-lg.drop-shadow-black {
  filter: drop-shadow(0 50rpx 100rpx rgba(47, 47, 47, 0.2));
}
.drop-shadow-golden {
  filter: drop-shadow(0 15rpx 15rpx rgba(227, 159, 52, 0.3));
}
.drop-shadow-sm.drop-shadow-golden {
  filter: drop-shadow(0 4rpx 4rpx rgba(227, 159, 52, 0.3));
}
.drop-shadow-lg.drop-shadow-golden {
  filter: drop-shadow(0 50rpx 100rpx rgba(227, 159, 52, 0.2));
}
@font-face {
  font-family: "colorui";
  /* Project id 2620914 */
  src: url("data:application/x-font-woff2;charset=utf-8;base64,[encoded data, 4520 characters]") format("woff2");
}
[class*=_icon-] {
  font-family: "colorui" !important;
  display: inline-block;
}
@font-face {
  font-family: "ui-num";
  src: url("data:application/x-font-ttf;base64,AAEAAAAKAIAAAwAgT1MvMla+dCkAAACsAAAAYGNtYXAQUxhKAAABDAAAAVJnbHlmS86JUQAAAmAAAAUUaGVhZA7I1xIAAAd0AAAANmhoZWEFqgF3AAAHrAAAACRobXR4BycBzgAAB9AAAAAibG9jYQZmB5wAAAf0AAAAHG1heHAAEQBDAAAIEAAAACBuYW1lGVKlzAAACDAAAAGtcG9zdADDAJYAAAngAAAAPAAEAewBkAAFAAACmQLMAAAAjwKZAswAAAHrADMBCQAAAgAGAwAAAAAAAAAAAAEQAAAAAAAAAAAAAABQZkVkAMAALAA5Ayz/LABcAywA1AAAAAEAAAAAAxgAAAAAACAAAQAAAAMAAAADAAAAHAABAAAAAABMAAMAAQAAABwABAAwAAAACAAIAAIAAAAsAC4AOf//AAAALAAuADD////V/9T/0wABAAAAAAAAAAAAAAEGAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAEAAgADBAUGBwgJCgsMAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAgAiAAABMgKqAAMABwAANxEhESczESMiARDuzMwAAqr9ViICZgAAAAEAUP9hAMcAdwADAAAXNSMRx3c9tP7qAAEAUAAAAM0AfQADAAA3NSMVzX0AfX0AAAIAPv/6AeMC3wASACQAACUDJicmJwYHBgcRFhcWFzY3NjcHFAcGByYnJjURNDc2NxYXFhUB7wwCPDxZWTs7AwM7O1lZPDwOdB0bMzIbHBwbMjMbHdABPmM3NgEBNjdj/r1jNzYBATY3aAI2ICABASAgNgE9Nx8gAQEgHzcAAAAAAQB1AAABbALZAAYAACURIwcVNxEBbGmOjgAC2Xt0ff2ZAAAAAQBBAAAB6ALfAB4AACU1IRM2NzY1JicmJwYHBgczNjc2FxYXFhUUBwYHARUB6P7X5SIREQE5OV9fOjkCaAIfHywzGxwJCRX+6ABdARgoJCIvYDY2AQE3N189GhsBAR4dMxoYFhn+q10AAAAAAQAr//gB6QLgADUAACUmJyYnNjc2NSYnJicGBwYHMzY3NjMyFxYXFAcGByMVMxYXFhUGBwYjIicmJyMWFxY3Mjc2NwH1DRocLysYGAI5O15ZOzwGaQQcHTAuHh8BGxw4ERE+Hh4BISE0LyIhBWgGQD9aXkA/DtI+KioVFCcmOl03NwEBNDNeMRscHRw4Mh0eAVsBHyA4Oh8gGxk7azEyATU1bwABACQAAAH+AtkADgAAJTUjNSMVIwEjARUhFTM1Af5OZbUBAHH+/wEnZW5hqqoCCv32YW5uAAAAAAEAQf/5AewC2QA3AAAlJicmJyYnJiMiBwYHNSE1IREzNjc2NxYXFgcWBwYHBgcGIyInJicjFhcWFxYXFhc2NzY3Njc2NwH2Cg0MKBcgISsoHx8TASv+d18IGhosPRgWAQEHBhcOExMYMRkaBmgCDAwdFygoNDYmJRknDAwK+i4yMioXDAwLCxTBXf5yGxMSAQErKkIlIiIXDwcHGxkxJiQjHhgQDwEBDxEYKDAvQQAAAgA5//oB6ALZABcAKAAAJSYnJiciBwYHEyMDBgcGFRYXFhc2NzY3BwYHBgcmJyYnNjc2MxYXFhcB9A42NlERERAPnW+mGQ4QAjs7YGE6Og5rCh4eMzIdHgEBHh0yNR0eCd1cOTgBAgMGATn+ri8sLCxmOjkBATs8awJAISIBASIhOzshIgEjIzIAAAABAEEAAAHzAtkACAAAATUhFTM1MwMzAfP+TmTe9XECfF3Qc/2EAAAAAwAw//oB8gLfACAAMQBCAAAlJicmJzY3NjcmJyYnBgcGBxYXFhcGBwYHFhcWFzY3NjcnBgcGByYnJic2NzY3FhcWFwMGBwYHJicmJzY3NjcWFxYXAf4NHh4oJRkZAQI7PFxbOzwCARoZJCceHgECQD5gYT9ADmwLIiA1NCEhAQEhITQ1ICILDAoeHTEwHR0BAR0dMDEdHgrTOyoqFxUnJzpcNjYBATY2XDonJxUXKipAZTc3AQE3N2oCOSIiAQEiIjQ0IiMBASMiLwFKPh4eAQEeHjEyHh8BAR8eJQAAAAACADkAAAHoAt8AFwAoAAABJicmJwYHBgcWFxYXMjc2NwMzEzY3NjcHBgcGIyYnJjU2NzY3FhcWFwH0Djo7YWA6OwICNjZRERERDpxvphkODwxrCh4eMzQdHQEeHTIzHh4KAhJaOTkBATs8ZmE5OAEDAgb+xwFSLywsOQNHISIBIyM3OyIhAQEhIi8AAAEAAAABAADHiynwXw889QALBAAAAAAA1sTJ5wAAAADWxMntACL/YQH+AuAAAAAIAAIAAAAAAAAAAQAAAyz/LABcAiIAIgAkAf4AAQAAAAAAAAAAAAAAAAAAAAQBdgAiARcAUAEdAFACIgA+AHUAQQArACQAQQA5AEEAMAA5AAAAAAAUACAALABsAH4AtAEGASIBegHAAdQCRAKKAAEAAAANAEMAAwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAMAJYAAQAAAAAAAQAKAAAAAQAAAAAAAgAGAAoAAQAAAAAAAwAbABAAAQAAAAAABAAKACsAAQAAAAAABQAeADUAAQAAAAAABgAKAFMAAwABBAkAAQAUAF0AAwABBAkAAgAMAHEAAwABBAkAAwA2AH0AAwABBAkABAAUALMAAwABBAkABQA8AMcAAwABBAkABgAUAQNmb250ZWRpdG9yTWVkaXVtRm9udEVkaXRvciAxLjAgOiBmb250ZWRpdG9yZm9udGVkaXRvclZlcnNpb24gMS4wOyBGb250RWRpdG9yICh2MS4wKWZvbnRlZGl0b3IAZgBvAG4AdABlAGQAaQB0AG8AcgBNAGUAZABpAHUAbQBGAG8AbgB0AEUAZABpAHQAbwByACAAMQAuADAAIAA6ACAAZgBvAG4AdABlAGQAaQB0AG8AcgBmAG8AbgB0AGUAZABpAHQAbwByAFYAZQByAHMAaQBvAG4AIAAxAC4AMAA7ACAARgBvAG4AdABFAGQAaQB0AG8AcgAgACgAdgAxAC4AMAApAGYAbwBuAHQAZQBkAGkAdABvAHIAAAAAAgAAAAAAAAAyAAAAAAAAAAAAAAAAAAAAAAAAAAAADQANAAAADwARABMAFAAVABYAFwAYABkAGgAbABw=") format("woff2");
  font-weight: normal;
  font-style: normal;
}
._icon-checkbox:before {
  content: "\e713";
}
._icon-box:before {
  content: "\e714";
}
._icon-checkbox-o:before {
  content: "\e715";
}
._icon-round:before {
  content: "\e716";
}
._icon-home-o:before {
  content: "\e70a";
}
._icon-home:before {
  content: "\e70d";
}
._icon-edit:before {
  content: "\e649";
}
._icon-close:before {
  content: "\e6ed";
}
._icon-check-round:before {
  content: "\e6f1";
}
._icon-check-round-o:before {
  content: "\e6f2";
}
._icon-close-round:before {
  content: "\e6f3";
}
._icon-close-round-o:before {
  content: "\e6f4";
}
._icon-waiting:before {
  content: "\e6f8";
}
._icon-waiting-o:before {
  content: "\e6f9";
}
._icon-warn:before {
  content: "\e662";
}
._icon-warn-o:before {
  content: "\e675";
}
._icon-more:before {
  content: "\e688";
}
._icon-delete:before {
  content: "\e707";
}
._icon-delete-o:before {
  content: "\e709";
}
._icon-add-round:before {
  content: "\e717";
}
._icon-add-round-o:before {
  content: "\e718";
}
._icon-add:before {
  content: "\e6e4";
}
._icon-info:before {
  content: "\e6ef";
}
._icon-info-o:before {
  content: "\e705";
}
._icon-move:before {
  content: "\e768";
}
._icon-title:before {
  content: "\e82f";
}
._icon-titles:before {
  content: "\e745";
}
._icon-loading:before {
  content: "\e746";
}
._icon-copy-o:before {
  content: "\e7bc";
}
._icon-copy:before {
  content: "\e85c";
}
._icon-loader:before {
  content: "\e76d";
}
._icon-search:before {
  content: "\e782";
}
._icon-back:before {
  content: "\e600";
}
._icon-forward:before {
  content: "\e601";
}
._icon-arrow:before {
  content: "\e608";
}
._icon-drop-down:before {
  content: "\e61c";
}
._icon-drop-up:before {
  content: "\e61d";
}
._icon-check:before {
  content: "\e69f";
}
._icon-move-round:before {
  content: "\e602";
}
._icon-move-round-o:before {
  content: "\e603";
}
@font-face {
  font-family: "coloricon";
  src: url("data:application/x-font-woff2;charset=utf-8;base64,[encoded data, 49308 characters]") format("woff2");



  font-weight: normal;
  font-style: normal;
}
[class*=cicon-] {
  font-family: "coloricon";
  display: inline-block;
}
.cicon-Aa:before {
  content: "\e7a1";
}
.cicon-accounts:before {
  content: "\e681";
}
.cicon-accounts-o:before {
  content: "\e686";
}
.cicon-add:before {
  content: "\e6e4";
}
.cicon-add-round:before {
  content: "\e717";
}
.cicon-add-round-o:before {
  content: "\e718";
}
.cicon-alarm:before {
  content: "\e61e";
}
.cicon-album:before {
  content: "\e759";
}
.cicon-alipay:before {
  content: "\e6e1";
}
.cicon-android:before {
  content: "\e6e2";
}
.cicon-angle:before {
  content: "\e605";
}
.cicon-apple:before {
  content: "\e8e7";
}
.cicon-apps:before {
  content: "\e737";
}
.cicon-archive:before {
  content: "\e7ae";
}
.cicon-archive-o:before {
  content: "\e7ad";
}
.cicon-arrow:before {
  content: "\e608";
}
.cicon-at-line:before {
  content: "\e75c";
}
.cicon-avatar:before {
  content: "\e663";
}
.cicon-avatar-o:before {
  content: "\e665";
}
.cicon-avatars:before {
  content: "\e67e";
}
.cicon-avatars-o:before {
  content: "\e680";
}
.cicon-back:before {
  content: "\e600";
}
.cicon-backspace:before {
  content: "\e6a9";
}
.cicon-backup:before {
  content: "\e61f";
}
.cicon-backup-restore:before {
  content: "\e62d";
}
.cicon-barcode:before {
  content: "\e71f";
}
.cicon-book:before {
  content: "\e6a2";
}
.cicon-bookmark:before {
  content: "\e6a3";
}
.cicon-bookmark-o:before {
  content: "\e697";
}
.cicon-bookmarks:before {
  content: "\e6a6";
}
.cicon-box:before {
  content: "\e714";
}
.cicon-box-block:before {
  content: "\e6ac";
}
.cicon-box-right:before {
  content: "\e6a0";
}
.cicon-brand:before {
  content: "\e726";
}
.cicon-brand-o:before {
  content: "\e727";
}
.cicon-building:before {
  content: "\e6c3";
}
.cicon-building-o:before {
  content: "\e6c7";
}
.cicon-camera:before {
  content: "\e6fa";
}
.cicon-camera-add:before {
  content: "\e736";
}
.cicon-camera-add-o:before {
  content: "\e735";
}
.cicon-camera-lens:before {
  content: "\e68f";
}
.cicon-camera-lens-o:before {
  content: "\e68e";
}
.cicon-camera-o:before {
  content: "\e6fb";
}
.cicon-camera-rotate:before {
  content: "\e71e";
}
.cicon-card:before {
  content: "\e744";
}
.cicon-cardboard:before {
  content: "\e7a9";
}
.cicon-cardboard-o:before {
  content: "\e7aa";
}
.cicon-cardboard-off-o:before {
  content: "\e7af";
}
.cicon-cart:before {
  content: "\e70b";
}
.cicon-cart-o:before {
  content: "\e708";
}
.cicon-chat:before {
  content: "\e739";
}
.cicon-chat-bubble:before {
  content: "\e69b";
}
.cicon-chat-bubble-o:before {
  content: "\e6a7";
}
.cicon-chat-list:before {
  content: "\e69d";
}
.cicon-chat-list-o:before {
  content: "\e6aa";
}
.cicon-chat-o:before {
  content: "\e73c";
}
.cicon-chat-smile:before {
  content: "\e779";
}
.cicon-chat-smile-o:before {
  content: "\e78e";
}
.cicon-chat-smiles:before {
  content: "\e76b";
}
.cicon-chat-smiles-o:before {
  content: "\e74a";
}
.cicon-check:before {
  content: "\e69f";
}
.cicon-checkbox:before {
  content: "\e713";
}
.cicon-checkbox-o:before {
  content: "\e715";
}
.cicon-check-round:before {
  content: "\e6f1";
}
.cicon-check-round-o:before {
  content: "\e6f2";
}
.cicon-choiceness:before {
  content: "\e728";
}
.cicon-choiceness-o:before {
  content: "\e729";
}
.cicon-chrome:before {
  content: "\e6e3";
}
.cicon-circle:before {
  content: "\e7b0";
}
.cicon-circle-o:before {
  content: "\e7b1";
}
.cicon-close:before {
  content: "\e6ed";
}
.cicon-close-round:before {
  content: "\e6f3";
}
.cicon-close-round-o:before {
  content: "\e6f4";
}
.cicon-clothes:before {
  content: "\e72a";
}
.cicon-clothes-o:before {
  content: "\e72b";
}
.cicon-cloud:before {
  content: "\e64e";
}
.cicon-cloud-done:before {
  content: "\e641";
}
.cicon-cloud-download:before {
  content: "\e647";
}
.cicon-cloud-o:before {
  content: "\e646";
}
.cicon-cloud-off:before {
  content: "\e64b";
}
.cicon-cloud-upload:before {
  content: "\e687";
}
.cicon-code-box:before {
  content: "\e7c3";
}
.cicon-coin:before {
  content: "\e78a";
}
.cicon-coin-o:before {
  content: "\e79d";
}
.cicon-comment:before {
  content: "\e738";
}
.cicon-comment-o:before {
  content: "\e70e";
}
.cicon-community:before {
  content: "\e742";
}
.cicon-community-o:before {
  content: "\e743";
}
.cicon-countdown:before {
  content: "\e722";
}
.cicon-countdown-o:before {
  content: "\e723";
}
.cicon-creative:before {
  content: "\e72c";
}
.cicon-creative-o:before {
  content: "\e72d";
}
.cicon-crop:before {
  content: "\e6d9";
}
.cicon-crown:before {
  content: "\e776";
}
.cicon-crown-o:before {
  content: "\e777";
}
.cicon-cut:before {
  content: "\e74b";
}
.cicon-DarkMode:before {
  content: "\e7c4";
}
.cicon-dashboard:before {
  content: "\e62e";
}
.cicon-delete:before {
  content: "\e6bd";
}
.cicon-delete-close:before {
  content: "\e6ae";
}
.cicon-delete-line:before {
  content: "\e707";
}
.cicon-delete-line-o:before {
  content: "\e709";
}
.cicon-delete-o:before {
  content: "\e69a";
}
.cicon-deliver:before {
  content: "\e7f7";
}
.cicon-deliver-o:before {
  content: "\e6ff";
}
.cicon-demo:before {
  content: "\e916";
}
.cicon-discover:before {
  content: "\e70c";
}
.cicon-discover-o:before {
  content: "\e702";
}
.cicon-discuss-fill:before {
  content: "\e790";
}
.cicon-discuss-line:before {
  content: "\e78f";
}
.cicon-dollar:before {
  content: "\e79f";
}
.cicon-dollar-o:before {
  content: "\e79e";
}
.cicon-done:before {
  content: "\e633";
}
.cicon-done-all:before {
  content: "\e62a";
}
.cicon-douyin:before {
  content: "\e6e7";
}
.cicon-drop-down:before {
  content: "\e61c";
}
.cicon-drop-up:before {
  content: "\e61d";
}
.cicon-eject:before {
  content: "\e63a";
}
.cicon-ellipse:before {
  content: "\e74c";
}
.cicon-emoji:before {
  content: "\e78d";
}
.cicon-emoji-o:before {
  content: "\e6ee";
}
.cicon-equalizer:before {
  content: "\e802";
}
.cicon-eraser:before {
  content: "\e770";
}
.cicon-eraser-o:before {
  content: "\e772";
}
.cicon-evaluate:before {
  content: "\e7f0";
}
.cicon-evaluate-o:before {
  content: "\e700";
}
.cicon-event-close:before {
  content: "\e6a5";
}
.cicon-event-done:before {
  content: "\e6b2";
}
.cicon-event-list:before {
  content: "\e6b8";
}
.cicon-explore:before {
  content: "\e628";
}
.cicon-explore-line:before {
  content: "\e719";
}
.cicon-explore-line-o:before {
  content: "\e710";
}
.cicon-explore-o:before {
  content: "\e626";
}
.cicon-extension:before {
  content: "\e620";
}
.cicon-extension-o:before {
  content: "\e63f";
}
.cicon-eye:before {
  content: "\e740";
}
.cicon-eye-favor:before {
  content: "\e7b4";
}
.cicon-eye-favor-o:before {
  content: "\e7b5";
}
.cicon-eye-o:before {
  content: "\e741";
}
.cicon-eye-off:before {
  content: "\e7b3";
}
.cicon-eye-off-o:before {
  content: "\e7b2";
}
.cicon-facebook:before {
  content: "\e6ea";
}
.cicon-favorite:before {
  content: "\e623";
}
.cicon-favorite-o:before {
  content: "\e621";
}
.cicon-female:before {
  content: "\e72f";
}
.cicon-file:before {
  content: "\e857";
}
.cicon-file-copy:before {
  content: "\e85c";
}
.cicon-file-copy-o:before {
  content: "\e7bc";
}
.cicon-file-o:before {
  content: "\e7bb";
}
.cicon-file-text:before {
  content: "\e858";
}
.cicon-file-text-o:before {
  content: "\e7b9";
}
.cicon-filter:before {
  content: "\e6ec";
}
.cicon-fingerprint:before {
  content: "\e63b";
}
.cicon-first-page:before {
  content: "\e60c";
}
.cicon-flag:before {
  content: "\e64d";
}
.cicon-flag-o:before {
  content: "\e64c";
}
.cicon-flash-close:before {
  content: "\e73b";
}
.cicon-flash-off:before {
  content: "\e6d5";
}
.cicon-flash-on:before {
  content: "\e6dc";
}
.cicon-flash-open:before {
  content: "\e74f";
}
.cicon-folder:before {
  content: "\e6a1";
}
.cicon-folder-add:before {
  content: "\e6b4";
}
.cicon-folder-o:before {
  content: "\e6b0";
}
.cicon-folder-special:before {
  content: "\e65c";
}
.cicon-forward:before {
  content: "\e601";
}
.cicon-fullscreen:before {
  content: "\e915";
}
.cicon-fullscreen-exit:before {
  content: "\e914";
}
.cicon-game:before {
  content: "\e6c0";
}
.cicon-game-o:before {
  content: "\e6d1";
}
.cicon-git-commit:before {
  content: "\e7be";
}
.cicon-git-commit-o:before {
  content: "\e7bd";
}
.cicon-github:before {
  content: "\e6e9";
}
.cicon-github-circle:before {
  content: "\ead8";
}
.cicon-goods:before {
  content: "\e778";
}
.cicon-goodsnew:before {
  content: "\e7bf";
}
.cicon-goodsnew-o:before {
  content: "\e7c0";
}
.cicon-goods-o:before {
  content: "\e70f";
}
.cicon-GooglePlaylogo:before {
  content: "\e6e5";
}
.cicon-grid:before {
  content: "\e6ce";
}
.cicon-grid-o:before {
  content: "\e6cc";
}
.cicon-group:before {
  content: "\e7f5";
}
.cicon-group-o:before {
  content: "\e753";
}
.cicon-guanli:before {
  content: "\e750";
}
.cicon-headset:before {
  content: "\e6a4";
}
.cicon-headset-mic:before {
  content: "\e6b1";
}
.cicon-help:before {
  content: "\e66b";
}
.cicon-help-o:before {
  content: "\e65e";
}
.cicon-home:before {
  content: "\e70d";
}
.cicon-home-2:before {
  content: "\e6fd";
}
.cicon-home-2-o:before {
  content: "\e6cf";
}
.cicon-home-3:before {
  content: "\e6fc";
}
.cicon-home-3-o:before {
  content: "\e6e0";
}
.cicon-home-4:before {
  content: "\e732";
}
.cicon-home-4-o:before {
  content: "\e6e6";
}
.cicon-home-community:before {
  content: "\e799";
}
.cicon-home-dot:before {
  content: "\e794";
}
.cicon-home-dot-o:before {
  content: "\e797";
}
.cicon-home-line:before {
  content: "\e793";
}
.cicon-home-line-o:before {
  content: "\e792";
}
.cicon-home-o:before {
  content: "\e70a";
}
.cicon-home-sm:before {
  content: "\e798";
}
.cicon-home-smile:before {
  content: "\e79c";
}
.cicon-home-smile-o:before {
  content: "\e7a0";
}
.cicon-home-smline:before {
  content: "\e791";
}
.cicon-home-smline-o:before {
  content: "\e731";
}
.cicon-home-sm-o:before {
  content: "\e79b";
}
.cicon-hotel:before {
  content: "\e7a8";
}
.cicon-hotel-o:before {
  content: "\e7a3";
}
.cicon-huohu:before {
  content: "\e72e";
}
.cicon-IE:before {
  content: "\e922";
}
.cicon-image-text:before {
  content: "\e781";
}
.cicon-image-text-o:before {
  content: "\e758";
}
.cicon-import-export:before {
  content: "\e615";
}
.cicon-info:before {
  content: "\e6ef";
}
.cicon-info-o:before {
  content: "\e705";
}
.cicon-input:before {
  content: "\e75f";
}
.cicon-input-o:before {
  content: "\e6c8";
}
.cicon-keyboard:before {
  content: "\e6b6";
}
.cicon-kinds:before {
  content: "\e748";
}
.cicon-last-page:before {
  content: "\e60d";
}
.cicon-layout:before {
  content: "\e7e8";
}
.cicon-layout-o:before {
  content: "\e7e7";
}
.cicon-LightMode:before {
  content: "\e7ba";
}
.cicon-link:before {
  content: "\e6ab";
}
.cicon-link-off:before {
  content: "\e6b9";
}
.cicon-loader-fill:before {
  content: "\e76d";
}
.cicon-loading:before {
  content: "\e746";
}
.cicon-loading1:before {
  content: "\e749";
}
.cicon-loading2:before {
  content: "\e7f1";
}
.cicon-location-off:before {
  content: "\e671";
}
.cicon-location-off-o:before {
  content: "\e66d";
}
.cicon-location-on:before {
  content: "\e65f";
}
.cicon-location-on-o:before {
  content: "\e661";
}
.cicon-lock:before {
  content: "\e6ad";
}
.cicon-lock-o:before {
  content: "\e6b3";
}
.cicon-lock-open:before {
  content: "\e6ba";
}
.cicon-logout:before {
  content: "\e76e";
}
.cicon-loop:before {
  content: "\e616";
}
.cicon-magic:before {
  content: "\e6b7";
}
.cicon-magic-o:before {
  content: "\e6c2";
}
.cicon-mail:before {
  content: "\e6be";
}
.cicon-mail-o:before {
  content: "\e6bc";
}
.cicon-male:before {
  content: "\e730";
}
.cicon-mic:before {
  content: "\e656";
}
.cicon-mic-none:before {
  content: "\e642";
}
.cicon-mic-off:before {
  content: "\e652";
}
.cicon-miniprogram:before {
  content: "\e7d6";
}
.cicon-mobile:before {
  content: "\e854";
}
.cicon-mobile-o:before {
  content: "\e7b6";
}
.cicon-moneybag:before {
  content: "\e7ce";
}
.cicon-moneybag-o:before {
  content: "\e7d1";
}
.cicon-more:before {
  content: "\e688";
}
.cicon-more-tag:before {
  content: "\e672";
}
.cicon-move:before {
  content: "\e768";
}
.cicon-move-round:before {
  content: "\e602";
}
.cicon-move-round-o:before {
  content: "\e603";
}
.cicon-music:before {
  content: "\e795";
}
.cicon-music-off:before {
  content: "\e796";
}
.cicon-my:before {
  content: "\e78c";
}
.cicon-my-o:before {
  content: "\e78b";
}
.cicon-near-me:before {
  content: "\e654";
}
.cicon-near-me-o:before {
  content: "\e649";
}
.cicon-not:before {
  content: "\e667";
}
.cicon-notice:before {
  content: "\e666";
}
.cicon-notice-active:before {
  content: "\e66f";
}
.cicon-notice-active-o:before {
  content: "\e65d";
}
.cicon-notice-o:before {
  content: "\e664";
}
.cicon-notice-off:before {
  content: "\e6b5";
}
.cicon-notice-off-o:before {
  content: "\e6bb";
}
.cicon-numcode:before {
  content: "\e755";
}
.cicon-order:before {
  content: "\e786";
}
.cicon-order-o:before {
  content: "\e7b8";
}
.cicon-paint:before {
  content: "\e75d";
}
.cicon-paint-o:before {
  content: "\e75a";
}
.cicon-palette:before {
  content: "\e696";
}
.cicon-palette-o:before {
  content: "\e691";
}
.cicon-pause:before {
  content: "\e669";
}
.cicon-pause-circle:before {
  content: "\e678";
}
.cicon-person:before {
  content: "\e679";
}
.cicon-person-add:before {
  content: "\e668";
}
.cicon-person-add-o:before {
  content: "\e66a";
}
.cicon-person-o:before {
  content: "\e67d";
}
.cicon-person-pin-circle:before {
  content: "\e66c";
}
.cicon-person-pin-circle-o:before {
  content: "\e670";
}
.cicon-phone:before {
  content: "\e6f0";
}
.cicon-phone-call:before {
  content: "\e6d7";
}
.cicon-pic:before {
  content: "\e756";
}
.cicon-pic-o:before {
  content: "\e69e";
}
.cicon-pin-drop:before {
  content: "\e648";
}
.cicon-pin-drop-o:before {
  content: "\e655";
}
.cicon-place:before {
  content: "\e651";
}
.cicon-place-o:before {
  content: "\e650";
}
.cicon-play-arrow:before {
  content: "\e66e";
}
.cicon-play-circle:before {
  content: "\e674";
}
.cicon-play-circle-o:before {
  content: "\e67f";
}
.cicon-popover:before {
  content: "\e74e";
}
.cicon-popover-o:before {
  content: "\e757";
}
.cicon-present:before {
  content: "\e73a";
}
.cicon-present-o:before {
  content: "\e711";
}
.cicon-progress:before {
  content: "\e784";
}
.cicon-qq:before {
  content: "\e7d9";
}
.cicon-qr-code-fill:before {
  content: "\e767";
}
.cicon-qr-code-line:before {
  content: "\e75e";
}
.cicon-quill:before {
  content: "\e760";
}
.cicon-quill-o:before {
  content: "\e761";
}
.cicon-radio:before {
  content: "\e6d4";
}
.cicon-radiobox:before {
  content: "\e763";
}
.cicon-radiobox-o:before {
  content: "\e75b";
}
.cicon-recharge:before {
  content: "\e71c";
}
.cicon-recharge-o:before {
  content: "\e71d";
}
.cicon-record:before {
  content: "\e7a4";
}
.cicon-record-o:before {
  content: "\e7a6";
}
.cicon-redo:before {
  content: "\e612";
}
.cicon-redpacket:before {
  content: "\e7d3";
}
.cicon-redpacket-o:before {
  content: "\e71a";
}
.cicon-refresh:before {
  content: "\e611";
}
.cicon-repair:before {
  content: "\e73f";
}
.cicon-repair-o:before {
  content: "\e73e";
}
.cicon-repeat:before {
  content: "\e617";
}
.cicon-replay:before {
  content: "\e619";
}
.cicon-reply:before {
  content: "\e618";
}
.cicon-reply-all:before {
  content: "\e614";
}
.cicon-road-map:before {
  content: "\e769";
}
.cicon-road-map-o:before {
  content: "\e76a";
}
.cicon-round:before {
  content: "\e716";
}
.cicon-round-angle:before {
  content: "\e6f5";
}
.cicon-round-angle-o:before {
  content: "\e6f6";
}
.cicon-round-arrow-line:before {
  content: "\e734";
}
.cicon-round-box:before {
  content: "\e604";
}
.cicon-safe:before {
  content: "\e77f";
}
.cicon-safe-check:before {
  content: "\e875";
}
.cicon-safe-check-o:before {
  content: "\e876";
}
.cicon-safe-flash:before {
  content: "\e783";
}
.cicon-safe-flash-o:before {
  content: "\e775";
}
.cicon-safe-key:before {
  content: "\e76c";
}
.cicon-safe-key-o:before {
  content: "\e766";
}
.cicon-safe-o:before {
  content: "\e77e";
}
.cicon-save:before {
  content: "\e677";
}
.cicon-save-o:before {
  content: "\e684";
}
.cicon-scan:before {
  content: "\e703";
}
.cicon-scissors:before {
  content: "\e762";
}
.cicon-search:before {
  content: "\e6f7";
}
.cicon-search-line:before {
  content: "\e771";
}
.cicon-searchlist:before {
  content: "\e720";
}
.cicon-search-o:before {
  content: "\e782";
}
.cicon-search-sm:before {
  content: "\e631";
}
.cicon-service:before {
  content: "\e73d";
}
.cicon-service-fill:before {
  content: "\e704";
}
.cicon-service-o:before {
  content: "\e721";
}
.cicon-set:before {
  content: "\e773";
}
.cicon-set-list:before {
  content: "\e76f";
}
.cicon-set-o:before {
  content: "\e774";
}
.cicon-settings:before {
  content: "\e77a";
}
.cicon-settings-o:before {
  content: "\e780";
}
.cicon-share:before {
  content: "\e6c5";
}
.cicon-share-line-o:before {
  content: "\e74d";
}
.cicon-shengji:before {
  content: "\e747";
}
.cicon-shopping-cart:before {
  content: "\e685";
}
.cicon-shopping-cart-o:before {
  content: "\e676";
}
.cicon-show:before {
  content: "\e785";
}
.cicon-show-o:before {
  content: "\e787";
}
.cicon-shuffle:before {
  content: "\e61a";
}
.cicon-sip:before {
  content: "\e764";
}
.cicon-sip-o:before {
  content: "\e765";
}
.cicon-skip-next:before {
  content: "\e6dd";
}
.cicon-skip-previous:before {
  content: "\e6d6";
}
.cicon-slack:before {
  content: "\e87b";
}
.cicon-slack-square:before {
  content: "\e891";
}
.cicon-sort:before {
  content: "\e6bf";
}
.cicon-sort-order:before {
  content: "\e6fe";
}
.cicon-sound:before {
  content: "\e77b";
}
.cicon-sponsor:before {
  content: "\e77c";
}
.cicon-sponsor-o:before {
  content: "\e77d";
}
.cicon-star:before {
  content: "\e683";
}
.cicon-star-half:before {
  content: "\e67c";
}
.cicon-star-o:before {
  content: "\e67b";
}
.cicon-stock:before {
  content: "\e789";
}
.cicon-stop:before {
  content: "\e6db";
}
.cicon-store:before {
  content: "\e7ac";
}
.cicon-store-0:before {
  content: "\e7ab";
}
.cicon-store-2:before {
  content: "\e7a7";
}
.cicon-store-2-o:before {
  content: "\e7a5";
}
.cicon-sub-left:before {
  content: "\e60b";
}
.cicon-sub-right:before {
  content: "\e60f";
}
.cicon-subtitles:before {
  content: "\e6da";
}
.cicon-subtitles-o:before {
  content: "\e6d8";
}
.cicon-sync-alt:before {
  content: "\e613";
}
.cicon-tag:before {
  content: "\e751";
}
.cicon-tag-o:before {
  content: "\e752";
}
.cicon-taobao:before {
  content: "\e712";
}
.cicon-terminal:before {
  content: "\e7c1";
}
.cicon-terminal-o:before {
  content: "\e7c2";
}
.cicon-thumb-down:before {
  content: "\e6c1";
}
.cicon-thumb-down-o:before {
  content: "\e6c9";
}
.cicon-thumb-up:before {
  content: "\e6c6";
}
.cicon-thumb-up-line:before {
  content: "\e71b";
}
.cicon-thumb-up-line-o:before {
  content: "\e6eb";
}
.cicon-thumb-up-o:before {
  content: "\e6cb";
}
.cicon-ticket:before {
  content: "\e800";
}
.cicon-ticket-o:before {
  content: "\e701";
}
.cicon-time:before {
  content: "\e6f8";
}
.cicon-time-o:before {
  content: "\e6f9";
}
.cicon-timer:before {
  content: "\e69c";
}
.cicon-title:before {
  content: "\e82f";
}
.cicon-titles:before {
  content: "\e745";
}
.cicon-toggle:before {
  content: "\e706";
}
.cicon-toggle-o:before {
  content: "\e733";
}
.cicon-topbar:before {
  content: "\e788";
}
.cicon-translate:before {
  content: "\e79a";
}
.cicon-tree:before {
  content: "\e659";
}
.cicon-Tt:before {
  content: "\e7a2";
}
.cicon-twiter:before {
  content: "\e6e8";
}
.cicon-cicon-community-o:before {
  content: "\e6df";
}
.cicon-undo:before {
  content: "\e61b";
}
.cicon-unfold-less:before {
  content: "\e60e";
}
.cicon-unfold-more:before {
  content: "\e609";
}
.cicon-upstage:before {
  content: "\e724";
}
.cicon-upstage-o:before {
  content: "\e725";
}
.cicon-view-agenda:before {
  content: "\e639";
}
.cicon-view-array:before {
  content: "\e636";
}
.cicon-view-carousel:before {
  content: "\e638";
}
.cicon-view-column:before {
  content: "\e632";
}
.cicon-view-day:before {
  content: "\e627";
}
.cicon-view-headline:before {
  content: "\e62b";
}
.cicon-view-list:before {
  content: "\e63c";
}
.cicon-view-module:before {
  content: "\e629";
}
.cicon-view-quilt:before {
  content: "\e630";
}
.cicon-volume:before {
  content: "\e6c4";
}
.cicon-volume-off:before {
  content: "\e6cd";
}
.cicon-warn:before {
  content: "\e662";
}
.cicon-warn-o:before {
  content: "\e675";
}
.cicon-wechat-pay:before {
  content: "\e7e6";
}
.cicon-weibo-fill:before {
  content: "\e7e4";
}
.cicon-weibo-o:before {
  content: "\e7e3";
}
.cicon-weixin:before {
  content: "\e6de";
}
.cicon-whatshot:before {
  content: "\e6ca";
}
.cicon-whatshot-o:before {
  content: "\e6d0";
}
.cicon-wifi:before {
  content: "\e6d2";
}
.cicon-wifi-off:before {
  content: "\e6d3";
}
.cicon-yamaxun:before {
  content: "\e7b7";
}
.cicon-zuoji:before {
  content: "\e754";
}
@font-face {
  font-family: "sheepicon";
  src: url("data:application/x-font-woff2;charset=utf-8;base64,[encoded data, 5056 characters]") format("woff2");
}
[class*=sicon-] {
  font-family: "sheepicon";
  display: inline-block;
}
.sicon-edit:before {
  content: "\e711";
}
.sicon-basic:before {
  content: "\e712";
}
.sicon-home:before {
  content: "\e70c";
}
.sicon-more:before {
  content: "\e707";
}
.sicon-check-line:before {
  content: "\e708";
}
.sicon-transport:before {
  content: "\e709";
}
.sicon-goods-card:before {
  content: "\e70a";
}
.sicon-collect:before {
  content: "\e70b";
}
.sicon-warning-line:before {
  content: "\e70d";
}
.sicon-score1:before {
  content: "\e70e";
}
.sicon-score2:before {
  content: "\e70f";
}
.sicon-goods-list:before {
  content: "\e710";
}
.sicon-back:before {
  content: "\e706";
}
.sicon-unchecked:before {
  content: "\e703";
}
.sicon-warning-outline:before {
  content: "\e6ff";
}
.sicon-question-outline:before {
  content: "\e700";
}
.sicon-circlecheck:before {
  content: "\e701";
}
.sicon-circleclose:before {
  content: "\e702";
}
.sicon-delivery:before {
  content: "\e6fd";
}
.sicon-orders:before {
  content: "\e6fe";
}
.sicon-qrcode:before {
  content: "\e6f9";
}
.icon-spin {
  animation: icon-spin 2s infinite linear;
}
.icon-pulse {
  animation: icon-spin 1s infinite steps(8);
}
@keyframes icon-spin {
0% {
    transform: rotate(0deg);
}
100% {
    transform: rotate(359deg);
}
}
.icon-90 {
  transform: rotate(90deg);
}
.icon-180 {
  transform: rotate(180deg);
}
.icon-270 {
  transform: rotate(270deg);
}
.icon-x {
  transform: scale(-1, 1);
}
.icon-y {
  transform: scale(1, -1);
}
.icon-fw {
  width: 1.2857142857em;
  text-align: center;
}
.icon-xs {
  transform: scale(0.5);
}
.icon-sm {
  transform: scale(0.75);
}
.icon-df {
  transform: scale(1);
}
.icon-lg {
  transform: scale(1.25);
}
.icon-xl {
  transform: scale(1.5);
}
.icon-xxl {
  transform: scale(2);
}
.icon-sl {
  transform: scale(6);
}
.icon-xsl {
  transform: scale(10);
}
.ui-btn-box {
  display: inline-block;
}
.ui-btn {
  position: relative;
  border: 0rpx;
  display: inline-block;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  padding: 0.7857em 1.5em 0.7857em;
  font-size: 28rpx;
  line-height: 1em;
  text-align: center;
  text-decoration: none;
  overflow: visible;
  margin: 0 0.25em 0 0;
  transform: translate(0rpx, 0rpx);
  border-radius: 10rpx;
  white-space: nowrap;
  color: var(--text-a);
  background-color: var(--ui-BG);
  vertical-align: baseline;
}
.ui-btn:first-child:last-child {
  margin: 0;
}
.ui-btn:not([class*=round])::after {
  border-radius: calc(10rpx * 2);
}
.ui-btn:not([class*=border])::after {
  display: none;
}
.ui-btn.round::after {
  border-radius: 1000rpx;
}
.ui-btn.icon {
  padding: 0.8em 0.8em;
}
.ui-btn.sm {
  font-size: 24rpx;
}
.ui-btn.lg {
  font-size: 32rpx;
}
.ui-btn.xl {
  font-size: 36rpx;
}
.ui-btn.block {
  width: 100%;
  display: block;
  font-size: 32rpx;
}
.ui-btn[disabled] {
  opacity: 0.6;
}
.ui-btn.none-style {
  background-color: transparent !important;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  display: flex;
}
.ui-btn:not(.icon) [class*=icon-] {
  margin: 0 0.25em;
}
.ui-table {
  background-color: var(--ui-BG);
  max-width: 100%;
  display: table;
}
.ui-table.table-full {
  width: 100%;
}
.ui-table.table-radius {
  border-radius: 10rpx;
}
.ui-table.table-radius .ui-table-header .ui-table-tr {
  border-top-left-radius: 10rpx;
  border-top-right-radius: 10rpx;
}
.ui-table.table-radius .ui-table-header .ui-table-th:first-child {
  border-top-left-radius: 10rpx;
}
.ui-table.table-radius .ui-table-header .ui-table-th:last-child {
  border-top-right-radius: 10rpx;
}
.ui-table .ui-table-header {
  display: table-header-group;
}
.ui-table .ui-table-header .ui-table-th {
  font-weight: bold;
  border-bottom: 1px solid var(--ui-Border);
  white-space: nowrap;
  padding: 1em 0.8em;
}
.ui-table .ui-table-tr {
  display: table-row;
  z-index: 1;
}
.ui-table .ui-table-body {
  display: table-row-group;
  position: relative;
}
.ui-table .ui-table-body .ui-table-tr:hover {
  background-color: var(--ui-BG-1) !important;
}
.ui-table .ui-table-body .ui-table-loading {
  min-height: 300px;
  position: absolute !important;
  width: 100%;
  height: 100%;
  z-index: 2;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid var(--ui-Border);
}
.ui-table .ui-table-td,
.ui-table .ui-table-th {
  display: table-cell;
  text-align: unset;
  padding: 0.5em 0.8em;
  vertical-align: middle;
}
.ui-table.table-border, .ui-table.table-border .ui-table-td, .ui-table.table-border .ui-table-th {
  position: relative;
}
.ui-table.table-border::after, .ui-table.table-border .ui-table-td::after, .ui-table.table-border .ui-table-th::after {
  content: " ";
  width: 200%;
  height: 200%;
  position: absolute;
  top: 0;
  left: 0;
  border-radius: inherit;
  transform: scale(0.5);
  transform-origin: 0 0;
  pointer-events: none;
  box-sizing: border-box;
  border: 1px solid var(--ui-Border);
  z-index: 1;
}
.ui-table.table-border .ui-table-td::after,
.ui-table.table-border .ui-table-th::after {
  border-width: 1px 1px 0 0;
}
.ui-table.table-border .ui-table-td:last-child::after,
.ui-table.table-border .ui-table-th:last-child::after {
  border-right: none;
}
.ui-table.table-radius::after {
  border-radius: calc(10rpx * 2);
}
.ui-table.table-radius .ui-table-tr .ui-table-th:first-child {
  border-top-left-radius: calc(10rpx * 2);
}
.ui-table.table-radius .ui-table-tr .ui-table-th:last-child {
  border-top-right-radius: calc(10rpx * 2);
}
.ui-table.table-radius .ui-table-tr:last-child .ui-table-td:first-child {
  border-bottom-left-radius: 10rpx;
}
.ui-table.table-radius .ui-table-tr:last-child .ui-table-td:last-child {
  border-bottom-right-radius: 10rpx;
}
.ui-table.table-striped > .ui-table-body > .ui-table-tr:nth-child(2n+1),
.ui-table.table-striped > .ui-table-body > .ui-table-tr:nth-child(2n+1) {
  background-color: var(--ui-BG-1);
}
.table-responsive {
  width: inherit;
  height: 100%;
  max-width: 100%;
  overflow: hidden;
  box-sizing: border-box;
}
.table-responsive .table-responsive-box {
  position: relative;
  overflow: hidden;
}
.ui-code {
  font-family: Monaco, Menlo, Consolas, "Courier New";
  font-size: 90%;
  position: relative;
  z-index: 1;
  color: var(--ui-TC);
}
.ui-code .ui-rich-text {
  display: inline-block;
}
.ui-code.code {
  display: inline-block;
  padding: 0 10rpx;
  margin: 0 10rpx;
  border-radius: 6rpx;
  line-height: 1.6;
  vertical-align: baseline;
}
.ui-code.pre {
  display: block;
  margin: 1em 0;
  line-height: 1.6;
}
.ui-code.pre.hasTitle {
  margin: 3.2em 0 1em;
}
.ui-code.pre .ui-code-title {
  position: absolute;
  top: -2.2em;
  color: var(--ui-TC-2);
  left: 0;
}
.ui-code.pre .ui-rich-text {
  padding: 40rpx;
  white-space: pre-wrap;
  word-break: break-all;
  word-wrap: break-word;
}
.ui-code.pre .ui-scroll-view.ui-scroll {
  max-height: 500px;
  white-space: pre;
}
.ui-code.pre .ui-copy-btn {
  position: absolute;
  z-index: 2;
  top: 0;
  right: 0;
  padding: 0.8em;
  border-radius: 0 6rpx 0 6rpx;
}
/* ==================
         表单
 ==================== */
.ui-form-item {
  padding: 1rpx 24rpx;
  display: flex;
  align-items: center;
  min-height: 100rpx;
  justify-content: space-between;
}
.ui-form-item .title {
  text-align: justify;
  padding-right: 30rpx;
  font-size: 30rpx;
  position: relative;
  height: 60rpx;
  line-height: 60rpx;
}
.ui-form-item .content {
  flex: 1;
}
.ui-form-item input,
.ui-form-item ui-input {
  flex: 1;
  font-size: 30rpx;
  color: #555;
  padding-right: 20rpx;
}
.ui-form-item text[class*=icon-] {
  font-size: 36rpx;
  padding: 0;
  box-sizing: border-box;
}
.ui-form-item textarea {
  margin: 32rpx 0 30rpx;
  height: 4.6em;
  width: 100%;
  line-height: 1.2em;
  flex: 1;
  font-size: 28rpx;
  padding: 0;
}
.ui-form-item picker,
.ui-form-item .arrow {
  flex: 1;
  padding-right: 40rpx;
  overflow: hidden;
  position: relative;
}
.ui-form-item picker .picker,
.ui-form-item .arrow > view {
  line-height: 100rpx;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  width: 100%;
}
.ui-form-item picker::after,
.ui-form-item .arrow::after {
  font-family: "ui";
  display: block;
  content: "\e605";
  position: absolute;
  font-size: 34rpx;
  color: #8799a3;
  line-height: 100rpx;
  width: 60rpx;
  text-align: center;
  top: 0;
  bottom: 0;
  right: -20rpx;
  margin: auto;
}
.ui-form-item textarea[disabled],
.ui-form-item textarea[disabled] .placeholder {
  color: transparent;
}
.ui-form-item.align-start .title {
  height: 1em;
  margin-top: 32rpx;
  line-height: 1em;
}
.ui-form-item .grid-square > view {
  background-color: #f8f8f8;
  border-radius: 12rpx;
}
.ui-form-item .grid-square > view .mask {
  background-color: rgba(0, 0, 0, 0.6);
  position: absolute;
  font-size: 20rpx;
  color: #ffffff;
  width: 100%;
  bottom: 0;
  text-align: center;
  padding: 6rpx 0;
}
.ui-form-item .grid-square > view .mask.red-mask {
  background-color: rgba(255, 80, 80, 0.6);
}
.ui-form-item .grid-square > view [class*=icon] {
  position: absolute;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  transform: scale(1.5);
  justify-content: center;
}
.ui-form-item .grid-square > view .text-gray {
  position: absolute;
  width: 100%;
  font-size: 24rpx;
  text-align: center;
  bottom: 20rpx;
}
.disabled {
  opacity: 0.6;
  cursor: not-allowed !important;
}
.ui-menu {
  background-color: var(--ui-BG);
}
.ui-menu-item {
  position: relative;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  min-height: 4em;
  padding: 0 30rpx;
}
.ui-menu-item .ui-menu-item-icon {
  width: 1.7em;
  margin-right: 0.3em;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  transform: scale(1.3);
}
.ui-menu-item .ui-menu-item-icon .ui-menu-item-image {
  width: 1.2em;
  height: 1.2em;
  display: inline-block;
}
.ui-menu-item .ui-menu-item-content {
  flex: 1;
  position: relative;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.ui-menu-item .ui-menu-item-arrow {
  width: 1.6em;
  text-align: center;
  color: var(--ui-TC-3);
}
.ui-menu-item::after {
  content: " ";
  width: calc(200% - 120rpx);
  left: 30rpx;
  position: absolute;
  top: 0;
  box-sizing: border-box;
  height: 200%;
  border-top: 1px solid var(--ui-Border);
  border-radius: inherit;
  transform: scale(1);
  transform-origin: 0 0;
  pointer-events: none;
}
.ui-menu-item.first-item::after {
  display: none;
}
.ui-menu-item:first-child::after {
  display: none;
}
.cu-markdown {
  position: relative;
  z-index: 1;
}
.cu-markdown.selectable {
  cursor: auto;
  -webkit-user-select: text;
          user-select: text;
}
.cu-markdown inline {
  display: inline-block;
}
.cu-markdown .list .list-item {
  line-height: 1.8;
}
.cu-markdown .list .list-item .list {
  margin-left: 1.28571em;
}
.cu-markdown .list .list-item .list .ui-title {
  transform: scale(0.6);
}
.cu-markdown .list .list-item .list .ui-title:before {
  content: "\e716";
}
.cu-markdown .list .list-item-p {
  position: relative;
  padding-left: 1.5em;
}
.cu-markdown .list .list-item-p .list-item-t {
  display: block;
  width: 1.3em;
  text-align: center;
  position: absolute;
  left: 0;
}
.cu-markdown .md-table + .md-table {
  margin-top: 30rpx;
}
.paragraph, .blockquote {
  margin: 0 0 40rpx;
  line-height: 1.8;
}
.blockquote {
  padding: 20rpx 30rpx;
  border-left-style: solid;
  border-left-width: 10rpx;
  border-color: var(--ui-Border);
  background: none repeat scroll 0 0 rgba(102, 128, 153, 0.05);
}
.blockquote .paragraph, .blockquote .blockquote {
  margin-bottom: 30rpx;
}
.blockquote .paragraph:last-child, .blockquote .blockquote:last-child {
  margin-bottom: 0;
}
/* ==================
         卡片
 ==================== */
.ui-cards {
  display: block;
  overflow: hidden;
}
.ui-cards .ui-btn.badge {
  top: 0;
  right: 0;
  font-size: 24rpx;
  padding: 0rpx 15rpx;
  height: 40rpx;
}
.ui-cards.no-card > .ui-item {
  margin: 0rpx;
  border-radius: 0rpx;
}
.ui-cards > .ui-item {
  display: block;
  overflow: hidden;
  border-radius: 10rpx;
  margin: 30rpx;
}
.ui-cards > .ui-item.shadow-blur {
  overflow: initial;
}
.ui-cards .grid.grid-square {
  margin-bottom: -20rpx;
}
.ui-cards.article {
  display: block;
}
.ui-cards.article > .ui-item {
  padding: 30rpx;
  background-color: var(--box-bg);
  display: flex;
  align-items: flex-start;
}
.ui-cards.article > .time {
  padding: 30rpx 0 0 30rpx;
}
.ui-cards.article > .ui-item .title {
  font-size: 30rpx;
  font-weight: 900;
  color: #333333;
}
.ui-cards.article > .ui-item .content {
  flex: 1;
}
.ui-cards.article > .ui-item > image {
  width: 240rpx;
  height: 6.4em;
  margin-left: 20rpx;
  border-radius: 6rpx;
}
.ui-cards.article > .ui-item .content .desc {
  font-size: 12px;
  color: var(--text-c);
}
.ui-cards.article > .ui-item .content .text-content {
  font-size: 28rpx;
  color: #888;
}
.ui-cards.case .image {
  position: relative;
}
.ui-cards.case .image image {
  width: 100%;
  display: block;
}
.ui-cards.case .image .ui-tag {
  position: absolute;
  right: 0;
  top: 0;
}
.ui-cards.case .image .ui-bar {
  position: absolute;
  bottom: 0;
  width: 100%;
  background-color: transparent;
  padding: 0rpx 30rpx;
}
.ui-cards.case .image .bg-black {
  position: absolute;
  bottom: 0;
  width: 100%;
  background-color: rgba(0, 0, 0, 0.6);
}
.ui-cards.case.no-card .image {
  margin: 30rpx 30rpx 0;
  overflow: hidden;
  border-radius: 10rpx;
}
.ui-cards.dynamic {
  display: block;
}
.ui-cards.dynamic > .ui-item {
  display: block;
  overflow: hidden;
}
.ui-cards.dynamic > .ui-item > .text-content {
  padding: 0 30rpx 0;
  font-size: 30rpx;
  margin-bottom: 20rpx;
}
.ui-cards.dynamic > .ui-item .square-img {
  width: 100%;
  height: 200rpx;
  border-radius: 6rpx;
}
.ui-cards.dynamic > .ui-item .only-img {
  width: 100%;
  height: 320rpx;
  border-radius: 6rpx;
}
.ui-cards.goods {
  display: block;
}
.ui-cards.goods > .ui-item {
  padding: 30rpx;
  display: flex;
  position: relative;
  background-color: var(--ui-BG);
}
.ui-cards.goods > .ui-item + .ui-item {
  border-top: 1rpx solid #eeeeee;
}
.ui-cards.goods > .ui-item .content {
  width: 410rpx;
  padding: 0rpx;
}
.ui-cards.goods > .ui-item .title {
  font-size: 30rpx;
  font-weight: 900;
  color: #333333;
  line-height: 1.4;
  height: 1.4em;
  overflow: hidden;
}
.ui-cards.goods.col-goods.col-twice {
  display: flex;
  flex-wrap: wrap;
  padding-bottom: 30rpx;
}
.ui-cards.goods.col-goods.col-twice > .ui-item {
  width: calc(50% - 30rpx);
  margin: 20rpx 20rpx 0rpx 20rpx;
}
.ui-cards.goods.col-goods.col-twice > .ui-item .content {
  padding: 20rpx;
}
.ui-cards.goods.col-goods.col-twice > .ui-item:nth-child(2n) {
  margin-left: 0rpx;
}
.ui-cards.goods.col-goods > .ui-item {
  padding: 0rpx;
  display: block;
  border: 0px;
}
.ui-cards.goods.col-goods > .ui-item .content {
  width: 100%;
  padding: 30rpx;
}
.ui-cards.goods.no-card > .ui-item .content {
  width: 470rpx;
  padding: 0rpx;
}
.ui-cards.goods.no-card > .ui-item .title, .ui-cards.goods.col-goods > .ui-item .title {
  height: 3em;
  overflow: hidden;
}
.ui-cards.goods > .ui-item .text-linecut-2 {
  -webkit-line-clamp: 1;
}
.ui-cards.goods.no-card > .ui-item .text-linecut-2, .ui-cards.goods.col-goods > .ui-item .text-linecut-2 {
  -webkit-line-clamp: 2;
  line-height: 1.6em;
  height: 3.2em;
}
.ui-cards.goods > .ui-item > image {
  width: 200rpx;
  height: 200rpx;
  margin-right: 20rpx;
  border-radius: 6rpx;
}
.ui-cards.goods.no-card > .ui-item > image {
  width: 220rpx;
  height: 170rpx;
}
.ui-cards.goods.col-goods > .ui-item > image {
  width: 100%;
  height: 340rpx;
  border-bottom-left-radius: 0rpx;
  border-bottom-right-radius: 0rpx;
  display: block;
}
.ui-cards.goods.col-goods.col-twice > .ui-item > image {
  height: 236rpx;
}
.ui-cards.loan {
  display: block;
}
.ui-cards.loan > .ui-item {
  padding: 30rpx 0 30rpx 30rpx;
  display: flex;
  position: relative;
  background-color: var(--box-bg);
}
.ui-cards.loan > .ui-item .content {
  width: 450rpx;
  padding: 0rpx;
}
.ui-cards.loan > .ui-item .content .tag-list {
  width: 450rpx;
  display: flex;
  flex-wrap: wrap;
  font-size: 12px;
  margin-top: 18rpx;
}
.ui-cards.loan > .ui-item .action {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
.ui-cards.houses {
  display: block;
}
.ui-cards.houses > .ui-item {
  padding: 20rpx;
  display: flex;
  position: relative;
  background-color: var(--box-bg);
}
.ui-cards.houses > .ui-item .image {
  width: 230rpx;
  height: 180rpx;
  margin-right: 20rpx;
  border-radius: 6rpx;
}
.ui-cards.houses > .ui-item .content {
  width: 400rpx;
  padding: 0rpx;
}
.ui-cards.houses > .ui-item .content .tag-list {
  width: 400rpx;
  display: flex;
  flex-wrap: wrap;
  font-size: 12px;
  margin-top: 10rpx;
}
.ui-cards.houses > .ui-item .content .tag-list .ui-item {
  height: 20px;
  line-height: 20px;
}
.ui-cards.houses > .ui-item .action {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
.ui-cards.product {
  display: flex;
  flex-wrap: wrap;
  padding-bottom: 30rpx;
}
.ui-cards.product > .ui-item {
  width: calc(100% - 15rpx);
  margin: 20rpx 20rpx 0rpx 20rpx;
  background-color: var(--box-bg);
  position: relative;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}
.ui-cards.product > .ui-item .content {
  padding: 20rpx;
}
.ui-cards.product > .ui-item .content .text-cut {
  font-size: 16px;
}
.ui-cards.product > .ui-item .image {
  width: 100%;
  height: 240rpx;
  border-radius: 6rpx 0 0 6rpx;
  display: block;
}
.ui-cards.product > .ui-item .ui-progress-tag {
  width: 4em;
  text-align: right;
  font-size: 12px;
}
.ui-cards.product > .ui-item .border-top {
  width: 100%;
}
.ui-cards.product > .ui-item .ui-tag {
  position: absolute;
  top: 0;
  left: 0;
  border-radius: 6rpx 0 6rpx 0;
}
.ui-cards.shop {
  display: flex;
  flex-wrap: wrap;
  padding-bottom: 30rpx;
}
.ui-cards.shop > .ui-item {
  width: calc(50% - 30rpx);
  margin: 20rpx 20rpx 0rpx 20rpx;
  background-color: var(--box-bg);
  padding: 20rpx;
}
.ui-cards.shop > .ui-item .content {
  margin-top: 15rpx;
}
.ui-cards.shop > .ui-item .image {
  width: 100%;
  height: 285rpx;
  border-radius: 6rpx;
  display: block;
}
.ui-cards.shop > .ui-item:nth-child(2n) {
  margin-left: 0rpx;
}
.ui-cards.orders .ui-item {
  margin-top: 30rpx;
}
.ui-cards.orders .ui-item .address-box {
  padding: 15rpx;
  margin: 0 30rpx 30rpx;
  border: 1px solid;
  border-color: var(--main-a);
  border-radius: 10px;
  position: relative;
}
.ui-cards.orders .ui-item .address-box .ui-form-group {
  min-height: 10px;
}
/* 字体文件 */
@font-face {
  font-family: OPPOSANS;
  src: url("data:font/ttf;base64,[encoded data, 13112 characters]");
}
.font-OPPOSANS {
  font-family: OPPOSANS;
}
page {
  -webkit-overflow-scrolling: touch;
  height: 100%;
  width: 100%;
  word-break: break-all;
  white-space: normal;
  background-color: #f6f6f6;
  color: #333333;
}
::-webkit-scrollbar {
  width: 0;
  height: 0;
  color: transparent;
  display: none;
}page{--status-bar-height:25px;--top-window-height:0px;--window-top:0px;--window-bottom:0px;--window-left:0px;--window-right:0px;--window-magin:0px}[data-c-h="true"]{display: none !important;}