mall-front-app/unpackage/dist/dev/app-plus/pages/commission/promoter.css

/**
 * 这里是uni-app内置的常用样式变量
 *
 * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 *
 */
/**
 * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
 *
 * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
 */
/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
.uni-status-bar[data-v-78e027a3] {
  height: var(--status-bar-height);
}
/**
 * 这里是uni-app内置的常用样式变量
 *
 * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 *
 */
/**
 * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
 *
 * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
 */
/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
.uniui-color[data-v-d31e1c47]:before {
  content: "\e6cf";
}
.uniui-wallet[data-v-d31e1c47]:before {
  content: "\e6b1";
}
.uniui-settings-filled[data-v-d31e1c47]:before {
  content: "\e6ce";
}
.uniui-auth-filled[data-v-d31e1c47]:before {
  content: "\e6cc";
}
.uniui-shop-filled[data-v-d31e1c47]:before {
  content: "\e6cd";
}
.uniui-staff-filled[data-v-d31e1c47]:before {
  content: "\e6cb";
}
.uniui-vip-filled[data-v-d31e1c47]:before {
  content: "\e6c6";
}
.uniui-plus-filled[data-v-d31e1c47]:before {
  content: "\e6c7";
}
.uniui-folder-add-filled[data-v-d31e1c47]:before {
  content: "\e6c8";
}
.uniui-color-filled[data-v-d31e1c47]:before {
  content: "\e6c9";
}
.uniui-tune-filled[data-v-d31e1c47]:before {
  content: "\e6ca";
}
.uniui-calendar-filled[data-v-d31e1c47]:before {
  content: "\e6c0";
}
.uniui-notification-filled[data-v-d31e1c47]:before {
  content: "\e6c1";
}
.uniui-wallet-filled[data-v-d31e1c47]:before {
  content: "\e6c2";
}
.uniui-medal-filled[data-v-d31e1c47]:before {
  content: "\e6c3";
}
.uniui-gift-filled[data-v-d31e1c47]:before {
  content: "\e6c4";
}
.uniui-fire-filled[data-v-d31e1c47]:before {
  content: "\e6c5";
}
.uniui-refreshempty[data-v-d31e1c47]:before {
  content: "\e6bf";
}
.uniui-location-filled[data-v-d31e1c47]:before {
  content: "\e6af";
}
.uniui-person-filled[data-v-d31e1c47]:before {
  content: "\e69d";
}
.uniui-personadd-filled[data-v-d31e1c47]:before {
  content: "\e698";
}
.uniui-back[data-v-d31e1c47]:before {
  content: "\e6b9";
}
.uniui-forward[data-v-d31e1c47]:before {
  content: "\e6ba";
}
.uniui-arrow-right[data-v-d31e1c47]:before {
  content: "\e6bb";
}
.uniui-arrowthinright[data-v-d31e1c47]:before {
  content: "\e6bb";
}
.uniui-arrow-left[data-v-d31e1c47]:before {
  content: "\e6bc";
}
.uniui-arrowthinleft[data-v-d31e1c47]:before {
  content: "\e6bc";
}
.uniui-arrow-up[data-v-d31e1c47]:before {
  content: "\e6bd";
}
.uniui-arrowthinup[data-v-d31e1c47]:before {
  content: "\e6bd";
}
.uniui-arrow-down[data-v-d31e1c47]:before {
  content: "\e6be";
}
.uniui-arrowthindown[data-v-d31e1c47]:before {
  content: "\e6be";
}
.uniui-bottom[data-v-d31e1c47]:before {
  content: "\e6b8";
}
.uniui-arrowdown[data-v-d31e1c47]:before {
  content: "\e6b8";
}
.uniui-right[data-v-d31e1c47]:before {
  content: "\e6b5";
}
.uniui-arrowright[data-v-d31e1c47]:before {
  content: "\e6b5";
}
.uniui-top[data-v-d31e1c47]:before {
  content: "\e6b6";
}
.uniui-arrowup[data-v-d31e1c47]:before {
  content: "\e6b6";
}
.uniui-left[data-v-d31e1c47]:before {
  content: "\e6b7";
}
.uniui-arrowleft[data-v-d31e1c47]:before {
  content: "\e6b7";
}
.uniui-eye[data-v-d31e1c47]:before {
  content: "\e651";
}
.uniui-eye-filled[data-v-d31e1c47]:before {
  content: "\e66a";
}
.uniui-eye-slash[data-v-d31e1c47]:before {
  content: "\e6b3";
}
.uniui-eye-slash-filled[data-v-d31e1c47]:before {
  content: "\e6b4";
}
.uniui-info-filled[data-v-d31e1c47]:before {
  content: "\e649";
}
.uniui-reload[data-v-d31e1c47]:before {
  content: "\e6b2";
}
.uniui-micoff-filled[data-v-d31e1c47]:before {
  content: "\e6b0";
}
.uniui-map-pin-ellipse[data-v-d31e1c47]:before {
  content: "\e6ac";
}
.uniui-map-pin[data-v-d31e1c47]:before {
  content: "\e6ad";
}
.uniui-location[data-v-d31e1c47]:before {
  content: "\e6ae";
}
.uniui-starhalf[data-v-d31e1c47]:before {
  content: "\e683";
}
.uniui-star[data-v-d31e1c47]:before {
  content: "\e688";
}
.uniui-star-filled[data-v-d31e1c47]:before {
  content: "\e68f";
}
.uniui-calendar[data-v-d31e1c47]:before {
  content: "\e6a0";
}
.uniui-fire[data-v-d31e1c47]:before {
  content: "\e6a1";
}
.uniui-medal[data-v-d31e1c47]:before {
  content: "\e6a2";
}
.uniui-font[data-v-d31e1c47]:before {
  content: "\e6a3";
}
.uniui-gift[data-v-d31e1c47]:before {
  content: "\e6a4";
}
.uniui-link[data-v-d31e1c47]:before {
  content: "\e6a5";
}
.uniui-notification[data-v-d31e1c47]:before {
  content: "\e6a6";
}
.uniui-staff[data-v-d31e1c47]:before {
  content: "\e6a7";
}
.uniui-vip[data-v-d31e1c47]:before {
  content: "\e6a8";
}
.uniui-folder-add[data-v-d31e1c47]:before {
  content: "\e6a9";
}
.uniui-tune[data-v-d31e1c47]:before {
  content: "\e6aa";
}
.uniui-auth[data-v-d31e1c47]:before {
  content: "\e6ab";
}
.uniui-person[data-v-d31e1c47]:before {
  content: "\e699";
}
.uniui-email-filled[data-v-d31e1c47]:before {
  content: "\e69a";
}
.uniui-phone-filled[data-v-d31e1c47]:before {
  content: "\e69b";
}
.uniui-phone[data-v-d31e1c47]:before {
  content: "\e69c";
}
.uniui-email[data-v-d31e1c47]:before {
  content: "\e69e";
}
.uniui-personadd[data-v-d31e1c47]:before {
  content: "\e69f";
}
.uniui-chatboxes-filled[data-v-d31e1c47]:before {
  content: "\e692";
}
.uniui-contact[data-v-d31e1c47]:before {
  content: "\e693";
}
.uniui-chatbubble-filled[data-v-d31e1c47]:before {
  content: "\e694";
}
.uniui-contact-filled[data-v-d31e1c47]:before {
  content: "\e695";
}
.uniui-chatboxes[data-v-d31e1c47]:before {
  content: "\e696";
}
.uniui-chatbubble[data-v-d31e1c47]:before {
  content: "\e697";
}
.uniui-upload-filled[data-v-d31e1c47]:before {
  content: "\e68e";
}
.uniui-upload[data-v-d31e1c47]:before {
  content: "\e690";
}
.uniui-weixin[data-v-d31e1c47]:before {
  content: "\e691";
}
.uniui-compose[data-v-d31e1c47]:before {
  content: "\e67f";
}
.uniui-qq[data-v-d31e1c47]:before {
  content: "\e680";
}
.uniui-download-filled[data-v-d31e1c47]:before {
  content: "\e681";
}
.uniui-pyq[data-v-d31e1c47]:before {
  content: "\e682";
}
.uniui-sound[data-v-d31e1c47]:before {
  content: "\e684";
}
.uniui-trash-filled[data-v-d31e1c47]:before {
  content: "\e685";
}
.uniui-sound-filled[data-v-d31e1c47]:before {
  content: "\e686";
}
.uniui-trash[data-v-d31e1c47]:before {
  content: "\e687";
}
.uniui-videocam-filled[data-v-d31e1c47]:before {
  content: "\e689";
}
.uniui-spinner-cycle[data-v-d31e1c47]:before {
  content: "\e68a";
}
.uniui-weibo[data-v-d31e1c47]:before {
  content: "\e68b";
}
.uniui-videocam[data-v-d31e1c47]:before {
  content: "\e68c";
}
.uniui-download[data-v-d31e1c47]:before {
  content: "\e68d";
}
.uniui-help[data-v-d31e1c47]:before {
  content: "\e679";
}
.uniui-navigate-filled[data-v-d31e1c47]:before {
  content: "\e67a";
}
.uniui-plusempty[data-v-d31e1c47]:before {
  content: "\e67b";
}
.uniui-smallcircle[data-v-d31e1c47]:before {
  content: "\e67c";
}
.uniui-minus-filled[data-v-d31e1c47]:before {
  content: "\e67d";
}
.uniui-micoff[data-v-d31e1c47]:before {
  content: "\e67e";
}
.uniui-closeempty[data-v-d31e1c47]:before {
  content: "\e66c";
}
.uniui-clear[data-v-d31e1c47]:before {
  content: "\e66d";
}
.uniui-navigate[data-v-d31e1c47]:before {
  content: "\e66e";
}
.uniui-minus[data-v-d31e1c47]:before {
  content: "\e66f";
}
.uniui-image[data-v-d31e1c47]:before {
  content: "\e670";
}
.uniui-mic[data-v-d31e1c47]:before {
  content: "\e671";
}
.uniui-paperplane[data-v-d31e1c47]:before {
  content: "\e672";
}
.uniui-close[data-v-d31e1c47]:before {
  content: "\e673";
}
.uniui-help-filled[data-v-d31e1c47]:before {
  content: "\e674";
}
.uniui-paperplane-filled[data-v-d31e1c47]:before {
  content: "\e675";
}
.uniui-plus[data-v-d31e1c47]:before {
  content: "\e676";
}
.uniui-mic-filled[data-v-d31e1c47]:before {
  content: "\e677";
}
.uniui-image-filled[data-v-d31e1c47]:before {
  content: "\e678";
}
.uniui-locked-filled[data-v-d31e1c47]:before {
  content: "\e668";
}
.uniui-info[data-v-d31e1c47]:before {
  content: "\e669";
}
.uniui-locked[data-v-d31e1c47]:before {
  content: "\e66b";
}
.uniui-camera-filled[data-v-d31e1c47]:before {
  content: "\e658";
}
.uniui-chat-filled[data-v-d31e1c47]:before {
  content: "\e659";
}
.uniui-camera[data-v-d31e1c47]:before {
  content: "\e65a";
}
.uniui-circle[data-v-d31e1c47]:before {
  content: "\e65b";
}
.uniui-checkmarkempty[data-v-d31e1c47]:before {
  content: "\e65c";
}
.uniui-chat[data-v-d31e1c47]:before {
  content: "\e65d";
}
.uniui-circle-filled[data-v-d31e1c47]:before {
  content: "\e65e";
}
.uniui-flag[data-v-d31e1c47]:before {
  content: "\e65f";
}
.uniui-flag-filled[data-v-d31e1c47]:before {
  content: "\e660";
}
.uniui-gear-filled[data-v-d31e1c47]:before {
  content: "\e661";
}
.uniui-home[data-v-d31e1c47]:before {
  content: "\e662";
}
.uniui-home-filled[data-v-d31e1c47]:before {
  content: "\e663";
}
.uniui-gear[data-v-d31e1c47]:before {
  content: "\e664";
}
.uniui-smallcircle-filled[data-v-d31e1c47]:before {
  content: "\e665";
}
.uniui-map-filled[data-v-d31e1c47]:before {
  content: "\e666";
}
.uniui-map[data-v-d31e1c47]:before {
  content: "\e667";
}
.uniui-refresh-filled[data-v-d31e1c47]:before {
  content: "\e656";
}
.uniui-refresh[data-v-d31e1c47]:before {
  content: "\e657";
}
.uniui-cloud-upload[data-v-d31e1c47]:before {
  content: "\e645";
}
.uniui-cloud-download-filled[data-v-d31e1c47]:before {
  content: "\e646";
}
.uniui-cloud-download[data-v-d31e1c47]:before {
  content: "\e647";
}
.uniui-cloud-upload-filled[data-v-d31e1c47]:before {
  content: "\e648";
}
.uniui-redo[data-v-d31e1c47]:before {
  content: "\e64a";
}
.uniui-images-filled[data-v-d31e1c47]:before {
  content: "\e64b";
}
.uniui-undo-filled[data-v-d31e1c47]:before {
  content: "\e64c";
}
.uniui-more[data-v-d31e1c47]:before {
  content: "\e64d";
}
.uniui-more-filled[data-v-d31e1c47]:before {
  content: "\e64e";
}
.uniui-undo[data-v-d31e1c47]:before {
  content: "\e64f";
}
.uniui-images[data-v-d31e1c47]:before {
  content: "\e650";
}
.uniui-paperclip[data-v-d31e1c47]:before {
  content: "\e652";
}
.uniui-settings[data-v-d31e1c47]:before {
  content: "\e653";
}
.uniui-search[data-v-d31e1c47]:before {
  content: "\e654";
}
.uniui-redo-filled[data-v-d31e1c47]:before {
  content: "\e655";
}
.uniui-list[data-v-d31e1c47]:before {
  content: "\e644";
}
.uniui-mail-open-filled[data-v-d31e1c47]:before {
  content: "\e63a";
}
.uniui-hand-down-filled[data-v-d31e1c47]:before {
  content: "\e63c";
}
.uniui-hand-down[data-v-d31e1c47]:before {
  content: "\e63d";
}
.uniui-hand-up-filled[data-v-d31e1c47]:before {
  content: "\e63e";
}
.uniui-hand-up[data-v-d31e1c47]:before {
  content: "\e63f";
}
.uniui-heart-filled[data-v-d31e1c47]:before {
  content: "\e641";
}
.uniui-mail-open[data-v-d31e1c47]:before {
  content: "\e643";
}
.uniui-heart[data-v-d31e1c47]:before {
  content: "\e639";
}
.uniui-loop[data-v-d31e1c47]:before {
  content: "\e633";
}
.uniui-pulldown[data-v-d31e1c47]:before {
  content: "\e632";
}
.uniui-scan[data-v-d31e1c47]:before {
  content: "\e62a";
}
.uniui-bars[data-v-d31e1c47]:before {
  content: "\e627";
}
.uniui-cart-filled[data-v-d31e1c47]:before {
  content: "\e629";
}
.uniui-checkbox[data-v-d31e1c47]:before {
  content: "\e62b";
}
.uniui-checkbox-filled[data-v-d31e1c47]:before {
  content: "\e62c";
}
.uniui-shop[data-v-d31e1c47]:before {
  content: "\e62f";
}
.uniui-headphones[data-v-d31e1c47]:before {
  content: "\e630";
}
.uniui-cart[data-v-d31e1c47]:before {
  content: "\e631";
}
@font-face {
  font-family: uniicons;
  src: url("../../assets/uniicons.89ed7d6d.ttf") format("truetype");
}
.uni-icons[data-v-d31e1c47] {
  font-family: uniicons;
  text-decoration: none;
  text-align: center;
}
/**
 * 这里是uni-app内置的常用样式变量
 *
 * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 *
 */
/**
 * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
 *
 * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
 */
/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
.uni-searchbar[data-v-f07ef577] {
  display: flex;
  flex-direction: row;
  position: relative;
  padding: 5px;
}
.uni-searchbar__box[data-v-f07ef577] {
  display: flex;
  box-sizing: border-box;
  overflow: hidden;
  position: relative;
  flex: 1;
  flex-direction: row;
  align-items: center;
  height: 36px;
  padding: 5px 8px 5px 0px;
}
.uni-searchbar__box-icon-search[data-v-f07ef577] {
  display: flex;
  flex-direction: row;
  padding: 0 8px;
  justify-content: center;
  align-items: center;
  color: #B3B3B3;
}
.uni-searchbar__box-search-input[data-v-f07ef577] {
  flex: 1;
  font-size: 14px;
  color: #333;
}
.uni-searchbar__box-icon-clear[data-v-f07ef577] {
  align-items: center;
  line-height: 24px;
  padding-left: 8px;
}
.uni-searchbar__text-placeholder[data-v-f07ef577] {
  font-size: 14px;
  color: #B3B3B3;
  margin-left: 5px;
}
.uni-searchbar__cancel[data-v-f07ef577] {
  padding-left: 10px;
  line-height: 36px;
  font-size: 14px;
  color: #333333;
}
/**
 * 这里是uni-app内置的常用样式变量
 *
 * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 *
 */
/**
 * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
 *
 * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
 */
/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
.bg-main[data-v-305eaf98] {
  background: linear-gradient(90deg, var(--ui-BG-Main), var(--ui-BG-Main-gradient)) !important;
  color: #fff !important;
}
.icon-box[data-v-305eaf98] {
  background: #ffffff;
  box-shadow: 0px 0px 0.125rem rgba(51, 51, 51, 0.08), 0px 0.125rem 0.1875rem 0.0625rem rgba(102, 102, 102, 0.12);
  border-radius: 0.9375rem;
  width: 4.1875rem;
  height: 1.75rem;
  margin-left: 0.25rem;
}
.icon-box .line[data-v-305eaf98] {
  width: 0.0625rem;
  height: 0.75rem;
  background: #e5e5e7;
}
.icon-box .sicon-back[data-v-305eaf98] {
  font-size: 1rem;
  color: #000;
}
.icon-box .sicon-home[data-v-305eaf98] {
  font-size: 1rem;
  color: #000;
}
.icon-box .sicon-more[data-v-305eaf98] {
  font-size: 1rem;
  color: #000;
}
.icon-box .icon-button[data-v-305eaf98] {
  width: 2.09375rem;
  height: 1.75rem;
}
.icon-box .icon-button-left[data-v-305eaf98]:hover {
  background: rgba(0, 0, 0, 0.16);
  border-radius: 0.9375rem 0px 0px 0.9375rem;
}
.icon-box .icon-button-right[data-v-305eaf98]:hover {
  background: rgba(0, 0, 0, 0.16);
  border-radius: 0px 0.9375rem 0.9375rem 0px;
}
.fixed-bg[data-v-305eaf98] {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  z-index: 1;
  pointer-events: none;
}
.uni-nav-bar-text[data-v-305eaf98] {
  font-size: 1.0625rem;
}
.uni-nav-bar-right-text[data-v-305eaf98] {
  font-size: 12px;
}
.uni-navbar__content[data-v-305eaf98] {
  position: relative;
  background-color: transparent;
}
.uni-navbar-btn-text[data-v-305eaf98] {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  line-height: 18px;
}
.uni-navbar__header[data-v-305eaf98] {
  display: flex;
  padding: 0 10px;
  flex-direction: row;
  justify-content: space-between;
  height: 44px;
  font-size: 12px;
  position: relative;
  z-index: 2;
}
.uni-navbar__header-btns[data-v-305eaf98] {
  overflow: hidden;
  display: flex;
  flex-wrap: nowrap;
  flex-direction: row;
  min-width: 1.25rem;
  justify-content: center;
  align-items: center;
}
.uni-navbar__header-btns-left[data-v-305eaf98] {
  display: flex;
  width: 3.75rem;
  justify-content: flex-start;
  align-items: center;
}
.uni-navbar__header-btns-right[data-v-305eaf98] {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  align-items: center;
}
.uni-navbar__header-container[data-v-305eaf98] {
  position: absolute;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
  top: 50%;
}
.uni-navbar__header-container-inner[data-v-305eaf98] {
  display: flex;
  flex: 1;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  font-size: 12px;
  overflow: hidden;
}
.uni-navbar__placeholder-view[data-v-305eaf98] {
  height: 44px;
}
.uni-navbar--fixed[data-v-305eaf98] {
  position: fixed;
  z-index: 998;
  left: 0;
  right: 0;
}
.uni-navbar--shadow[data-v-305eaf98] {
  box-shadow: 0 1px 6px #ccc;
}
.uni-navbar--border[data-v-305eaf98] {
  border-bottom-width: 0.03125rem;
  border-bottom-style: solid;
  border-bottom-color: #eee;
}
.uni-ellipsis-1[data-v-305eaf98] {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
/**
 * 这里是uni-app内置的常用样式变量
 *
 * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 *
 */
/**
 * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
 *
 * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
 */
/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
.ui-fixed .ui-fixed-box[data-v-96c3469f] {
  position: relative;
  width: 100%;
}
.ui-fixed .ui-fixed-box.fixed[data-v-96c3469f] {
  position: fixed;
}
.ui-fixed .ui-fixed-box .ui-fixed-content[data-v-96c3469f] {
  position: relative;
}
.ui-fixed .ui-fixed-box .ui-fixed-bg[data-v-96c3469f] {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  z-index: 1;
  pointer-events: none;
}
.inset-bottom[data-v-96c3469f] {
  background: #fff;
}
/**
 * 这里是uni-app内置的常用样式变量
 *
 * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 *
 */
/**
 * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
 *
 * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
 */
/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
.ui-navbar-box[data-v-81e1f503] {
  background-color: transparent;
  width: 100%;
}
.ui-navbar-box .ui-bar[data-v-81e1f503] {
  position: relative;
  z-index: 2;
  white-space: nowrap;
  display: flex;
  position: relative;
  align-items: center;
  justify-content: space-between;
}
.ui-navbar-box .ui-bar .left[data-v-81e1f503] {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.ui-navbar-box .ui-bar .left .back[data-v-81e1f503] {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.ui-navbar-box .ui-bar .left .back .back-icon[data-v-81e1f503] {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 1.75rem;
  height: 1.75rem;
  margin: 0 0.3125rem;
  font-size: 1.4375rem !important;
}
.ui-navbar-box .ui-bar .left .back .back-icon.opacityIcon[data-v-81e1f503] {
  position: relative;
  border-radius: 50%;
  background-color: rgba(127, 127, 127, 0.5);
}
.ui-navbar-box .ui-bar .left .back .back-icon.opacityIcon[data-v-81e1f503]::after {
  content: "";
  display: block;
  position: absolute;
  height: 200%;
  width: 200%;
  left: 0;
  top: 0;
  border-radius: inherit;
  transform: scale(0.5);
  transform-origin: 0 0;
  opacity: 0.1;
  border: 1px solid currentColor;
  pointer-events: none;
}
.ui-navbar-box .ui-bar .left .back .back-icon.opacityIcon[data-v-81e1f503]::before {
  transform: scale(0.9);
}
.ui-navbar-box .ui-bar .left .capsule[data-v-81e1f503] {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-radius: 100px;
  position: relative;
}
.ui-navbar-box .ui-bar .left .capsule.dark[data-v-81e1f503] {
  background-color: rgba(255, 255, 255, 0.5);
}
.ui-navbar-box .ui-bar .left .capsule.light[data-v-81e1f503] {
  background-color: rgba(0, 0, 0, 0.15);
}
.ui-navbar-box .ui-bar .left .capsule[data-v-81e1f503]::after {
  content: "";
  display: block;
  position: absolute;
  height: 60%;
  width: 1px;
  left: 50%;
  top: 20%;
  background-color: currentColor;
  opacity: 0.1;
  pointer-events: none;
}
.ui-navbar-box .ui-bar .left .capsule[data-v-81e1f503]::before {
  content: "";
  display: block;
  position: absolute;
  height: 200%;
  width: 200%;
  left: 0;
  top: 0;
  border-radius: inherit;
  transform: scale(0.5);
  transform-origin: 0 0;
  opacity: 0.1;
  border: 1px solid currentColor;
  pointer-events: none;
}
.ui-navbar-box .ui-bar .left .capsule .capsule-back[data-v-81e1f503],
.ui-navbar-box .ui-bar .left .capsule .capsule-home[data-v-81e1f503] {
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 1;
}
.ui-navbar-box .ui-bar .left .capsule.isFristPage .capsule-back[data-v-81e1f503], .ui-navbar-box .ui-bar .left .capsule.isFristPage[data-v-81e1f503]::after {
  display: none;
}
.ui-navbar-box .ui-bar .right[data-v-81e1f503] {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.ui-navbar-box .ui-bar .right .right-content[data-v-81e1f503] {

  display: flex;

  flex-direction: row;
  flex-direction: row-reverse;
}
.ui-navbar-box .ui-bar .center[data-v-81e1f503] {
  display: flex;
  align-items: center;
  justify-content: center;
  text-overflow: ellipsis;
  text-align: center;
  flex: 1;
}
.ui-navbar-box .ui-bar .center .image[data-v-81e1f503] {
  display: block;
  height: 36px;
  max-width: calc(100vw - 200px);
}
.ui-navbar-box .ui-bar-bg[data-v-81e1f503] {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  z-index: 1;
  pointer-events: none;
}
/**
 * 这里是uni-app内置的常用样式变量
 *
 * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 *
 */
/**
 * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
 *
 * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
 */
/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
.border-content[data-v-1f3fe5bf] {
  border: 0.0625rem solid #eee;
}
.search-content[data-v-1f3fe5bf] {
  flex: 1;
  position: relative;
}
.search-content .search-icon[data-v-1f3fe5bf] {
  font-size: 1.1875rem;
  margin-right: 0.625rem;
}
.search-content .keyword-link[data-v-1f3fe5bf] {
  position: absolute;
  right: 0.5rem;
  top: 0.5625rem;
}
.search-content .search-input[data-v-1f3fe5bf] {
  font-size: 0.875rem;
}
/**
 * 这里是uni-app内置的常用样式变量
 *
 * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 *
 */
/**
 * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
 *
 * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
 */
/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
.nav-title[data-v-c063d35d] {
  font-size: 1.125rem;
  color: #333;
  text-align: center;
}
.menu-icon-wrap .nav-image[data-v-c063d35d] {
  height: 24px;
}
/**
 * 这里是uni-app内置的常用样式变量
 *
 * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 *
 */
/**
 * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
 *
 * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
 */
/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
.nav-box[data-v-6417c6b5] {
  width: 23.4375rem;
  position: relative;
  height: 100%;
}
.nav-box .nav-item[data-v-6417c6b5] {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
.nav-box .nav-icon[data-v-6417c6b5] {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0.625rem;
}
.nav-box .nav-icon .inner-icon-box[data-v-6417c6b5] {
  border: 1px solid rgba(255, 255, 255, 0.4);
  background: none !important;
}
.nav-box .nav-icon .icon-box[data-v-6417c6b5] {
  background: #ffffff;
  box-shadow: 0px 0px 0.125rem rgba(51, 51, 51, 0.08), 0px 0.125rem 0.1875rem 0.0625rem rgba(102, 102, 102, 0.12);
  border-radius: 0.9375rem;
  width: 4.1875rem;
  height: 1.75rem;
  margin-left: 0.25rem;
}
.nav-box .nav-icon .icon-box .line[data-v-6417c6b5] {
  width: 0.0625rem;
  height: 0.75rem;
  background: #e5e5e7;
}
.nav-box .nav-icon .icon-box .sicon-back[data-v-6417c6b5] {
  font-size: 1rem;
}
.nav-box .nav-icon .icon-box .sicon-home[data-v-6417c6b5] {
  font-size: 1rem;
}
.nav-box .nav-icon .icon-box .sicon-more[data-v-6417c6b5] {
  font-size: 1rem;
}
.nav-box .nav-icon .icon-box .icon-button[data-v-6417c6b5] {
  width: 2.09375rem;
  height: 1.75rem;
}
.nav-box .nav-icon .icon-box .icon-button-left[data-v-6417c6b5]:hover {
  background: rgba(0, 0, 0, 0.16);
  border-radius: 0.9375rem 0px 0px 0.9375rem;
}
.nav-box .nav-icon .icon-box .icon-button-right[data-v-6417c6b5]:hover {
  background: rgba(0, 0, 0, 0.16);
  border-radius: 0px 0.9375rem 0.9375rem 0px;
}
/**
 * 这里是uni-app内置的常用样式变量
 *
 * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 *
 */
/**
 * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
 *
 * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
 */
/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
.icon-box[data-v-374b2fee] {
  box-shadow: 0px 0px 0.125rem rgba(51, 51, 51, 0.08), 0px 0.125rem 0.1875rem 0.0625rem rgba(102, 102, 102, 0.12);
  border-radius: 0.9375rem;
  width: 4.1875rem;
  height: 1.75rem;
  margin-left: 0.25rem;
  border: 1px solid rgba(255, 255, 255, 0.4);
}
.icon-box .line[data-v-374b2fee] {
  width: 0.0625rem;
  height: 0.75rem;
  background: #e5e5e7;
}
.icon-box .sicon-back[data-v-374b2fee] {
  font-size: 1rem;
}
.icon-box .sicon-home[data-v-374b2fee] {
  font-size: 1rem;
}
.icon-box .sicon-more[data-v-374b2fee] {
  font-size: 1rem;
}
.icon-box .icon-button[data-v-374b2fee] {
  width: 2.09375rem;
  height: 1.75rem;
}
.icon-box .icon-button-left[data-v-374b2fee]:hover {
  background: rgba(0, 0, 0, 0.16);
  border-radius: 0.9375rem 0px 0px 0.9375rem;
}
.icon-box .icon-button-right[data-v-374b2fee]:hover {
  background: rgba(0, 0, 0, 0.16);
  border-radius: 0px 0.9375rem 0.9375rem 0px;
}
.navbar-title[data-v-374b2fee] {
  font-size: 1.125rem;
}
.tools-icon[data-v-374b2fee] {
  font-size: 1.25rem;
}
.ui-navbar-box[data-v-374b2fee] {
  background-color: transparent;
  width: 100%;
}
.ui-navbar-box .ui-bar[data-v-374b2fee] {
  position: relative;
  z-index: 2;
  white-space: nowrap;
  display: flex;
  position: relative;
  align-items: center;
  justify-content: space-between;
}
.ui-navbar-box .ui-bar .left[data-v-374b2fee] {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.ui-navbar-box .ui-bar .left .back[data-v-374b2fee] {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.ui-navbar-box .ui-bar .left .back .back-icon[data-v-374b2fee] {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 1.75rem;
  height: 1.75rem;
  margin: 0 0.3125rem;
  font-size: 1.4375rem !important;
}
.ui-navbar-box .ui-bar .left .back .back-icon.opacityIcon[data-v-374b2fee] {
  position: relative;
  border-radius: 50%;
  background-color: rgba(127, 127, 127, 0.5);
}
.ui-navbar-box .ui-bar .left .back .back-icon.opacityIcon[data-v-374b2fee]::after {
  content: "";
  display: block;
  position: absolute;
  height: 200%;
  width: 200%;
  left: 0;
  top: 0;
  border-radius: inherit;
  transform: scale(0.5);
  transform-origin: 0 0;
  opacity: 0.1;
  border: 1px solid currentColor;
  pointer-events: none;
}
.ui-navbar-box .ui-bar .left .back .back-icon.opacityIcon[data-v-374b2fee]::before {
  transform: scale(0.9);
}
.ui-navbar-box .ui-bar .left .capsule[data-v-374b2fee] {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-radius: 100px;
  position: relative;
}
.ui-navbar-box .ui-bar .left .capsule.dark[data-v-374b2fee] {
  background-color: rgba(255, 255, 255, 0.5);
}
.ui-navbar-box .ui-bar .left .capsule.light[data-v-374b2fee] {
  background-color: rgba(0, 0, 0, 0.15);
}
.ui-navbar-box .ui-bar .left .capsule[data-v-374b2fee]::after {
  content: "";
  display: block;
  position: absolute;
  height: 60%;
  width: 1px;
  left: 50%;
  top: 20%;
  background-color: currentColor;
  opacity: 0.1;
  pointer-events: none;
}
.ui-navbar-box .ui-bar .left .capsule[data-v-374b2fee]::before {
  content: "";
  display: block;
  position: absolute;
  height: 200%;
  width: 200%;
  left: 0;
  top: 0;
  border-radius: inherit;
  transform: scale(0.5);
  transform-origin: 0 0;
  opacity: 0.1;
  border: 1px solid currentColor;
  pointer-events: none;
}
.ui-navbar-box .ui-bar .left .capsule .capsule-back[data-v-374b2fee],
.ui-navbar-box .ui-bar .left .capsule .capsule-home[data-v-374b2fee] {
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 1;
}
.ui-navbar-box .ui-bar .left .capsule.isFristPage .capsule-back[data-v-374b2fee], .ui-navbar-box .ui-bar .left .capsule.isFristPage[data-v-374b2fee]::after {
  display: none;
}
.ui-navbar-box .ui-bar .right[data-v-374b2fee] {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.ui-navbar-box .ui-bar .right .right-content[data-v-374b2fee] {

  display: flex;

  flex-direction: row;
  flex-direction: row-reverse;
}
.ui-navbar-box .ui-bar .center[data-v-374b2fee] {
  display: flex;
  align-items: center;
  justify-content: center;
  text-overflow: ellipsis;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
}
.ui-navbar-box .ui-bar .center .image[data-v-374b2fee] {
  display: block;
  height: 36px;
  max-width: calc(100vw - 200px);
}
.ui-navbar-box .ui-bar-bg[data-v-374b2fee] {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  z-index: 1;
  pointer-events: none;
}
/**
 * 这里是uni-app内置的常用样式变量
 *
 * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 *
 */
/**
 * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
 *
 * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
 */
/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
.tabbar-center-item[data-v-a62e13d6] {
  height: 40px;
  width: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background-color: rebeccapurple;
  transform: scale(1.3) translateY(-6px);
  position: absolute;
  z-index: 2;
}
.tabbar-center-item .center-image[data-v-a62e13d6] {
  width: 25px;
  height: 25px;
}
.u-tabbar-item[data-v-a62e13d6] {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  flex: 1;
  position: relative;
  z-index: 1;
}
.u-tabbar-item__icon[data-v-a62e13d6] {
  display: flex;
  position: relative;
  width: 4.6875rem;
  justify-content: center;
}
.u-tabbar-item__text[data-v-a62e13d6] {
  margin-top: 2px;
  font-size: 12px;
  color: var(--textSize);
}
/**
 * 这里是uni-app内置的常用样式变量
 *
 * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 *
 */
/**
 * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
 *
 * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
 */
/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
.u-tabbar[data-v-b5af0eb7] {
  display: flex;
  flex: 1;
  justify-content: center;
}
.u-tabbar__content[data-v-b5af0eb7] {
  display: flex;
  flex-direction: column;
  background-color: #fff;
  box-shadow: 0px -2px 4px 0px rgba(51, 51, 51, 0.06);
}
.u-tabbar__content__item-wrapper[data-v-b5af0eb7] {
  height: 50px;
  display: flex;
  justify-content: space-around;
  align-items: center;
}
.u-tabbar .mid-tabbar[data-v-b5af0eb7] {
  border-radius: 0.9375rem 0.9375rem 0 0;
}
.u-tabbar--fixed[data-v-b5af0eb7] {
  position: fixed;
  bottom: -1px;
  left: 0;
  right: 0;
}
/**
 * 这里是uni-app内置的常用样式变量
 *
 * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 *
 */
/**
 * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
 *
 * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
 */
/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
.u-page[data-v-434f93ee] {
  padding: 0;
}
.u-page__item__title[data-v-434f93ee] {
  color: var(--textSize);
  background-color: #fff;
  padding: 15px;
  font-size: 15px;
}
.u-page__item__title__slot-title[data-v-434f93ee] {
  color: var(--textSize);
  font-size: 14px;
}
.u-page__item__slot-icon[data-v-434f93ee] {
  width: 25px;
  height: 25px;
}
/**
 * 这里是uni-app内置的常用样式变量
 *
 * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 *
 */
/**
 * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
 *
 * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
 */
/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
.close-icon[data-v-f2bacd7c] {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: -2.5rem;
  z-index: 100;
}
.uni-popup[data-v-f2bacd7c] {
  position: fixed;
  z-index: 99;
}
.uni-popup.top[data-v-f2bacd7c], .uni-popup.left[data-v-f2bacd7c], .uni-popup.right[data-v-f2bacd7c] {
  top: 0;
}
.uni-popup .uni-popup__wrapper[data-v-f2bacd7c] {
  display: block;
  position: relative;
  background: var(--f2bacd7c-backgroundImage) no-repeat;
  background-size: 100% 100%;
  /* iphonex 等安全区设置，底部安全区适配 */
}
.uni-popup .uni-popup__wrapper.left[data-v-f2bacd7c], .uni-popup .uni-popup__wrapper.right[data-v-f2bacd7c] {
  padding-top: 0;
  flex: 1;
}
.fixforpc-z-index[data-v-f2bacd7c] {
  z-index: 999;
}
.fixforpc-top[data-v-f2bacd7c] {
  top: 0;
}
/**
 * 这里是uni-app内置的常用样式变量
 *
 * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 *
 */
/**
 * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
 *
 * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
 */
/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
.model-box[data-v-bd9b951b] {
  width: 16.25rem;
  background: linear-gradient(177deg, #ff6000 0%, #fe832a 100%);
  border-radius: 0.3125rem;
}
.model-box .cicon-check-round[data-v-bd9b951b] {
  color: #fff;
}
.model-box .score-title[data-v-bd9b951b] {
  font-size: 1.0625rem;
  font-family: OPPOSANS;
  font-weight: 500;
  color: #fcff00;
}
.model-box .model-title[data-v-bd9b951b] {
  font-weight: 500;
  color: #ffffff;
}
.model-box .model-bg[data-v-bd9b951b] {
  width: 16.25rem;
  height: 6.75rem;
  background-size: 100% 100%;
  background-image: var(--bd9b951b-headerBg);
  background-repeat: no-repeat;
  border-radius: 0 0 0.3125rem 0.3125rem;
}
.model-box .model-bg .title[data-v-bd9b951b] {
  font-size: 1.0625rem;
  font-weight: bold;
  color: #ff6000;
}
.model-box .model-bg .subtitle[data-v-bd9b951b] {
  font-size: 0.8125rem;
  font-weight: 500;
  color: #999999;
}
.model-box .model-bg .cancel-btn[data-v-bd9b951b] {
  width: 6.875rem;
  height: 2.1875rem;
  border: 0.0625rem solid #ff6000;
  border-radius: 1.09375rem;
  font-size: 0.875rem;
  font-weight: 500;
  color: #ff6000;
  line-height: normal;
  margin-right: 0.3125rem;
}
.model-box .model-bg .confirm-btn[data-v-bd9b951b] {
  width: 9.375rem;
  height: 2.1875rem;
  background: linear-gradient(90deg, #ff6000, #fe832a);
  box-shadow: 0 0.2em 0.5em rgba(255, 96, 0, 0.4);
  border-radius: 1.09375rem;
  font-size: 0.875rem;
  font-weight: 500;
  color: #ffffff;
  line-height: normal;
}
/**
 * 这里是uni-app内置的常用样式变量
 *
 * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 *
 */
/**
 * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
 *
 * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
 */
/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
.model-box[data-v-a1af371b] {
  width: 16.25rem;
  background: linear-gradient(177deg, #ff6000 0%, #fe832a 100%);
  border-radius: 0.3125rem;
}
.model-box .cicon-check-round[data-v-a1af371b] {
  font-size: 2.1875rem;
  color: #fff;
}
.model-box .score-title[data-v-a1af371b] {
  font-size: 1.0625rem;
  font-family: OPPOSANS;
  font-weight: 500;
  color: #fcff00;
}
.model-box .model-title[data-v-a1af371b] {
  font-size: 0.875rem;
  font-weight: 500;
  color: #ffffff;
}
.model-box .model-bg[data-v-a1af371b] {
  width: 16.25rem;
  height: 6.75rem;
  background-size: 100% 100%;
  background-image: var(--a1af371b-headerBg);
  background-repeat: no-repeat;
  border-radius: 0 0 0.3125rem 0.3125rem;
}
.model-box .model-bg .title[data-v-a1af371b] {
  font-size: 1.0625rem;
  font-weight: bold;
  color: #ff6000;
}
.model-box .model-bg .subtitle[data-v-a1af371b] {
  font-size: 0.8125rem;
  font-weight: 500;
  color: #999999;
}
.model-box .model-bg .cancel-btn[data-v-a1af371b] {
  width: 6.875rem;
  height: 2.1875rem;
  border: 0.0625rem solid #ff6000;
  border-radius: 1.09375rem;
  font-size: 0.875rem;
  font-weight: 500;
  color: #ff6000;
  line-height: normal;
  margin-right: 0.3125rem;
}
.model-box .model-bg .confirm-btn[data-v-a1af371b] {
  width: 9.375rem;
  height: 2.1875rem;
  background: linear-gradient(90deg, #ff6000, #fe832a);
  box-shadow: 0 0.2em 0.5em rgba(255, 96, 0, 0.4);
  border-radius: 1.09375rem;
  font-size: 0.875rem;
  font-weight: 500;
  color: #ffffff;
  line-height: normal;
}
/**
 * 这里是uni-app内置的常用样式变量
 *
 * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 *
 */
/**
 * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
 *
 * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
 */
/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
.hideCanvas[data-v-7b106c15] {
  position: fixed;
  top: -3124.96875rem;
  left: -3124.96875rem;
  z-index: -99999;
}
.login-wrap[data-v-7b106c15] {
  padding: 1.5625rem 1.0625rem;
  min-height: 15.625rem;
  background-color: #fff;
  border-radius: 0.625rem 0.625rem 0 0;
}
.head-box .head-title[data-v-7b106c15] {
  min-width: 5rem;
  font-size: 1.125rem;
  font-weight: bold;
  color: #333333;
  line-height: 1.125rem;
}
.head-box .head-title-active[data-v-7b106c15] {
  width: 5rem;
  font-size: 1rem;
  font-weight: 600;
  color: #999;
  line-height: 1.125rem;
}
.head-box .head-title-animation[data-v-7b106c15] {
  animation-name: title-animation;
  animation-duration: 0.1s;
  animation-timing-function: ease-out;
  animation-fill-mode: forwards;
}
.head-box .head-title-line[data-v-7b106c15] {
  position: relative;
}
.head-box .head-title-line[data-v-7b106c15]::before {
  content: "";
  width: 0.03125rem;
  height: 1.0625rem;
  background-color: #e4e7ed;
  position: absolute;
  left: -0.9375rem;
  top: 50%;
  transform: translateY(-50%);
}
.head-box .head-subtitle[data-v-7b106c15] {
  font-size: 0.8125rem;
  font-weight: 400;
  color: #afb6c0;
  text-align: left;
  display: flex;
}
/**
 * 这里是uni-app内置的常用样式变量
 *
 * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 *
 */
/**
 * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
 *
 * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
 */
/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
.uni-easyinput[data-v-09fd5285] {
  width: 100%;
  flex: 1;
  position: relative;
  text-align: left;
  color: #333;
  font-size: 14px;
}
.uni-easyinput__content[data-v-09fd5285] {
  flex: 1;
  width: 100%;
  display: flex;
  box-sizing: border-box;
  min-height: 2.25rem;
  flex-direction: row;
  align-items: center;
}
.uni-easyinput__content-input[data-v-09fd5285] {
  width: auto;
  position: relative;
  overflow: hidden;
  flex: 1;
  line-height: 1.75rem;
  font-size: 0.875rem;
  height: 1.75rem;
}
.uni-easyinput__placeholder-class[data-v-09fd5285] {
  color: #bbbbbb;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: normal;
}
.is-textarea[data-v-09fd5285] {
  align-items: flex-start;
}
.is-textarea-icon[data-v-09fd5285] {
  margin-top: 5px;
}
.uni-easyinput__content-textarea[data-v-09fd5285] {
  position: relative;
  overflow: hidden;
  flex: 1;
  line-height: 1.5;
  font-size: 14px;
  padding-top: 6px;
  padding-bottom: 10px;
  height: 80px;
  min-height: 80px;
  width: auto;
}
.input-padding[data-v-09fd5285] {
  padding-left: 10px;
}
.content-clear-icon[data-v-09fd5285] {
  padding: 0 5px;
}
.label-icon[data-v-09fd5285] {
  margin-right: 5px;
  margin-top: -1px;
}
.is-input-border[data-v-09fd5285] {
  display: flex;
  box-sizing: border-box;
  flex-direction: row;
  align-items: center;
  border: 1px solid #dcdfe6;
  border-radius: 4px;
}
.uni-error-message[data-v-09fd5285] {
  position: absolute;
  bottom: -17px;
  left: 0;
  line-height: 12px;
  color: #e43d33;
  font-size: 12px;
  text-align: left;
}
.uni-error-msg--boeder[data-v-09fd5285] {
  position: relative;
  bottom: 0;
  line-height: 22px;
}
.is-input-error-border[data-v-09fd5285] {
  border-color: #e43d33;
}
.uni-easyinput--border[data-v-09fd5285] {
  margin-bottom: 0;
  padding: 10px 15px;
  border-top: 1px #eee solid;
}
.uni-easyinput-error[data-v-09fd5285] {
  padding-bottom: 0;
}
.is-first-border[data-v-09fd5285] {
  border: none;
}
.is-disabled[data-v-09fd5285] {
  border-color: red;
  color: #d5d5d5;
}
.is-disabled .uni-easyinput__placeholder-class[data-v-09fd5285] {
  color: #d5d5d5;
  font-size: 12px;
}
/**
 * 这里是uni-app内置的常用样式变量
 *
 * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 *
 */
/**
 * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
 *
 * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
 */
/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
.uni-forms-item[data-v-462874dd] {
  position: relative;
  padding: 0px;
  text-align: left;
  color: #333;
  font-size: 14px;
}
.uni-forms-item__box[data-v-462874dd] {
  position: relative;
}
.uni-forms-item__inner[data-v-462874dd] {
  display: flex;
  padding-bottom: 22px;
}
.is-direction-left[data-v-462874dd] {
  flex-direction: row;
}
.is-direction-top[data-v-462874dd] {
  flex-direction: column;
}
.uni-forms-item__label[data-v-462874dd] {
  display: flex;
  flex-shrink: 0;
  box-sizing: border-box;
  flex-direction: row;
  align-items: center;
  width: 65px;
  padding: 5px 0;
  height: 2.25rem;
}
.uni-forms-item__label .label-text[data-v-462874dd] {
  font-size: 0.875rem;
  color: #333333;
}
.uni-forms-item__label .label-seat[data-v-462874dd] {
  margin-right: 5px;
}
.uni-forms-item__content[data-v-462874dd] {
  width: 100%;
  box-sizing: border-box;
  min-height: 36px;
  flex: 1;
}
.label-icon[data-v-462874dd] {
  margin-right: 5px;
  margin-top: -1px;
}
.is-required[data-v-462874dd] {
  color: #dd524d;
  font-weight: bold;
}
.uni-error-message[data-v-462874dd] {
  position: absolute;
  bottom: 0px;
  left: 0;
  text-align: left;
}
.uni-error-message-text[data-v-462874dd] {
  line-height: 1.375rem;
  color: #dd524d;
  font-size: 0.75rem;
}
.uni-error-msg--boeder[data-v-462874dd] {
  position: relative;
  bottom: 0;
  line-height: 22px;
}
.is-input-error-border[data-v-462874dd] {
  border-color: #dd524d;
}
.uni-forms-item--border[data-v-462874dd] {
  margin-bottom: 0;
  padding: 10px 0;
  border-top: 1px #eee solid;
}
.uni-forms-item--border .uni-forms-item__inner[data-v-462874dd] {
  padding: 0;
}
.is-first-border[data-v-462874dd] {
  border: none;
}
.uni-forms--no-padding[data-v-462874dd] {
  padding: 0;
}
/**
 * 这里是uni-app内置的常用样式变量
 *
 * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 *
 */
/**
 * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
 *
 * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
 */
/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
/**
 * 这里是uni-app内置的常用样式变量
 *
 * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 *
 */
/**
 * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
 *
 * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
 */
/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
@keyframes title-animation-f21c903c {
0% {
    font-size: 1rem;
}
100% {
    font-size: 1.125rem;
}
}
.login-wrap[data-v-f21c903c] {
  padding: 1.5625rem 1.0625rem;
  min-height: 15.625rem;
  background-color: #fff;
  border-radius: 0.625rem 0.625rem 0 0;
}
.head-box .head-title[data-v-f21c903c] {
  font-size: 1.125rem;
  font-weight: bold;
  color: #333333;
  line-height: 1.125rem;
}
.head-box .head-title-active[data-v-f21c903c] {
  font-size: 1rem;
  font-weight: 600;
  color: #999;
  line-height: 1.125rem;
}
.head-box .head-title-animation[data-v-f21c903c] {
  animation-name: title-animation-f21c903c;
  animation-duration: 0.1s;
  animation-timing-function: ease-out;
  animation-fill-mode: forwards;
}
.head-box .head-title-line[data-v-f21c903c] {
  position: relative;
}
.head-box .head-title-line[data-v-f21c903c]::before {
  content: "";
  width: 0.03125rem;
  height: 1.0625rem;
  background-color: #e4e7ed;
  position: absolute;
  left: -0.9375rem;
  top: 50%;
  transform: translateY(-50%);
}
.head-box .head-subtitle[data-v-f21c903c] {
  font-size: 0.8125rem;
  font-weight: 400;
  color: #afb6c0;
  text-align: left;
  display: flex;
}
.code-btn-start[data-v-f21c903c] {
  width: 5rem;
  height: 1.75rem;
  line-height: normal;
  border: 0.0625rem solid var(--ui-BG-Main);
  border-radius: 0.875rem;
  font-size: 0.8125rem;
  font-weight: 400;
  color: var(--ui-BG-Main);
  opacity: 1;
}
.forgot-btn[data-v-f21c903c] {
  width: 5rem;
  line-height: 1.75rem;
  font-size: 0.9375rem;
  font-weight: 500;
  color: #999;
}
.login-btn-start[data-v-f21c903c] {
  width: 4.9375rem;
  height: 1.75rem;
  line-height: normal;
  background: linear-gradient(90deg, var(--ui-BG-Main), var(--ui-BG-Main-gradient));
  border-radius: 0.875rem;
  font-size: 0.8125rem;
  font-weight: 500;
  color: #fff;
}
.type-btn[data-v-f21c903c] {
  padding: 0.625rem;
  margin: 1.25rem auto;
  font-size: 0.9375rem;
  font-weight: 500;
  color: #999999;
}
.auto-login-box[data-v-f21c903c] {
  width: 100%;
}
.auto-login-box .auto-login-btn[data-v-f21c903c] {
  width: 2.125rem;
  height: 2.125rem;
  border-radius: 50%;
  margin: 0 0.9375rem;
}
.auto-login-box .auto-login-img[data-v-f21c903c] {
  width: 2.125rem;
  height: 2.125rem;
  border-radius: 50%;
}
.agreement-box[data-v-f21c903c] {
  margin: 2.5rem auto 0;
}
.agreement-box .protocol-check[data-v-f21c903c] {
  transform: scale(0.7);
}
.agreement-box .agreement-text[data-v-f21c903c] {
  font-size: 0.8125rem;
  font-weight: 500;
  color: #999999;
}
.agreement-box .agreement-text .tcp-text[data-v-f21c903c] {
  color: var(--ui-BG-Main);
}
.editPwd-btn-box .save-btn[data-v-f21c903c] {
  width: 21.5625rem;
  line-height: 2.1875rem;
  background: linear-gradient(90deg, var(--ui-BG-Main), var(--ui-BG-Main-gradient));
  border-radius: 1.09375rem;
  font-size: 0.875rem;
  font-weight: 500;
  color: #ffffff;
}
.editPwd-btn-box .forgot-btn[data-v-f21c903c] {
  width: 21.5625rem;
  line-height: 2.1875rem;
  font-size: 0.875rem;
  font-weight: 500;
  color: #999999;
}
.login-btn-start[data-v-f21c903c] {
  background: linear-gradient(90deg, var(--ui-BG-Main), var(--ui-BG-Main-gradient));
  width: 100%;
  height: 2.5rem;
  font-size: 1rem;
}
.loginUniForm[data-v-f21c903c] {
  border: 0.03125rem solid #d6d6d6;
  padding: 0.3125rem 0.46875rem;
  border-radius: 0.3125rem;
}
.loginUniFormItem[data-v-f21c903c]:first-child {
  border-bottom: 0.03125rem solid #d6d6d6;
  padding-bottom: 0.3125rem;
}
.loginUniFormItem[data-v-f21c903c]:last-child {
  padding-top: 0.3125rem;
}
[data-v-f21c903c] .loginUniFormItem .uni-forms-item__inner {
  padding-bottom: 0;
}
[data-v-f21c903c] .loginUniFormItem .uni-error-message {
  bottom: -0.625rem;
}
/**
 * 这里是uni-app内置的常用样式变量
 *
 * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 *
 */
/**
 * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
 *
 * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
 */
/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
@keyframes title-animation-5db53ad8 {
0% {
    font-size: 1rem;
}
100% {
    font-size: 1.125rem;
}
}
.login-wrap[data-v-5db53ad8] {
  padding: 1.5625rem 1.0625rem;
  min-height: 15.625rem;
  background-color: #fff;
  border-radius: 0.625rem 0.625rem 0 0;
}
.head-box .head-title[data-v-5db53ad8] {
  font-size: 1.125rem;
  font-weight: bold;
  color: #333333;
  line-height: 1.125rem;
}
.head-box .head-title-active[data-v-5db53ad8] {
  font-size: 1rem;
  font-weight: 600;
  color: #999;
  line-height: 1.125rem;
}
.head-box .head-title-animation[data-v-5db53ad8] {
  animation-name: title-animation-5db53ad8;
  animation-duration: 0.1s;
  animation-timing-function: ease-out;
  animation-fill-mode: forwards;
}
.head-box .head-title-line[data-v-5db53ad8] {
  position: relative;
}
.head-box .head-title-line[data-v-5db53ad8]::before {
  content: "";
  width: 0.03125rem;
  height: 1.0625rem;
  background-color: #e4e7ed;
  position: absolute;
  left: -0.9375rem;
  top: 50%;
  transform: translateY(-50%);
}
.head-box .head-subtitle[data-v-5db53ad8] {
  font-size: 0.8125rem;
  font-weight: 400;
  color: #afb6c0;
  text-align: left;
  display: flex;
}
.code-btn-start[data-v-5db53ad8] {
  width: 5rem;
  height: 1.75rem;
  line-height: normal;
  border: 0.0625rem solid var(--ui-BG-Main);
  border-radius: 0.875rem;
  font-size: 0.8125rem;
  font-weight: 400;
  color: var(--ui-BG-Main);
  opacity: 1;
}
.forgot-btn[data-v-5db53ad8] {
  width: 5rem;
  line-height: 1.75rem;
  font-size: 0.9375rem;
  font-weight: 500;
  color: #999;
}
.login-btn-start[data-v-5db53ad8] {
  width: 4.9375rem;
  height: 1.75rem;
  line-height: normal;
  background: linear-gradient(90deg, var(--ui-BG-Main), var(--ui-BG-Main-gradient));
  border-radius: 0.875rem;
  font-size: 0.8125rem;
  font-weight: 500;
  color: #fff;
}
.type-btn[data-v-5db53ad8] {
  padding: 0.625rem;
  margin: 1.25rem auto;
  font-size: 0.9375rem;
  font-weight: 500;
  color: #999999;
}
.auto-login-box[data-v-5db53ad8] {
  width: 100%;
}
.auto-login-box .auto-login-btn[data-v-5db53ad8] {
  width: 2.125rem;
  height: 2.125rem;
  border-radius: 50%;
  margin: 0 0.9375rem;
}
.auto-login-box .auto-login-img[data-v-5db53ad8] {
  width: 2.125rem;
  height: 2.125rem;
  border-radius: 50%;
}
.agreement-box[data-v-5db53ad8] {
  margin: 2.5rem auto 0;
}
.agreement-box .protocol-check[data-v-5db53ad8] {
  transform: scale(0.7);
}
.agreement-box .agreement-text[data-v-5db53ad8] {
  font-size: 0.8125rem;
  font-weight: 500;
  color: #999999;
}
.agreement-box .agreement-text .tcp-text[data-v-5db53ad8] {
  color: var(--ui-BG-Main);
}
.editPwd-btn-box .save-btn[data-v-5db53ad8] {
  width: 21.5625rem;
  line-height: 2.1875rem;
  background: linear-gradient(90deg, var(--ui-BG-Main), var(--ui-BG-Main-gradient));
  border-radius: 1.09375rem;
  font-size: 0.875rem;
  font-weight: 500;
  color: #ffffff;
}
.editPwd-btn-box .forgot-btn[data-v-5db53ad8] {
  width: 21.5625rem;
  line-height: 2.1875rem;
  font-size: 0.875rem;
  font-weight: 500;
  color: #999999;
}
.code-btn-start[data-v-5db53ad8] {
  color: var(--ui-BG-Main);
  border: 1px solid var(--ui-BG-Main);
}
.disabled[data-v-5db53ad8] {
  border: 1px solid #f7f7f7;
}
.loginUniForm[data-v-5db53ad8] {
  border: 0.03125rem solid #d6d6d6;
  padding: 0.3125rem 0.46875rem;
  border-radius: 0.3125rem;
}
.loginUniFormItem[data-v-5db53ad8] {
  border-bottom: 0.03125rem solid #d6d6d6;
  padding-bottom: 0.3125rem;
}
.loginUniFormItem[data-v-5db53ad8]:last-child {
  border-bottom: none;
  padding-top: 0.3125rem;
}
[data-v-5db53ad8] .loginUniFormItem .uni-forms-item__inner {
  padding-bottom: 0;
}
[data-v-5db53ad8] .loginUniFormItem .uni-error-message {
  bottom: -0.625rem;
}
/**
 * 这里是uni-app内置的常用样式变量
 *
 * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 *
 */
/**
 * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
 *
 * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
 */
/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
@keyframes title-animation-7636e637 {
0% {
    font-size: 1rem;
}
100% {
    font-size: 1.125rem;
}
}
.login-wrap[data-v-7636e637] {
  padding: 1.5625rem 1.0625rem;
  min-height: 15.625rem;
  background-color: #fff;
  border-radius: 0.625rem 0.625rem 0 0;
}
.head-box .head-title[data-v-7636e637] {
  font-size: 1.125rem;
  font-weight: bold;
  color: #333333;
  line-height: 1.125rem;
}
.head-box .head-title-active[data-v-7636e637] {
  font-size: 1rem;
  font-weight: 600;
  color: #999;
  line-height: 1.125rem;
}
.head-box .head-title-animation[data-v-7636e637] {
  animation-name: title-animation-7636e637;
  animation-duration: 0.1s;
  animation-timing-function: ease-out;
  animation-fill-mode: forwards;
}
.head-box .head-title-line[data-v-7636e637] {
  position: relative;
}
.head-box .head-title-line[data-v-7636e637]::before {
  content: "";
  width: 0.03125rem;
  height: 1.0625rem;
  background-color: #e4e7ed;
  position: absolute;
  left: -0.9375rem;
  top: 50%;
  transform: translateY(-50%);
}
.head-box .head-subtitle[data-v-7636e637] {
  font-size: 0.8125rem;
  font-weight: 400;
  color: #afb6c0;
  text-align: left;
  display: flex;
}
.code-btn-start[data-v-7636e637] {
  width: 5rem;
  height: 1.75rem;
  line-height: normal;
  border: 0.0625rem solid var(--ui-BG-Main);
  border-radius: 0.875rem;
  font-size: 0.8125rem;
  font-weight: 400;
  color: var(--ui-BG-Main);
  opacity: 1;
}
.forgot-btn[data-v-7636e637] {
  width: 5rem;
  line-height: 1.75rem;
  font-size: 0.9375rem;
  font-weight: 500;
  color: #999;
}
.login-btn-start[data-v-7636e637] {
  width: 4.9375rem;
  height: 1.75rem;
  line-height: normal;
  background: linear-gradient(90deg, var(--ui-BG-Main), var(--ui-BG-Main-gradient));
  border-radius: 0.875rem;
  font-size: 0.8125rem;
  font-weight: 500;
  color: #fff;
}
.type-btn[data-v-7636e637] {
  padding: 0.625rem;
  margin: 1.25rem auto;
  font-size: 0.9375rem;
  font-weight: 500;
  color: #999999;
}
.auto-login-box[data-v-7636e637] {
  width: 100%;
}
.auto-login-box .auto-login-btn[data-v-7636e637] {
  width: 2.125rem;
  height: 2.125rem;
  border-radius: 50%;
  margin: 0 0.9375rem;
}
.auto-login-box .auto-login-img[data-v-7636e637] {
  width: 2.125rem;
  height: 2.125rem;
  border-radius: 50%;
}
.agreement-box[data-v-7636e637] {
  margin: 2.5rem auto 0;
}
.agreement-box .protocol-check[data-v-7636e637] {
  transform: scale(0.7);
}
.agreement-box .agreement-text[data-v-7636e637] {
  font-size: 0.8125rem;
  font-weight: 500;
  color: #999999;
}
.agreement-box .agreement-text .tcp-text[data-v-7636e637] {
  color: var(--ui-BG-Main);
}
.editPwd-btn-box .save-btn[data-v-7636e637] {
  width: 21.5625rem;
  line-height: 2.1875rem;
  background: linear-gradient(90deg, var(--ui-BG-Main), var(--ui-BG-Main-gradient));
  border-radius: 1.09375rem;
  font-size: 0.875rem;
  font-weight: 500;
  color: #ffffff;
}
.editPwd-btn-box .forgot-btn[data-v-7636e637] {
  width: 21.5625rem;
  line-height: 2.1875rem;
  font-size: 0.875rem;
  font-weight: 500;
  color: #999999;
}
.disabled[data-v-7636e637] {
  border: 1px solid #f7f7f7 !important;
}
.code-btn-start[data-v-7636e637] {
  color: #55b774;
  border: 1px solid #55b774;
}
.icon[data-v-7636e637] {
  display: flex;
  align-items: center;
  margin-right: 0.21875rem;
}
.icon uni-image[data-v-7636e637] {
  width: 1.09375rem;
  height: 1.09375rem;
}
.agreement-box[data-v-7636e637] {
  margin: 0.625rem 0;
}
.login-btn-start[data-v-7636e637] {
  background: linear-gradient(90deg, var(--ui-BG-Main), var(--ui-BG-Main-gradient));
  width: 100%;
  height: 2.5rem;
  font-size: 1rem;
}
.loginUniForm[data-v-7636e637] {
  border: 0.03125rem solid #d6d6d6;
  padding: 0.3125rem 0.46875rem;
  border-radius: 0.3125rem;
}
.loginUniFormItem[data-v-7636e637] {
  border-bottom: 0.03125rem solid #d6d6d6;
  padding-bottom: 0.3125rem;
}
.loginUniFormItem[data-v-7636e637]:last-child {
  border-bottom: none;
  padding-top: 0.3125rem;
}
[data-v-7636e637] .loginUniFormItem .uni-forms-item__inner {
  padding-bottom: 0;
}
[data-v-7636e637] .loginUniFormItem .uni-error-message {
  bottom: -0.625rem;
}
/**
 * 这里是uni-app内置的常用样式变量
 *
 * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 *
 */
/**
 * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
 *
 * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
 */
/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
@keyframes title-animation-5a48a10b {
0% {
    font-size: 1rem;
}
100% {
    font-size: 1.125rem;
}
}
.login-wrap[data-v-5a48a10b] {
  padding: 1.5625rem 1.0625rem;
  min-height: 15.625rem;
  background-color: #fff;
  border-radius: 0.625rem 0.625rem 0 0;
}
.head-box .head-title[data-v-5a48a10b] {
  font-size: 1.125rem;
  font-weight: bold;
  color: #333333;
  line-height: 1.125rem;
}
.head-box .head-title-active[data-v-5a48a10b] {
  font-size: 1rem;
  font-weight: 600;
  color: #999;
  line-height: 1.125rem;
}
.head-box .head-title-animation[data-v-5a48a10b] {
  animation-name: title-animation-5a48a10b;
  animation-duration: 0.1s;
  animation-timing-function: ease-out;
  animation-fill-mode: forwards;
}
.head-box .head-title-line[data-v-5a48a10b] {
  position: relative;
}
.head-box .head-title-line[data-v-5a48a10b]::before {
  content: "";
  width: 0.03125rem;
  height: 1.0625rem;
  background-color: #e4e7ed;
  position: absolute;
  left: -0.9375rem;
  top: 50%;
  transform: translateY(-50%);
}
.head-box .head-subtitle[data-v-5a48a10b] {
  font-size: 0.8125rem;
  font-weight: 400;
  color: #afb6c0;
  text-align: left;
  display: flex;
}
.code-btn-start[data-v-5a48a10b] {
  width: 5rem;
  height: 1.75rem;
  line-height: normal;
  border: 0.0625rem solid var(--ui-BG-Main);
  border-radius: 0.875rem;
  font-size: 0.8125rem;
  font-weight: 400;
  color: var(--ui-BG-Main);
  opacity: 1;
}
.forgot-btn[data-v-5a48a10b] {
  width: 5rem;
  line-height: 1.75rem;
  font-size: 0.9375rem;
  font-weight: 500;
  color: #999;
}
.login-btn-start[data-v-5a48a10b] {
  width: 4.9375rem;
  height: 1.75rem;
  line-height: normal;
  background: linear-gradient(90deg, var(--ui-BG-Main), var(--ui-BG-Main-gradient));
  border-radius: 0.875rem;
  font-size: 0.8125rem;
  font-weight: 500;
  color: #fff;
}
.type-btn[data-v-5a48a10b] {
  padding: 0.625rem;
  margin: 1.25rem auto;
  font-size: 0.9375rem;
  font-weight: 500;
  color: #999999;
}
.auto-login-box[data-v-5a48a10b] {
  width: 100%;
}
.auto-login-box .auto-login-btn[data-v-5a48a10b] {
  width: 2.125rem;
  height: 2.125rem;
  border-radius: 50%;
  margin: 0 0.9375rem;
}
.auto-login-box .auto-login-img[data-v-5a48a10b] {
  width: 2.125rem;
  height: 2.125rem;
  border-radius: 50%;
}
.agreement-box[data-v-5a48a10b] {
  margin: 2.5rem auto 0;
}
.agreement-box .protocol-check[data-v-5a48a10b] {
  transform: scale(0.7);
}
.agreement-box .agreement-text[data-v-5a48a10b] {
  font-size: 0.8125rem;
  font-weight: 500;
  color: #999999;
}
.agreement-box .agreement-text .tcp-text[data-v-5a48a10b] {
  color: var(--ui-BG-Main);
}
.editPwd-btn-box .save-btn[data-v-5a48a10b] {
  width: 21.5625rem;
  line-height: 2.1875rem;
  background: linear-gradient(90deg, var(--ui-BG-Main), var(--ui-BG-Main-gradient));
  border-radius: 1.09375rem;
  font-size: 0.875rem;
  font-weight: 500;
  color: #ffffff;
}
.editPwd-btn-box .forgot-btn[data-v-5a48a10b] {
  width: 21.5625rem;
  line-height: 2.1875rem;
  font-size: 0.875rem;
  font-weight: 500;
  color: #999999;
}
.code-btn-start[data-v-5a48a10b] {
  color: #55b774;
  border: 1px solid #55b774;
}
.disabled[data-v-5a48a10b] {
  border: 1px solid #f7f7f7;
}
.icon[data-v-5a48a10b] {
  display: flex;
  align-items: center;
  margin-right: 0.21875rem;
}
.icon uni-image[data-v-5a48a10b] {
  width: 1.09375rem;
  height: 1.09375rem;
}
.agreement-box[data-v-5a48a10b] {
  margin: 0.625rem 0;
}
.login-btn-start[data-v-5a48a10b] {
  background: linear-gradient(90deg, var(--ui-BG-Main), var(--ui-BG-Main-gradient));
  width: 100%;
  height: 2.5rem;
  font-size: 1rem;
}
.loginUniForm[data-v-5a48a10b] {
  border: 0.03125rem solid #d6d6d6;
  padding: 0.3125rem 0.46875rem;
  border-radius: 0.3125rem;
}
.loginUniFormItem[data-v-5a48a10b] {
  border-bottom: 0.03125rem solid #d6d6d6;
  padding-bottom: 0.3125rem;
}
.loginUniFormItem[data-v-5a48a10b]:last-child {
  border-bottom: none;
  padding-top: 0.3125rem;
}
[data-v-5a48a10b] .loginUniFormItem .uni-forms-item__inner {
  padding-bottom: 0;
}
[data-v-5a48a10b] .loginUniFormItem .uni-error-message {
  bottom: -0.625rem;
}
/**
 * 这里是uni-app内置的常用样式变量
 *
 * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 *
 */
/**
 * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
 *
 * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
 */
/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
@keyframes title-animation-859b5179 {
0% {
    font-size: 1rem;
}
100% {
    font-size: 1.125rem;
}
}
.login-wrap[data-v-859b5179] {
  padding: 1.5625rem 1.0625rem;
  min-height: 15.625rem;
  background-color: #fff;
  border-radius: 0.625rem 0.625rem 0 0;
}
.head-box .head-title[data-v-859b5179] {
  font-size: 1.125rem;
  font-weight: bold;
  color: #333333;
  line-height: 1.125rem;
}
.head-box .head-title-active[data-v-859b5179] {
  font-size: 1rem;
  font-weight: 600;
  color: #999;
  line-height: 1.125rem;
}
.head-box .head-title-animation[data-v-859b5179] {
  animation-name: title-animation-859b5179;
  animation-duration: 0.1s;
  animation-timing-function: ease-out;
  animation-fill-mode: forwards;
}
.head-box .head-title-line[data-v-859b5179] {
  position: relative;
}
.head-box .head-title-line[data-v-859b5179]::before {
  content: "";
  width: 0.03125rem;
  height: 1.0625rem;
  background-color: #e4e7ed;
  position: absolute;
  left: -0.9375rem;
  top: 50%;
  transform: translateY(-50%);
}
.head-box .head-subtitle[data-v-859b5179] {
  font-size: 0.8125rem;
  font-weight: 400;
  color: #afb6c0;
  text-align: left;
  display: flex;
}
.code-btn-start[data-v-859b5179] {
  width: 5rem;
  height: 1.75rem;
  line-height: normal;
  border: 0.0625rem solid var(--ui-BG-Main);
  border-radius: 0.875rem;
  font-size: 0.8125rem;
  font-weight: 400;
  color: var(--ui-BG-Main);
  opacity: 1;
}
.forgot-btn[data-v-859b5179] {
  width: 5rem;
  line-height: 1.75rem;
  font-size: 0.9375rem;
  font-weight: 500;
  color: #999;
}
.login-btn-start[data-v-859b5179] {
  width: 4.9375rem;
  height: 1.75rem;
  line-height: normal;
  background: linear-gradient(90deg, var(--ui-BG-Main), var(--ui-BG-Main-gradient));
  border-radius: 0.875rem;
  font-size: 0.8125rem;
  font-weight: 500;
  color: #fff;
}
.type-btn[data-v-859b5179] {
  padding: 0.625rem;
  margin: 1.25rem auto;
  font-size: 0.9375rem;
  font-weight: 500;
  color: #999999;
}
.auto-login-box[data-v-859b5179] {
  width: 100%;
}
.auto-login-box .auto-login-btn[data-v-859b5179] {
  width: 2.125rem;
  height: 2.125rem;
  border-radius: 50%;
  margin: 0 0.9375rem;
}
.auto-login-box .auto-login-img[data-v-859b5179] {
  width: 2.125rem;
  height: 2.125rem;
  border-radius: 50%;
}
.agreement-box[data-v-859b5179] {
  margin: 2.5rem auto 0;
}
.agreement-box .protocol-check[data-v-859b5179] {
  transform: scale(0.7);
}
.agreement-box .agreement-text[data-v-859b5179] {
  font-size: 0.8125rem;
  font-weight: 500;
  color: #999999;
}
.agreement-box .agreement-text .tcp-text[data-v-859b5179] {
  color: var(--ui-BG-Main);
}
.editPwd-btn-box .save-btn[data-v-859b5179] {
  width: 21.5625rem;
  line-height: 2.1875rem;
  background: linear-gradient(90deg, var(--ui-BG-Main), var(--ui-BG-Main-gradient));
  border-radius: 1.09375rem;
  font-size: 0.875rem;
  font-weight: 500;
  color: #ffffff;
}
.editPwd-btn-box .forgot-btn[data-v-859b5179] {
  width: 21.5625rem;
  line-height: 2.1875rem;
  font-size: 0.875rem;
  font-weight: 500;
  color: #999999;
}
/**
 * 这里是uni-app内置的常用样式变量
 *
 * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 *
 */
/**
 * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
 *
 * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
 */
/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
@keyframes title-animation-146b49fd {
0% {
    font-size: 1rem;
}
100% {
    font-size: 1.125rem;
}
}
.login-wrap[data-v-146b49fd] {
  padding: 1.5625rem 1.0625rem;
  min-height: 15.625rem;
  background-color: #fff;
  border-radius: 0.625rem 0.625rem 0 0;
}
.head-box .head-title[data-v-146b49fd] {
  font-size: 1.125rem;
  font-weight: bold;
  color: #333333;
  line-height: 1.125rem;
}
.head-box .head-title-active[data-v-146b49fd] {
  font-size: 1rem;
  font-weight: 600;
  color: #999;
  line-height: 1.125rem;
}
.head-box .head-title-animation[data-v-146b49fd] {
  animation-name: title-animation-146b49fd;
  animation-duration: 0.1s;
  animation-timing-function: ease-out;
  animation-fill-mode: forwards;
}
.head-box .head-title-line[data-v-146b49fd] {
  position: relative;
}
.head-box .head-title-line[data-v-146b49fd]::before {
  content: "";
  width: 0.03125rem;
  height: 1.0625rem;
  background-color: #e4e7ed;
  position: absolute;
  left: -0.9375rem;
  top: 50%;
  transform: translateY(-50%);
}
.head-box .head-subtitle[data-v-146b49fd] {
  font-size: 0.8125rem;
  font-weight: 400;
  color: #afb6c0;
  text-align: left;
  display: flex;
}
.code-btn-start[data-v-146b49fd] {
  width: 5rem;
  height: 1.75rem;
  line-height: normal;
  border: 0.0625rem solid var(--ui-BG-Main);
  border-radius: 0.875rem;
  font-size: 0.8125rem;
  font-weight: 400;
  color: var(--ui-BG-Main);
  opacity: 1;
}
.forgot-btn[data-v-146b49fd] {
  width: 5rem;
  line-height: 1.75rem;
  font-size: 0.9375rem;
  font-weight: 500;
  color: #999;
}
.login-btn-start[data-v-146b49fd] {
  width: 4.9375rem;
  height: 1.75rem;
  line-height: normal;
  background: linear-gradient(90deg, var(--ui-BG-Main), var(--ui-BG-Main-gradient));
  border-radius: 0.875rem;
  font-size: 0.8125rem;
  font-weight: 500;
  color: #fff;
}
.type-btn[data-v-146b49fd] {
  padding: 0.625rem;
  margin: 1.25rem auto;
  font-size: 0.9375rem;
  font-weight: 500;
  color: #999999;
}
.auto-login-box[data-v-146b49fd] {
  width: 100%;
}
.auto-login-box .auto-login-btn[data-v-146b49fd] {
  width: 2.125rem;
  height: 2.125rem;
  border-radius: 50%;
  margin: 0 0.9375rem;
}
.auto-login-box .auto-login-img[data-v-146b49fd] {
  width: 2.125rem;
  height: 2.125rem;
  border-radius: 50%;
}
.agreement-box[data-v-146b49fd] {
  margin: 2.5rem auto 0;
}
.agreement-box .protocol-check[data-v-146b49fd] {
  transform: scale(0.7);
}
.agreement-box .agreement-text[data-v-146b49fd] {
  font-size: 0.8125rem;
  font-weight: 500;
  color: #999999;
}
.agreement-box .agreement-text .tcp-text[data-v-146b49fd] {
  color: var(--ui-BG-Main);
}
.editPwd-btn-box .save-btn[data-v-146b49fd] {
  width: 21.5625rem;
  line-height: 2.1875rem;
  background: linear-gradient(90deg, var(--ui-BG-Main), var(--ui-BG-Main-gradient));
  border-radius: 1.09375rem;
  font-size: 0.875rem;
  font-weight: 500;
  color: #ffffff;
}
.editPwd-btn-box .forgot-btn[data-v-146b49fd] {
  width: 21.5625rem;
  line-height: 2.1875rem;
  font-size: 0.875rem;
  font-weight: 500;
  color: #999999;
}
.login-btn-start[data-v-146b49fd] {
  width: 100%;
  height: 2.1875rem;
  line-height: normal;
  background: linear-gradient(90deg, var(--ui-BG-Main), var(--ui-BG-Main-gradient));
  border-radius: 0.875rem;
  font-size: 0.8125rem;
  font-weight: 500;
  color: #fff;
}
/**
 * 这里是uni-app内置的常用样式变量
 *
 * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 *
 */
/**
 * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
 *
 * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
 */
/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
@keyframes title-animation-639aa0c2 {
0% {
    font-size: 1rem;
}
100% {
    font-size: 1.125rem;
}
}
.login-wrap[data-v-639aa0c2] {
  padding: 1.5625rem 1.0625rem;
  min-height: 15.625rem;
  background-color: #fff;
  border-radius: 0.625rem 0.625rem 0 0;
}
.head-box .head-title[data-v-639aa0c2] {
  font-size: 1.125rem;
  font-weight: bold;
  color: #333333;
  line-height: 1.125rem;
}
.head-box .head-title-active[data-v-639aa0c2] {
  font-size: 1rem;
  font-weight: 600;
  color: #999;
  line-height: 1.125rem;
}
.head-box .head-title-animation[data-v-639aa0c2] {
  animation-name: title-animation-639aa0c2;
  animation-duration: 0.1s;
  animation-timing-function: ease-out;
  animation-fill-mode: forwards;
}
.head-box .head-title-line[data-v-639aa0c2] {
  position: relative;
}
.head-box .head-title-line[data-v-639aa0c2]::before {
  content: "";
  width: 0.03125rem;
  height: 1.0625rem;
  background-color: #e4e7ed;
  position: absolute;
  left: -0.9375rem;
  top: 50%;
  transform: translateY(-50%);
}
.head-box .head-subtitle[data-v-639aa0c2] {
  font-size: 0.8125rem;
  font-weight: 400;
  color: #afb6c0;
  text-align: left;
  display: flex;
}
.code-btn-start[data-v-639aa0c2] {
  width: 5rem;
  height: 1.75rem;
  line-height: normal;
  border: 0.0625rem solid var(--ui-BG-Main);
  border-radius: 0.875rem;
  font-size: 0.8125rem;
  font-weight: 400;
  color: var(--ui-BG-Main);
  opacity: 1;
}
.forgot-btn[data-v-639aa0c2] {
  width: 5rem;
  line-height: 1.75rem;
  font-size: 0.9375rem;
  font-weight: 500;
  color: #999;
}
.login-btn-start[data-v-639aa0c2] {
  width: 4.9375rem;
  height: 1.75rem;
  line-height: normal;
  background: linear-gradient(90deg, var(--ui-BG-Main), var(--ui-BG-Main-gradient));
  border-radius: 0.875rem;
  font-size: 0.8125rem;
  font-weight: 500;
  color: #fff;
}
.type-btn[data-v-639aa0c2] {
  padding: 0.625rem;
  margin: 1.25rem auto;
  font-size: 0.9375rem;
  font-weight: 500;
  color: #999999;
}
.auto-login-box[data-v-639aa0c2] {
  width: 100%;
}
.auto-login-box .auto-login-btn[data-v-639aa0c2] {
  width: 2.125rem;
  height: 2.125rem;
  border-radius: 50%;
  margin: 0 0.9375rem;
}
.auto-login-box .auto-login-img[data-v-639aa0c2] {
  width: 2.125rem;
  height: 2.125rem;
  border-radius: 50%;
}
.agreement-box[data-v-639aa0c2] {
  margin: 2.5rem auto 0;
}
.agreement-box .protocol-check[data-v-639aa0c2] {
  transform: scale(0.7);
}
.agreement-box .agreement-text[data-v-639aa0c2] {
  font-size: 0.8125rem;
  font-weight: 500;
  color: #999999;
}
.agreement-box .agreement-text .tcp-text[data-v-639aa0c2] {
  color: var(--ui-BG-Main);
}
.editPwd-btn-box .save-btn[data-v-639aa0c2] {
  width: 21.5625rem;
  line-height: 2.1875rem;
  background: linear-gradient(90deg, var(--ui-BG-Main), var(--ui-BG-Main-gradient));
  border-radius: 1.09375rem;
  font-size: 0.875rem;
  font-weight: 500;
  color: #ffffff;
}
.editPwd-btn-box .forgot-btn[data-v-639aa0c2] {
  width: 21.5625rem;
  line-height: 2.1875rem;
  font-size: 0.875rem;
  font-weight: 500;
  color: #999999;
}
/**
 * 这里是uni-app内置的常用样式变量
 *
 * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 *
 */
/**
 * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
 *
 * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
 */
/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
@keyframes title-animation-bf1cb4c0 {
0% {
    font-size: 1rem;
}
100% {
    font-size: 1.125rem;
}
}
.login-wrap[data-v-bf1cb4c0] {
  padding: 1.5625rem 1.0625rem;
  min-height: 15.625rem;
  background-color: #fff;
  border-radius: 0.625rem 0.625rem 0 0;
}
.head-box .head-title[data-v-bf1cb4c0] {
  font-size: 1.125rem;
  font-weight: bold;
  color: #333333;
  line-height: 1.125rem;
}
.head-box .head-title-active[data-v-bf1cb4c0] {
  font-size: 1rem;
  font-weight: 600;
  color: #999;
  line-height: 1.125rem;
}
.head-box .head-title-animation[data-v-bf1cb4c0] {
  animation-name: title-animation-bf1cb4c0;
  animation-duration: 0.1s;
  animation-timing-function: ease-out;
  animation-fill-mode: forwards;
}
.head-box .head-title-line[data-v-bf1cb4c0] {
  position: relative;
}
.head-box .head-title-line[data-v-bf1cb4c0]::before {
  content: "";
  width: 0.03125rem;
  height: 1.0625rem;
  background-color: #e4e7ed;
  position: absolute;
  left: -0.9375rem;
  top: 50%;
  transform: translateY(-50%);
}
.head-box .head-subtitle[data-v-bf1cb4c0] {
  font-size: 0.8125rem;
  font-weight: 400;
  color: #afb6c0;
  text-align: left;
  display: flex;
}
.code-btn-start[data-v-bf1cb4c0] {
  width: 5rem;
  height: 1.75rem;
  line-height: normal;
  border: 0.0625rem solid var(--ui-BG-Main);
  border-radius: 0.875rem;
  font-size: 0.8125rem;
  font-weight: 400;
  color: var(--ui-BG-Main);
  opacity: 1;
}
.forgot-btn[data-v-bf1cb4c0] {
  width: 5rem;
  line-height: 1.75rem;
  font-size: 0.9375rem;
  font-weight: 500;
  color: #999;
}
.login-btn-start[data-v-bf1cb4c0] {
  width: 4.9375rem;
  height: 1.75rem;
  line-height: normal;
  background: linear-gradient(90deg, var(--ui-BG-Main), var(--ui-BG-Main-gradient));
  border-radius: 0.875rem;
  font-size: 0.8125rem;
  font-weight: 500;
  color: #fff;
}
.type-btn[data-v-bf1cb4c0] {
  padding: 0.625rem;
  margin: 1.25rem auto;
  font-size: 0.9375rem;
  font-weight: 500;
  color: #999999;
}
.auto-login-box[data-v-bf1cb4c0] {
  width: 100%;
}
.auto-login-box .auto-login-btn[data-v-bf1cb4c0] {
  width: 2.125rem;
  height: 2.125rem;
  border-radius: 50%;
  margin: 0 0.9375rem;
}
.auto-login-box .auto-login-img[data-v-bf1cb4c0] {
  width: 2.125rem;
  height: 2.125rem;
  border-radius: 50%;
}
.agreement-box[data-v-bf1cb4c0] {
  margin: 2.5rem auto 0;
}
.agreement-box .protocol-check[data-v-bf1cb4c0] {
  transform: scale(0.7);
}
.agreement-box .agreement-text[data-v-bf1cb4c0] {
  font-size: 0.8125rem;
  font-weight: 500;
  color: #999999;
}
.agreement-box .agreement-text .tcp-text[data-v-bf1cb4c0] {
  color: var(--ui-BG-Main);
}
.editPwd-btn-box .save-btn[data-v-bf1cb4c0] {
  width: 21.5625rem;
  line-height: 2.1875rem;
  background: linear-gradient(90deg, var(--ui-BG-Main), var(--ui-BG-Main-gradient));
  border-radius: 1.09375rem;
  font-size: 0.875rem;
  font-weight: 500;
  color: #ffffff;
}
.editPwd-btn-box .forgot-btn[data-v-bf1cb4c0] {
  width: 21.5625rem;
  line-height: 2.1875rem;
  font-size: 0.875rem;
  font-weight: 500;
  color: #999999;
}
.foot-box[data-v-bf1cb4c0] {
  width: 100%;
  display: flex;
  justify-content: center;
}
.authorization-btn[data-v-bf1cb4c0] {
  width: 21.4375rem;
  height: 2.5rem;
  background-color: var(--ui-BG-Main);
  border-radius: 1.25rem;
  color: #fff;
}
.avatar-img[data-v-bf1cb4c0] {
  width: 2.25rem;
  height: 2.25rem;
  border-radius: 1.125rem;
}
.cicon-forward[data-v-bf1cb4c0] {
  font-size: 0.9375rem;
  color: #595959;
}
.avatar-btn[data-v-bf1cb4c0] {
  width: 100%;
  justify-content: space-between;
}
/**
 * 这里是uni-app内置的常用样式变量
 *
 * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 *
 */
/**
 * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
 *
 * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
 */
/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
@keyframes title-animation-4de4e8c0 {
0% {
    font-size: 1rem;
}
100% {
    font-size: 1.125rem;
}
}
.login-wrap[data-v-4de4e8c0] {
  padding: 1.5625rem 1.0625rem;
  min-height: 15.625rem;
  background-color: #fff;
  border-radius: 0.625rem 0.625rem 0 0;
}
.head-box .head-title[data-v-4de4e8c0] {
  font-size: 1.125rem;
  font-weight: bold;
  color: #333333;
  line-height: 1.125rem;
}
.head-box .head-title-active[data-v-4de4e8c0] {
  font-size: 1rem;
  font-weight: 600;
  color: #999;
  line-height: 1.125rem;
}
.head-box .head-title-animation[data-v-4de4e8c0] {
  animation-name: title-animation-4de4e8c0;
  animation-duration: 0.1s;
  animation-timing-function: ease-out;
  animation-fill-mode: forwards;
}
.head-box .head-title-line[data-v-4de4e8c0] {
  position: relative;
}
.head-box .head-title-line[data-v-4de4e8c0]::before {
  content: "";
  width: 0.03125rem;
  height: 1.0625rem;
  background-color: #e4e7ed;
  position: absolute;
  left: -0.9375rem;
  top: 50%;
  transform: translateY(-50%);
}
.head-box .head-subtitle[data-v-4de4e8c0] {
  font-size: 0.8125rem;
  font-weight: 400;
  color: #afb6c0;
  text-align: left;
  display: flex;
}
.code-btn-start[data-v-4de4e8c0] {
  width: 5rem;
  height: 1.75rem;
  line-height: normal;
  border: 0.0625rem solid var(--ui-BG-Main);
  border-radius: 0.875rem;
  font-size: 0.8125rem;
  font-weight: 400;
  color: var(--ui-BG-Main);
  opacity: 1;
}
.forgot-btn[data-v-4de4e8c0] {
  width: 5rem;
  line-height: 1.75rem;
  font-size: 0.9375rem;
  font-weight: 500;
  color: #999;
}
.login-btn-start[data-v-4de4e8c0] {
  width: 4.9375rem;
  height: 1.75rem;
  line-height: normal;
  background: linear-gradient(90deg, var(--ui-BG-Main), var(--ui-BG-Main-gradient));
  border-radius: 0.875rem;
  font-size: 0.8125rem;
  font-weight: 500;
  color: #fff;
}
.type-btn[data-v-4de4e8c0] {
  padding: 0.625rem;
  margin: 1.25rem auto;
  font-size: 0.9375rem;
  font-weight: 500;
  color: #999999;
}
.auto-login-box[data-v-4de4e8c0] {
  width: 100%;
}
.auto-login-box .auto-login-btn[data-v-4de4e8c0] {
  width: 2.125rem;
  height: 2.125rem;
  border-radius: 50%;
  margin: 0 0.9375rem;
}
.auto-login-box .auto-login-img[data-v-4de4e8c0] {
  width: 2.125rem;
  height: 2.125rem;
  border-radius: 50%;
}
.agreement-box[data-v-4de4e8c0] {
  margin: 2.5rem auto 0;
}
.agreement-box .protocol-check[data-v-4de4e8c0] {
  transform: scale(0.7);
}
.agreement-box .agreement-text[data-v-4de4e8c0] {
  font-size: 0.8125rem;
  font-weight: 500;
  color: #999999;
}
.agreement-box .agreement-text .tcp-text[data-v-4de4e8c0] {
  color: var(--ui-BG-Main);
}
.editPwd-btn-box .save-btn[data-v-4de4e8c0] {
  width: 21.5625rem;
  line-height: 2.1875rem;
  background: linear-gradient(90deg, var(--ui-BG-Main), var(--ui-BG-Main-gradient));
  border-radius: 1.09375rem;
  font-size: 0.875rem;
  font-weight: 500;
  color: #ffffff;
}
.editPwd-btn-box .forgot-btn[data-v-4de4e8c0] {
  width: 21.5625rem;
  line-height: 2.1875rem;
  font-size: 0.875rem;
  font-weight: 500;
  color: #999999;
}
.code-btn-start[data-v-4de4e8c0] {
  color: #55b774;
  border: 1px solid #55b774;
}
.agreement-box[data-v-4de4e8c0] {
  margin: 0.625rem 0;
}
.login-btn-start[data-v-4de4e8c0] {
  background: #0e932e;
  width: 100%;
  height: 2.5rem;
  font-size: 1rem;
}
.loginUniForm[data-v-4de4e8c0] {
  border: 0.03125rem solid #d6d6d6;
  padding: 0.3125rem 0.46875rem;
  border-radius: 0.3125rem;
}
.loginUniFormItem[data-v-4de4e8c0]:first-child {
  border-bottom: 0.03125rem solid #d6d6d6;
  padding-bottom: 0.3125rem;
}
.loginUniFormItem[data-v-4de4e8c0]:last-child {
  padding-top: 0.3125rem;
}
[data-v-4de4e8c0] .loginUniFormItem .uni-forms-item__inner {
  padding-bottom: 0;
}
[data-v-4de4e8c0] .loginUniFormItem .uni-error-message {
  bottom: -0.625rem;
}
/**
 * 这里是uni-app内置的常用样式变量
 *
 * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 *
 */
/**
 * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
 *
 * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
 */
/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
@keyframes title-animation-754d55b7 {
0% {
    font-size: 1rem;
}
100% {
    font-size: 1.125rem;
}
}
.login-wrap[data-v-754d55b7] {
  padding: 1.5625rem 1.0625rem;
  min-height: 15.625rem;
  background-color: #fff;
  border-radius: 0.625rem 0.625rem 0 0;
}
.head-box .head-title[data-v-754d55b7] {
  font-size: 1.125rem;
  font-weight: bold;
  color: #333333;
  line-height: 1.125rem;
}
.head-box .head-title-active[data-v-754d55b7] {
  font-size: 1rem;
  font-weight: 600;
  color: #999;
  line-height: 1.125rem;
}
.head-box .head-title-animation[data-v-754d55b7] {
  animation-name: title-animation-754d55b7;
  animation-duration: 0.1s;
  animation-timing-function: ease-out;
  animation-fill-mode: forwards;
}
.head-box .head-title-line[data-v-754d55b7] {
  position: relative;
}
.head-box .head-title-line[data-v-754d55b7]::before {
  content: "";
  width: 0.03125rem;
  height: 1.0625rem;
  background-color: #e4e7ed;
  position: absolute;
  left: -0.9375rem;
  top: 50%;
  transform: translateY(-50%);
}
.head-box .head-subtitle[data-v-754d55b7] {
  font-size: 0.8125rem;
  font-weight: 400;
  color: #afb6c0;
  text-align: left;
  display: flex;
}
.code-btn-start[data-v-754d55b7] {
  width: 5rem;
  height: 1.75rem;
  line-height: normal;
  border: 0.0625rem solid var(--ui-BG-Main);
  border-radius: 0.875rem;
  font-size: 0.8125rem;
  font-weight: 400;
  color: var(--ui-BG-Main);
  opacity: 1;
}
.forgot-btn[data-v-754d55b7] {
  width: 5rem;
  line-height: 1.75rem;
  font-size: 0.9375rem;
  font-weight: 500;
  color: #999;
}
.login-btn-start[data-v-754d55b7] {
  width: 4.9375rem;
  height: 1.75rem;
  line-height: normal;
  background: linear-gradient(90deg, var(--ui-BG-Main), var(--ui-BG-Main-gradient));
  border-radius: 0.875rem;
  font-size: 0.8125rem;
  font-weight: 500;
  color: #fff;
}
.type-btn[data-v-754d55b7] {
  padding: 0.625rem;
  margin: 1.25rem auto;
  font-size: 0.9375rem;
  font-weight: 500;
  color: #999999;
}
.auto-login-box[data-v-754d55b7] {
  width: 100%;
}
.auto-login-box .auto-login-btn[data-v-754d55b7] {
  width: 2.125rem;
  height: 2.125rem;
  border-radius: 50%;
  margin: 0 0.9375rem;
}
.auto-login-box .auto-login-img[data-v-754d55b7] {
  width: 2.125rem;
  height: 2.125rem;
  border-radius: 50%;
}
.agreement-box[data-v-754d55b7] {
  margin: 2.5rem auto 0;
}
.agreement-box .protocol-check[data-v-754d55b7] {
  transform: scale(0.7);
}
.agreement-box .agreement-text[data-v-754d55b7] {
  font-size: 0.8125rem;
  font-weight: 500;
  color: #999999;
}
.agreement-box .agreement-text .tcp-text[data-v-754d55b7] {
  color: var(--ui-BG-Main);
}
.editPwd-btn-box .save-btn[data-v-754d55b7] {
  width: 21.5625rem;
  line-height: 2.1875rem;
  background: linear-gradient(90deg, var(--ui-BG-Main), var(--ui-BG-Main-gradient));
  border-radius: 1.09375rem;
  font-size: 0.875rem;
  font-weight: 500;
  color: #ffffff;
}
.editPwd-btn-box .forgot-btn[data-v-754d55b7] {
  width: 21.5625rem;
  line-height: 2.1875rem;
  font-size: 0.875rem;
  font-weight: 500;
  color: #999999;
}
.login-btn-start[data-v-754d55b7] {
  background: linear-gradient(90deg, var(--ui-BG-Main), var(--ui-BG-Main-gradient));
  width: 100%;
  height: 2.5rem;
  font-size: 1rem;
}
.loginUniForm[data-v-754d55b7] {
  border: 0.03125rem solid #d6d6d6;
  padding: 0.3125rem 0.46875rem;
  border-radius: 0.3125rem;
}
.loginUniFormItem[data-v-754d55b7]:first-child {
  border-bottom: 0.03125rem solid #d6d6d6;
  padding-bottom: 0.3125rem;
}
.loginUniFormItem[data-v-754d55b7]:last-child {
  padding-top: 0.3125rem;
}
[data-v-754d55b7] .loginUniFormItem .uni-forms-item__inner {
  padding-bottom: 0;
}
[data-v-754d55b7] .loginUniFormItem .uni-error-message {
  bottom: -0.625rem;
}
/**
 * 这里是uni-app内置的常用样式变量
 *
 * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 *
 */
/**
 * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
 *
 * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
 */
/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
@keyframes title-animation-e0d6f1a0 {
0% {
    font-size: 1rem;
}
100% {
    font-size: 1.125rem;
}
}
.login-wrap[data-v-e0d6f1a0] {
  padding: 1.5625rem 1.0625rem;
  min-height: 15.625rem;
  background-color: #fff;
  border-radius: 0.625rem 0.625rem 0 0;
}
.head-box .head-title[data-v-e0d6f1a0] {
  font-size: 1.125rem;
  font-weight: bold;
  color: #333333;
  line-height: 1.125rem;
}
.head-box .head-title-active[data-v-e0d6f1a0] {
  font-size: 1rem;
  font-weight: 600;
  color: #999;
  line-height: 1.125rem;
}
.head-box .head-title-animation[data-v-e0d6f1a0] {
  animation-name: title-animation-e0d6f1a0;
  animation-duration: 0.1s;
  animation-timing-function: ease-out;
  animation-fill-mode: forwards;
}
.head-box .head-title-line[data-v-e0d6f1a0] {
  position: relative;
}
.head-box .head-title-line[data-v-e0d6f1a0]::before {
  content: "";
  width: 0.03125rem;
  height: 1.0625rem;
  background-color: #e4e7ed;
  position: absolute;
  left: -0.9375rem;
  top: 50%;
  transform: translateY(-50%);
}
.head-box .head-subtitle[data-v-e0d6f1a0] {
  font-size: 0.8125rem;
  font-weight: 400;
  color: #afb6c0;
  text-align: left;
  display: flex;
}
.code-btn-start[data-v-e0d6f1a0] {
  width: 5rem;
  height: 1.75rem;
  line-height: normal;
  border: 0.0625rem solid var(--ui-BG-Main);
  border-radius: 0.875rem;
  font-size: 0.8125rem;
  font-weight: 400;
  color: var(--ui-BG-Main);
  opacity: 1;
}
.forgot-btn[data-v-e0d6f1a0] {
  width: 5rem;
  line-height: 1.75rem;
  font-size: 0.9375rem;
  font-weight: 500;
  color: #999;
}
.login-btn-start[data-v-e0d6f1a0] {
  width: 4.9375rem;
  height: 1.75rem;
  line-height: normal;
  background: linear-gradient(90deg, var(--ui-BG-Main), var(--ui-BG-Main-gradient));
  border-radius: 0.875rem;
  font-size: 0.8125rem;
  font-weight: 500;
  color: #fff;
}
.type-btn[data-v-e0d6f1a0] {
  padding: 0.625rem;
  margin: 1.25rem auto;
  font-size: 0.9375rem;
  font-weight: 500;
  color: #999999;
}
.auto-login-box[data-v-e0d6f1a0] {
  width: 100%;
}
.auto-login-box .auto-login-btn[data-v-e0d6f1a0] {
  width: 2.125rem;
  height: 2.125rem;
  border-radius: 50%;
  margin: 0 0.9375rem;
}
.auto-login-box .auto-login-img[data-v-e0d6f1a0] {
  width: 2.125rem;
  height: 2.125rem;
  border-radius: 50%;
}
.agreement-box[data-v-e0d6f1a0] {
  margin: 2.5rem auto 0;
}
.agreement-box .protocol-check[data-v-e0d6f1a0] {
  transform: scale(0.7);
}
.agreement-box .agreement-text[data-v-e0d6f1a0] {
  font-size: 0.8125rem;
  font-weight: 500;
  color: #999999;
}
.agreement-box .agreement-text .tcp-text[data-v-e0d6f1a0] {
  color: var(--ui-BG-Main);
}
.editPwd-btn-box .save-btn[data-v-e0d6f1a0] {
  width: 21.5625rem;
  line-height: 2.1875rem;
  background: linear-gradient(90deg, var(--ui-BG-Main), var(--ui-BG-Main-gradient));
  border-radius: 1.09375rem;
  font-size: 0.875rem;
  font-weight: 500;
  color: #ffffff;
}
.editPwd-btn-box .forgot-btn[data-v-e0d6f1a0] {
  width: 21.5625rem;
  line-height: 2.1875rem;
  font-size: 0.875rem;
  font-weight: 500;
  color: #999999;
}
.login-btn-start[data-v-e0d6f1a0] {
  background: linear-gradient(90deg, var(--ui-BG-Main), var(--ui-BG-Main-gradient));
  width: 100%;
  height: 2.5rem;
  font-size: 1rem;
}
.loginUniForm[data-v-e0d6f1a0] {
  border: 0.03125rem solid #d6d6d6;
  padding: 0.3125rem 0.46875rem;
  border-radius: 0.3125rem;
}
.loginUniFormItem[data-v-e0d6f1a0] {
  border-bottom: 0.03125rem solid #d6d6d6;
  padding-bottom: 0.3125rem;
}
.loginUniFormItem[data-v-e0d6f1a0]:last-child {
  border-bottom: none;
  padding-top: 0.3125rem;
}
[data-v-e0d6f1a0] .loginUniFormItem .uni-forms-item__inner {
  padding-bottom: 0;
}
[data-v-e0d6f1a0] .loginUniFormItem .uni-error-message {
  bottom: -0.625rem;
}
/**
 * 这里是uni-app内置的常用样式变量
 *
 * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 *
 */
/**
 * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
 *
 * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
 */
/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
@keyframes title-animation-21181321 {
0% {
    font-size: 1rem;
}
100% {
    font-size: 1.125rem;
}
}
.login-wrap[data-v-21181321] {
  padding: 1.5625rem 1.0625rem;
  min-height: 15.625rem;
  background-color: #fff;
  border-radius: 0.625rem 0.625rem 0 0;
}
.head-box .head-title[data-v-21181321] {
  font-size: 1.125rem;
  font-weight: bold;
  color: #333333;
  line-height: 1.125rem;
}
.head-box .head-title-active[data-v-21181321] {
  font-size: 1rem;
  font-weight: 600;
  color: #999;
  line-height: 1.125rem;
}
.head-box .head-title-animation[data-v-21181321] {
  animation-name: title-animation-21181321;
  animation-duration: 0.1s;
  animation-timing-function: ease-out;
  animation-fill-mode: forwards;
}
.head-box .head-title-line[data-v-21181321] {
  position: relative;
}
.head-box .head-title-line[data-v-21181321]::before {
  content: "";
  width: 0.03125rem;
  height: 1.0625rem;
  background-color: #e4e7ed;
  position: absolute;
  left: -0.9375rem;
  top: 50%;
  transform: translateY(-50%);
}
.head-box .head-subtitle[data-v-21181321] {
  font-size: 0.8125rem;
  font-weight: 400;
  color: #afb6c0;
  text-align: left;
  display: flex;
}
.code-btn-start[data-v-21181321] {
  width: 5rem;
  height: 1.75rem;
  line-height: normal;
  border: 0.0625rem solid var(--ui-BG-Main);
  border-radius: 0.875rem;
  font-size: 0.8125rem;
  font-weight: 400;
  color: var(--ui-BG-Main);
  opacity: 1;
}
.forgot-btn[data-v-21181321] {
  width: 5rem;
  line-height: 1.75rem;
  font-size: 0.9375rem;
  font-weight: 500;
  color: #999;
}
.login-btn-start[data-v-21181321] {
  width: 4.9375rem;
  height: 1.75rem;
  line-height: normal;
  background: linear-gradient(90deg, var(--ui-BG-Main), var(--ui-BG-Main-gradient));
  border-radius: 0.875rem;
  font-size: 0.8125rem;
  font-weight: 500;
  color: #fff;
}
.type-btn[data-v-21181321] {
  padding: 0.625rem;
  margin: 1.25rem auto;
  font-size: 0.9375rem;
  font-weight: 500;
  color: #999999;
}
.auto-login-box[data-v-21181321] {
  width: 100%;
}
.auto-login-box .auto-login-btn[data-v-21181321] {
  width: 2.125rem;
  height: 2.125rem;
  border-radius: 50%;
  margin: 0 0.9375rem;
}
.auto-login-box .auto-login-img[data-v-21181321] {
  width: 2.125rem;
  height: 2.125rem;
  border-radius: 50%;
}
.agreement-box[data-v-21181321] {
  margin: 2.5rem auto 0;
}
.agreement-box .protocol-check[data-v-21181321] {
  transform: scale(0.7);
}
.agreement-box .agreement-text[data-v-21181321] {
  font-size: 0.8125rem;
  font-weight: 500;
  color: #999999;
}
.agreement-box .agreement-text .tcp-text[data-v-21181321] {
  color: var(--ui-BG-Main);
}
.editPwd-btn-box .save-btn[data-v-21181321] {
  width: 21.5625rem;
  line-height: 2.1875rem;
  background: linear-gradient(90deg, var(--ui-BG-Main), var(--ui-BG-Main-gradient));
  border-radius: 1.09375rem;
  font-size: 0.875rem;
  font-weight: 500;
  color: #ffffff;
}
.editPwd-btn-box .forgot-btn[data-v-21181321] {
  width: 21.5625rem;
  line-height: 2.1875rem;
  font-size: 0.875rem;
  font-weight: 500;
  color: #999999;
}
.shake[data-v-21181321] {
  animation: shake-21181321 0.05s linear 4 alternate;
}
@keyframes shake-21181321 {
from {
    transform: translateX(-0.3125rem);
}
to {
    transform: translateX(0.3125rem);
}
}
.register-box[data-v-21181321] {
  position: relative;
  justify-content: center;
}
.register-box .register-btn[data-v-21181321] {
  color: #999999;
  font-size: 0.9375rem;
  font-weight: 500;
}
.register-box .register-title[data-v-21181321] {
  color: #999999;
  font-size: 0.9375rem;
  font-weight: 400;
  margin-right: 0.75rem;
}
.register-box .or-title[data-v-21181321] {
  margin: 0 0.5rem;
  color: #999999;
  font-size: 0.9375rem;
  font-weight: 400;
}
.register-box .login-btn[data-v-21181321] {
  color: var(--ui-BG-Main);
  font-size: 0.9375rem;
  font-weight: 500;
}
.register-box .circle[data-v-21181321] {
  position: absolute;
  right: 0;
  top: 0.5625rem;
  width: 0.25rem;
  height: 0.25rem;
  border-radius: 0.25rem;
  background: var(--ui-BG-Main);
}
.safe-box[data-v-21181321] {
  height: calc(constant(safe-area-inset-bottom) / 5 * 3);
  height: calc(env(safe-area-inset-bottom) / 5 * 3);
}
.tcp-text[data-v-21181321] {
  color: var(--ui-BG-Main);
}
.agreement-text[data-v-21181321] {
  color: #999999;
}
.wx-login-btn[data-v-21181321] {
  width: 100%;
  border: 0.03125rem solid #55b774;
  border-radius: 0.3125rem;
  padding: 0.3125rem 0;
  color: #333333;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1rem;
  margin: 0 0 0.625rem 0;
  box-sizing: border-box;
}
.wx-login-btn uni-text[data-v-21181321] {
  margin-left: 0.625rem;
}
.agreement-box[data-v-21181321] {
  margin: 1.25rem;
}
/**
 * 这里是uni-app内置的常用样式变量
 *
 * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 *
 */
/**
 * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
 *
 * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
 */
/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
.popup-box[data-v-199e8f1d] {
  position: relative;
}
.poster-title[data-v-199e8f1d] {
  color: #999;
}
.poster-btn-box[data-v-199e8f1d] {
  width: 18.75rem;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: -2.5rem;
}
.poster-btn-box .cancel-btn[data-v-199e8f1d] {
  width: 8.75rem;
  height: 2.1875rem;
  line-height: 2.1875rem;
  background: #ffffff;
  border-radius: 1.09375rem;
  font-size: 0.875rem;
  font-weight: 500;
  color: #999999;
}
.poster-btn-box .save-btn[data-v-199e8f1d] {
  width: 8.75rem;
  height: 2.1875rem;
  line-height: 2.1875rem;
  border-radius: 1.09375rem;
  font-size: 0.875rem;
  font-weight: 500;
}
.poster-img[data-v-199e8f1d] {
  border-radius: 0.625rem;
}
.hideCanvas[data-v-199e8f1d] {
  position: fixed;
  top: -3124.96875rem;
  left: -3124.96875rem;
  z-index: -99999;
}
/**
 * 这里是uni-app内置的常用样式变量
 *
 * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 *
 */
/**
 * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
 *
 * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
 */
/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
.guide-image[data-v-a2a58660] {
  right: 0.9375rem;
  top: 0;
  position: fixed;
  width: 18.125rem;
  height: 13.4375rem;
  z-index: 10080;
}
.share-box[data-v-a2a58660] {
  background: #ffffff;
  width: 23.4375rem;
  border-radius: 0.9375rem 0.9375rem 0 0;
  padding-top: 0.9375rem;
}
.share-box .share-foot[data-v-a2a58660] {
  font-size: 0.75rem;
  color: #bbbbbb;
  height: 2.5rem;
  border-top: 0.03125rem solid #eeeeee;
}
.share-box .share-list-box .share-btn[data-v-a2a58660] {
  background: none;
  border: none;
  line-height: 1;
  padding: 0;
}
.share-box .share-list-box .share-btn[data-v-a2a58660]::after {
  border: none;
}
.share-box .share-list-box .share-item[data-v-a2a58660] {
  flex: 1;
  padding-bottom: 0.625rem;
}
.share-box .share-list-box .share-item .share-img[data-v-a2a58660] {
  width: 2.1875rem;
  height: 2.1875rem;
  background: #f8f9fa;
  border-radius: 50%;
  margin-bottom: 0.625rem;
}
.share-box .share-list-box .share-item .share-title[data-v-a2a58660] {
  font-size: 0.75rem;
  color: #666666;
}
/**
 * 这里是uni-app内置的常用样式变量
 *
 * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 *
 */
/**
 * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
 *
 * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
 */
/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
.tools-wrap .title[data-v-bbb37e35] {
  font-size: 1.125rem;
  font-weight: bold;
  color: #333333;
}
.tools-wrap .list-item[data-v-bbb37e35] {
  width: calc(25vw - 0.625rem);
}
.tools-wrap .list-item .list-image[data-v-bbb37e35] {
  width: 3.25rem;
  height: 3.25rem;
  border-radius: 1.625rem;
  background: var(--ui-BG);
}
.tools-wrap .list-item .list-image .list-icon[data-v-bbb37e35] {
  width: 1.6875rem;
  height: 1.6875rem;
}
.tools-wrap .list-item .list-title[data-v-bbb37e35] {
  font-size: 0.8125rem;
  font-weight: 500;
  color: #333333;
}
.uni-popup[data-v-bbb37e35] {
  top: 0 !important;
}
[data-v-bbb37e35] .button-hover {
  background: #fafafa !important;
}
/**
 * 这里是uni-app内置的常用样式变量
 *
 * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 *
 */
/**
 * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
 *
 * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
 */
/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
.page-app[data-v-32d0115a] {
  position: relative;
  color: var(--ui-TC);
  background-color: var(--ui-BG-1) !important;
  z-index: 2;
  display: flex;
  width: 100%;
  height: 100vh;
}
.page-app .page-main[data-v-32d0115a] {
  position: absolute;
  z-index: 1;
  width: 100%;
  min-height: 100%;
  display: flex;
  flex-direction: column;
  background-color: var(--ui-BG-1) !important;
}
.page-app .page-main .page-body[data-v-32d0115a] {
  width: 100%;
  position: relative;
  z-index: 1;
  flex: 1;
}
.page-app .page-main .page-img[data-v-32d0115a] {
  width: 100vw;
  height: 100vh;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0;
}
/**
 * 这里是uni-app内置的常用样式变量
 *
 * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 *
 */
/**
 * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
 *
 * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
 */
/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
.PromoterRank .redBg[data-v-fe20a205] {
  padding: 1.40625rem 0 0.9375rem 0;
}
.PromoterRank .header[data-v-fe20a205] {
  background: url("data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAAQABAAD/2wBDAAoHBwkHBgoJCAkLCwoMDxkQDw4ODx4WFxIZJCAmJSMgIyIoLTkwKCo2KyIjMkQyNjs9QEBAJjBGS0U+Sjk/QD3/2wBDAQsLCw8NDx0QEB09KSMpPT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT3/wgARCAHMAu4DAREAAhEBAxEB/8QAGQABAQEBAQEAAAAAAAAAAAAAAAECAwQF/8QAGQEBAQEBAQEAAAAAAAAAAAAAAAECAwUH/9oADAMBAAIQAxAAAAD5nh/QwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAANSaSyAS2GWpQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAGpNzOpAAAAJbzus2gAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAWOkxqQAAAAACW8rqWgAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAADUnXOSAAaSgEMqAAOetYugAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABqTrnAAqbTUgAAGbcLFAHPWsXQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAsnbOAB0Z1IAAAABm3m0AOWt5tAAAAAAAAAAAAAAAAAAAAAqCgoASgAEUQhFAAAAA7ZxZAOrNkAAAAAAlvJoCW8dbAAAAAAAAAAAAAAAAAqUFSgpCikAVAKgoKCgoCFzbIi5MrhRuZ6ZyB0Z1IAANzNIYugABm3m0BjWud0AAAAAAAAAAAAAABtmgAAAApAUAqAUFQCgoKChKotEhIksEm85AA9GefoxzqARfPvp59dAAOd1lQOG9lAAAAAAAAAAAAAAHRkAAAAACghQCoBQVC1BQUCqCwsoUUshJCJJ6+fDrnIAAHO68fTtFAhyuwOetYugAAAAAAAAAAAAAB0ZAAAAAAAoIUAqAUFCUFBQUVYJVUSxQC2WN5xvOemMazkADhrfl32AHO6yozbz1vTOipSgIWBRAQgIsIsAAAAB0ZAAAAAAAAFICgFQUFCUFBQUoFWFVEWrIpChZOmMdMY6YwB4enfF0BNWW6spKLIEBFgIogWAEAABlYZUAAdGQAAAAAAAAKCFAKgoKEFBQUoKCgqCpQAKQpHTOOmMcmuW9WroIoiwEUSBAsICKIAsBAAACGVyoHRkAAAAAAAAACghQCoWoKEoKClAKClSoKAABQQqFCAQECwEUSBFEIFgIFEBAAAAZXK7ZAAAAAAAAAAAFIUBKpKCgqClBQUFSgqAUAACgAABCIIFgUQLIEIFgIFgBAAIAGaAAAoAAAAAAAAKAACpQUAqUFBQVKUBBVJQAQtpAAABAQEIFgUSBCBYCAkoEAApGaAAAAFAAAAAAAAKQoBQlUlCUFLSKDQSgFCAUEtAAoQAAACAhFhCQWECwECwgAIIVkoAAAAKAAAAAAAACkKAUFKhKClAKUqCgFQVZQAAAAqAAAAACLCEISXJFhFEBIUBlQAQUAAAoAAAAAAAABQAUossEpQUFKCgqAKSqqAQoIFIKCoAAAIohCElyRchYQEBAZUACgBKAAUAAAAAAAAFIUApQlBUFBQUoKEC0UAIUAhQACCgqAsBCEMrmXJFhCKIARRAACoBQEoAKAAAAAAAAAUAFBQlCUoKAUFAKKAFAQAAoAAIABCGJcrlckWAigCAAAAAFQUJQAUAAAAAAAAAAtIoBSoKgoKAUFBQKAAAoQAAoAJFJlcxhcLFyFEAAAAAAAAAKAgAAAAAAAAAoBCgHSZoANzNABUKBSVlQKQxdAAAAEAKAIQysIsAAAAAAAAAAAAAAAAAAAAAAAAABZO2ckAG01JUAAi5twoAHLW82gAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACydZmyAAC0kWyAABLed1m0AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAADpM7zkAAAAADNvLWwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABZNpvMIAAAM287qWgAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACydJnUgEXnrWbQAAAAAAAAAAAAAAAAAAB/8QALBAAAgECAwcEAwEBAQAAAAAAAAECERIDEyAUMVBRYWKhITBBYAQQQFJCsP/aAAgBAQABPwD/AMzJRbFhsWEjLiWR5GXEykZT+GWtfVFhtigl7TimPD5fUIxciMFH3nFSJQcfpsIVEqaUmxQZl9TL6mX1LGUa1ShT1X0uEK6VFsUEvYcExxa0zh8r6TCNz0xhz9xw5aZxpwqjLWWMsZYzL6mX1MvqZXUyupldTK7jJ7jJ6mS+aMmXQyZGVPkZcv8ALLXyftJVIq1U0RjT3pRroaqhqjpwKjLWWFiLUUX89kf8oyYP4Nnj1Nm5SNnlzQ8Ga/5Gmt6a/WHH50QjTWsKb3RZs+J/keFNb4vXKNdE41VeAWrgrhF74oy4mVyZlMjB19Vqw/xm/Wfp0IwjDcqaJQjPeqmJ+M16w9emqapoao2vpVEWlGYOEoKu9+xjYKxFVekhpptPQ1VU0Yi+fao+RR8ij5FHx9CdBY0181F+RzQsWEvnV+RhXK9b1v0zVH+5qsWKEnuTFgz5UFgP5ZkL5bMqJlx5Fq5Ip7FEWosRZ1LGWvjik47nQjjyW+jI48XvqhNPc6/vEhZiNaJQchYXNmWi1L+exFhRriS9lEcaa6i/IXyj8hqbTiKDFBf3uKY4DTXD1xBwRY1w1fXl/PQoUKfQFwCiLS0tZR8fXAaItRYiws6lrLShTiyfsV/sqVKlSpUqVKlSpXiNdFf7KjY2VKlSpUqV4WuEtjY2NlSpX6u2NjY2V/lqVLi4uLi4uLi4uLi4uLi4uLi4uLi4uLi8vLy8v6F/Qv6C0qNdzLOpYWlpQoUKFDcZnQzOhmdDN6Gb0Np7TauzybV2eTauzybV2eTauzybV2eTauzybV2eTauzybV2eTauzybV2eTauzybV2eTae3ybT2mf2mb0LypXikJWi0IWJzFJPU5JDxOWqc6+i3fS4ytE09dz5l8i589bdESnX6am0Rmn7zmkOTl9QU2hYie8XsvESHNv6qpyIuuhug5sq3wj//EACMRAAMAAgIBAwUAAAAAAAAAAAABERIgAmAwA1FwEFCAkLD/2gAIAQIBAT8A/mZ0pSlKXqt8l+NaUv47VGSKt1oujQhN3yLdLBctl06IxIxvwJzwrpz4Ifp+w+D24vVdUiH6aMGR/VaJMhOrPgmP0/YSaIzFfuapSlKUyMjIyMjIyMjIyKUpS/GU6vOwTxTq02n2n//EACQRAAMAAgICAgIDAQAAAAAAAAABERIgAjBQYAMQQFExQZCw/9oACAEDAQE/AP8AmZ5GRWVlZkUvqlL1UT9Qpe5OCfpre9RTIpVun6W3rS9FE9U/SW9W+xPVPxdKUpSmRkUpSlKZFRUVfgN9yeq8HSlL+RWVmTMjJFX29G98kZoyW6ei8BfC16PZ8/0Nt6JtC5/vZenz65cm+jjygtFovTnwTH8f6Hwa24P+tV9oqMkZGRWV9lKXzrSY/jQ/jaI198XVoil/IpfOvgmP42cE1/Pgr56E8DS/5/QhCEIQhCEIQhCEIQhCEIQhNqZGRkZFMjIyMi7YmJiYmJiYmJiYGBgYmJiYmJiQnlmtoTaE2S9La6IRE6EvTp3QXqEJ1JCXqs2S8T//2Q==") no-repeat;
  width: 100%;
  height: 14.375rem;
  background-size: 100% 100%;
}
.PromoterRank .header .nav[data-v-fe20a205] {
  width: 14.0625rem;
  height: 2.0625rem;
  border: 1px solid #fff;
  border-radius: 1.03125rem;
  font-size: 0.9375rem;
  color: #fff;
  margin: 0 auto;
}
.PromoterRank .header .nav .item[data-v-fe20a205] {
  width: 6.96875rem;
  height: 100%;
  text-align: center;
  line-height: 1.875rem;
}
.PromoterRank .header .nav .item.font-color[data-v-fe20a205]:nth-of-type(1) {
  background-color: #fff;
  border-radius: 1.03125rem 0 0 1.03125rem;
  color: red;
}
.PromoterRank .header .nav .item.font-color[data-v-fe20a205]:nth-of-type(2) {
  background-color: #fff;
  border-radius: 0 1.03125rem 1.03125rem 0;
  color: red;
}
.PromoterRank .header .rank[data-v-fe20a205] {
  padding: 0 0.625rem;
  margin-top: 0.9375rem;
}
.PromoterRank .header .rank .item .pictrue[data-v-fe20a205] {
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAIgAAACxCAYAAAAfz/U3AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA3ZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQyIDc5LjE2MDkyNCwgMjAxNy8wNy8xMy0wMTowNjozOSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDoxNGUyNzRkOS00YmQ4LTUzNGItYWZkZS02ZTlmMTgxYmZlYWUiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6ODVBODg2MzdEOEU1MTFFOTg4RTM5OTQyQjhDODMzMTciIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6ODVBODg2MzZEOEU1MTFFOTg4RTM5OTQyQjhDODMzMTciIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTggKFdpbmRvd3MpIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6OTAxZGU2OWItNWM2My0xOTQ1LTllZmMtMGIzNjcwYTFmNWUxIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjE0ZTI3NGQ5LTRiZDgtNTM0Yi1hZmRlLTZlOWYxODFiZmVhZSIv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") no-repeat;
  background-size: 100% 100%;
  width: 4.25rem;
  height: 5.53125rem;
  position: relative;
  margin: 0 auto;
}
.PromoterRank .header .rank .item .pictrue uni-image[data-v-fe20a205] {
  position: absolute;
  width: 4.0625rem;
  height: 4.0625rem;
  display: block;
  bottom: 0.0625rem;
  border-radius: 50%;
  left: 50%;
  margin-left: -2.03125rem;
}
.PromoterRank .header .rank .item:nth-of-type(2) .pictrue[data-v-fe20a205] {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAJwAAADNCAYAAABNahkfAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA3ZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQyIDc5LjE2MDkyNCwgMjAxNy8wNy8xMy0wMTowNjozOSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDoxNGUyNzRkOS00YmQ4LTUzNGItYWZkZS02ZTlmMTgxYmZlYWUiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NUU1MTlBRjBEOEU1MTFFOUEwRjRGRTQyMUZGNDk5NEIiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NUU1MTlBRUZEOEU1MTFFOUEwRjRGRTQyMUZGNDk5NEIiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTggKFdpbmRvd3MpIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6OTAxZGU2OWItNWM2My0xOTQ1LTllZmMtMGIzNjcwYTFmNWUxIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjE0ZTI3NGQ5LTRiZDgtNTM0Yi1hZmRlLTZlOWYxODFiZmVhZSIv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");
  width: 4.875rem;
  height: 6.40625rem;
}
.PromoterRank .header .rank .item:nth-of-type(2) .pictrue uni-image[data-v-fe20a205] {
  width: 4.6875rem;
  height: 4.6875rem;
  margin-left: -2.34375rem;
}
.PromoterRank .header .rank .item:nth-of-type(3) .pictrue[data-v-fe20a205] {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAIgAAACxCAYAAAAfz/U3AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA3ZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQyIDc5LjE2MDkyNCwgMjAxNy8wNy8xMy0wMTowNjozOSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDoxNGUyNzRkOS00YmQ4LTUzNGItYWZkZS02ZTlmMTgxYmZlYWUiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MTExRTlGRDlEOEU2MTFFOTg0MDg4RjQ5MDM3QjNGRTIiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MTExRTlGRDhEOEU2MTFFOTg0MDg4RjQ5MDM3QjNGRTIiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTggKFdpbmRvd3MpIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6OTAxZGU2OWItNWM2My0xOTQ1LTllZmMtMGIzNjcwYTFmNWUxIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjE0ZTI3NGQ5LTRiZDgtNTM0Yi1hZmRlLTZlOWYxODFiZmVhZSIv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");
}
.PromoterRank .header .rank .item:nth-of-type(3) .pictrue uni-image[data-v-fe20a205] {
  margin-left: -2rem;
}
.PromoterRank .header .rank .item .name[data-v-fe20a205] {
  font-size: 0.9375rem;
  color: #fff;
  margin-top: 0.6875rem;
  text-align: center;
  width: 5.3125rem;
}
.PromoterRank .header .rank .item .num[data-v-fe20a205] {
  font-size: 0.9375rem;
  color: #fff;
  text-align: center;
}
.PromoterRank .list[data-v-fe20a205] {
  width: 22.1875rem;
  background-color: #fff;
  border-radius: 0.625rem;
  margin: -1.875rem auto 0 auto;
  padding: 0 0.9375rem;
}
.PromoterRank .list .item[data-v-fe20a205] {
  border-bottom: 1px solid #f3f3f3;
  height: 3.15625rem;
  font-size: 0.875rem;
}
.PromoterRank .list .item .num[data-v-fe20a205] {
  color: #666;
  width: 2.1875rem;
}
.PromoterRank .list .item .picTxt[data-v-fe20a205] {
  width: 10.9375rem;
}
.PromoterRank .list .item .picTxt .pictrue[data-v-fe20a205] {
  width: 2.125rem;
  height: 2.125rem;
}
.PromoterRank .list .item .picTxt .pictrue uni-image[data-v-fe20a205] {
  width: 100%;
  height: 100%;
  display: block;
  border-radius: 50%;
}
.PromoterRank .list .item .picTxt .text[data-v-fe20a205] {
  width: 8.1875rem;
  color: #333;
}
.PromoterRank .list .item .people[data-v-fe20a205] {
  width: 5.46875rem;
  text-align: right;
}