* {
  padding: 0;
  margin: 0;
}

::-webkit-scrollbar {
  width: 0px;
  display: none;
}

::-webkit-scrollbar-track {
  background-color: #f5f5f5;
  -webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0);
  border-radius: 5px;
  display: none;
}

::-webkit-scrollbar-thumb {
  background-color: rgba(0, 0, 0, 0);
  border-radius: 5px;
}

::-webkit-scrollbar-button {
  background-color: #eee;
  display: none;
}

::-webkit-input-placeholder {
  color: rgba(255, 255, 255, 0.25);
}

:-moz-placeholder {
  color: rgba(255, 255, 255, 0.25);
}

::-moz-placeholder {
  color: rgba(255, 255, 255, 0.25);
}

:-ms-input-placeholder {
  color: rgba(255, 255, 255, 0.25);
}

html {
  -webkit-tap-highlight-color: transparent;
}

body {
  margin: 0;
  font-family: -apple-system, BlinkMacSystemFont, Helvetica Neue, Helvetica,
    Segoe UI, Arial, Roboto, PingFang SC, miui, Hiragino Sans GB,
    Microsoft Yahei, sans-serif;
}

a {
  text-decoration: none;
}

button,
input,
textarea {
  color: inherit;
  font: inherit;
}

[class*="van-"]:focus,
a:focus,
button:focus,
input:focus,
textarea:focus {
  outline: 0;
}

ol,
ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

.van-ellipsis {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.van-multi-ellipsis--l2 {
  -webkit-line-clamp: 2;
}

.van-multi-ellipsis--l2,
.van-multi-ellipsis--l3 {
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
}

.van-multi-ellipsis--l3 {
  -webkit-line-clamp: 3;
}

.van-clearfix:after {
  display: table;
  clear: both;
  content: "";
}

[class*="van-hairline"]:after {
  position: absolute;
  box-sizing: border-box;
  content: " ";
  pointer-events: none;
  top: -50%;
  right: -50%;
  bottom: -50%;
  left: -50%;
  border: 0 solid #ebedf0;
  -webkit-transform: scale(0.5);
  transform: scale(0.5);
}

.van-hairline,
.van-hairline--bottom,
.van-hairline--left,
.van-hairline--right,
.van-hairline--surround,
.van-hairline--top,
.van-hairline--top-bottom {
  position: relative;
}

.van-hairline--top:after {
  border-top-width: 1px;
}

.van-hairline--left:after {
  border-left-width: 1px;
}

.van-hairline--right:after {
  border-right-width: 1px;
}

.van-hairline--bottom:after {
  border-bottom-width: 1px;
}

.van-hairline--top-bottom:after,
.van-hairline-unset--top-bottom:after {
  border-width: 1px 0;
}

.van-hairline--surround:after {
  border-width: 1px;
}

@-webkit-keyframes van-slide-up-enter {
  0% {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}

@keyframes van-slide-up-enter {
  0% {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}

@-webkit-keyframes van-slide-up-leave {
  to {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}

@keyframes van-slide-up-leave {
  to {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}

@-webkit-keyframes van-slide-down-enter {
  0% {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}

@keyframes van-slide-down-enter {
  0% {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}

@-webkit-keyframes van-slide-down-leave {
  to {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}

@keyframes van-slide-down-leave {
  to {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}

@-webkit-keyframes van-slide-left-enter {
  0% {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}

@keyframes van-slide-left-enter {
  0% {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}

@-webkit-keyframes van-slide-left-leave {
  to {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}

@keyframes van-slide-left-leave {
  to {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}

@-webkit-keyframes van-slide-right-enter {
  0% {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}

@keyframes van-slide-right-enter {
  0% {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}

@-webkit-keyframes van-slide-right-leave {
  to {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}

@keyframes van-slide-right-leave {
  to {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}

@-webkit-keyframes van-fade-in {
  0% {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@keyframes van-fade-in {
  0% {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@-webkit-keyframes van-fade-out {
  0% {
    opacity: 1;
  }

  to {
    opacity: 0;
  }
}

@keyframes van-fade-out {
  0% {
    opacity: 1;
  }

  to {
    opacity: 0;
  }
}

@-webkit-keyframes van-rotate {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }

  to {
    -webkit-transform: rotate(1turn);
    transform: rotate(1turn);
  }
}

@keyframes van-rotate {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }

  to {
    -webkit-transform: rotate(1turn);
    transform: rotate(1turn);
  }
}

.van-fade-enter-active {
  -webkit-animation: van-fade-in 0.3s ease-out both;
  animation: van-fade-in 0.3s ease-out both;
}

.van-fade-leave-active {
  -webkit-animation: van-fade-out 0.3s ease-in both;
  animation: van-fade-out 0.3s ease-in both;
}

.van-slide-up-enter-active {
  -webkit-animation: van-slide-up-enter 0.3s ease-out both;
  animation: van-slide-up-enter 0.3s ease-out both;
}

.van-slide-up-leave-active {
  -webkit-animation: van-slide-up-leave 0.3s ease-in both;
  animation: van-slide-up-leave 0.3s ease-in both;
}

.van-slide-down-enter-active {
  -webkit-animation: van-slide-down-enter 0.3s ease-out both;
  animation: van-slide-down-enter 0.3s ease-out both;
}

.van-slide-down-leave-active {
  -webkit-animation: van-slide-down-leave 0.3s ease-in both;
  animation: van-slide-down-leave 0.3s ease-in both;
}

.van-slide-left-enter-active {
  -webkit-animation: van-slide-left-enter 0.3s ease-out both;
  animation: van-slide-left-enter 0.3s ease-out both;
}

.van-slide-left-leave-active {
  -webkit-animation: van-slide-left-leave 0.3s ease-in both;
  animation: van-slide-left-leave 0.3s ease-in both;
}

.van-slide-right-enter-active {
  -webkit-animation: van-slide-right-enter 0.3s ease-out both;
  animation: van-slide-right-enter 0.3s ease-out both;
}

.van-slide-right-leave-active {
  -webkit-animation: van-slide-right-leave 0.3s ease-in both;
  animation: van-slide-right-leave 0.3s ease-in both;
}

.van-overlay {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.7);
  display: none;
}

.van-info {
  position: absolute;
  top: 0;
  right: 0;
  box-sizing: border-box;
  min-width: 16px;
  padding: 0 3px;
  color: #fff;
  font-weight: 500;
  font-size: 12px;
  font-family: -apple-system-font, Helvetica Neue, Arial, sans-serif;
  line-height: 1.2;
  text-align: center;
  background-color: #ee0a24;
  border: 1px solid #fff;
  border-radius: 16px;
  -webkit-transform: translate(50%, -50%);
  transform: translate(50%, -50%);
  -webkit-transform-origin: 100%;
  transform-origin: 100%;
}

.van-info--dot {
  width: 8px;
  min-width: 0;
  height: 8px;
  background-color: #ee0a24;
  border-radius: 100%;
}

.van-icon {
  position: relative;
  font: normal normal normal 14px/1 vant-icon;
  font: normal normal normal 14px/1 var(--van-icon-font-family, "vant-icon");
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
}

.van-icon,
.van-icon:before {
  display: inline-block;
}

.van-icon-contact:before {
  content: "\E753";
}

.van-icon-notes:before {
  content: "\E63C";
}

.van-icon-records:before {
  content: "\E63D";
}

.van-icon-cash-back-record:before {
  content: "\E63E";
}

.van-icon-newspaper:before {
  content: "\E63F";
}

.van-icon-discount:before {
  content: "\E640";
}

.van-icon-completed:before {
  content: "\E641";
}

.van-icon-user:before {
  content: "\E642";
}

.van-icon-description:before {
  content: "\E643";
}

.van-icon-list-switch:before {
  content: "\E6AD";
}

.van-icon-list-switching:before {
  content: "\E65A";
}

.van-icon-link-o:before {
  content: "\E751";
}

.van-icon-miniprogram-o:before {
  content: "\E752";
}

.van-icon-qq:before {
  content: "\E74E";
}

.van-icon-wechat-moments:before {
  content: "\E74F";
}

.van-icon-weibo:before {
  content: "\E750";
}

.van-icon-cash-o:before {
  content: "\E74D";
}

.van-icon-guide-o:before {
  content: "\E74C";
}

.van-icon-invitation:before {
  content: "\E6D6";
}

.van-icon-shield-o:before {
  content: "\E74B";
}

.van-icon-exchange:before {
  content: "\E6AF";
}

.van-icon-eye:before {
  content: "\E6B0";
}

.van-icon-enlarge:before {
  content: "\E6B1";
}

.van-icon-expand-o:before {
  content: "\E6B2";
}

.van-icon-eye-o:before {
  content: "\E6B3";
}

.van-icon-expand:before {
  content: "\E6B4";
}

.van-icon-filter-o:before {
  content: "\E6B5";
}

.van-icon-fire:before {
  content: "\E6B6";
}

.van-icon-fail:before {
  content: "\E6B7";
}

.van-icon-failure:before {
  content: "\E6B8";
}

.van-icon-fire-o:before {
  content: "\E6B9";
}

.van-icon-flag-o:before {
  content: "\E6BA";
}

.van-icon-font:before {
  content: "\E6BB";
}

.van-icon-font-o:before {
  content: "\E6BC";
}

.van-icon-gem-o:before {
  content: "\E6BD";
}

.van-icon-flower-o:before {
  content: "\E6BE";
}

.van-icon-gem:before {
  content: "\E6BF";
}

.van-icon-gift-card:before {
  content: "\E6C0";
}

.van-icon-friends:before {
  content: "\E6C1";
}

.van-icon-friends-o:before {
  content: "\E6C2";
}

.van-icon-gold-coin:before {
  content: "\E6C3";
}

.van-icon-gold-coin-o:before {
  content: "\E6C4";
}

.van-icon-good-job-o:before {
  content: "\E6C5";
}

.van-icon-gift:before {
  content: "\E6C6";
}

.van-icon-gift-o:before {
  content: "\E6C7";
}

.van-icon-gift-card-o:before {
  content: "\E6C8";
}

.van-icon-good-job:before {
  content: "\E6C9";
}

.van-icon-home-o:before {
  content: "\E6CA";
}

.van-icon-goods-collect:before {
  content: "\E6CB";
}

.van-icon-graphic:before {
  content: "\E6CC";
}

.van-icon-goods-collect-o:before {
  content: "\E6CD";
}

.van-icon-hot-o:before {
  content: "\E6CE";
}

.van-icon-info:before {
  content: "\E6CF";
}

.van-icon-hotel-o:before {
  content: "\E6D0";
}

.van-icon-info-o:before {
  content: "\E6D1";
}

.van-icon-hot-sale-o:before {
  content: "\E6D2";
}

.van-icon-hot:before {
  content: "\E6D3";
}

.van-icon-like:before {
  content: "\E6D4";
}

.van-icon-idcard:before {
  content: "\E6D5";
}

.van-icon-like-o:before {
  content: "\E6D7";
}

.van-icon-hot-sale:before {
  content: "\E6D8";
}

.van-icon-location-o:before {
  content: "\E6D9";
}

.van-icon-location:before {
  content: "\E6DA";
}

.van-icon-label:before {
  content: "\E6DB";
}

.van-icon-lock:before {
  content: "\E6DC";
}

.van-icon-label-o:before {
  content: "\E6DD";
}

.van-icon-map-marked:before {
  content: "\E6DE";
}

.van-icon-logistics:before {
  content: "\E6DF";
}

.van-icon-manager:before {
  content: "\E6E0";
}

.van-icon-more:before {
  content: "\E6E1";
}

.van-icon-live:before {
  content: "\E6E2";
}

.van-icon-manager-o:before {
  content: "\E6E3";
}

.van-icon-medal:before {
  content: "\E6E4";
}

.van-icon-more-o:before {
  content: "\E6E5";
}

.van-icon-music-o:before {
  content: "\E6E6";
}

.van-icon-music:before {
  content: "\E6E7";
}

.van-icon-new-arrival-o:before {
  content: "\E6E8";
}

.van-icon-medal-o:before {
  content: "\E6E9";
}

.van-icon-new-o:before {
  content: "\E6EA";
}

.van-icon-free-postage:before {
  content: "\E6EB";
}

.van-icon-newspaper-o:before {
  content: "\E6EC";
}

.van-icon-new-arrival:before {
  content: "\E6ED";
}

.van-icon-minus:before {
  content: "\E6EE";
}

.van-icon-orders-o:before {
  content: "\E6EF";
}

.van-icon-new:before {
  content: "\E6F0";
}

.van-icon-paid:before {
  content: "\E6F1";
}

.van-icon-notes-o:before {
  content: "\E6F2";
}

.van-icon-other-pay:before {
  content: "\E6F3";
}

.van-icon-pause-circle:before {
  content: "\E6F4";
}

.van-icon-pause:before {
  content: "\E6F5";
}

.van-icon-pause-circle-o:before {
  content: "\E6F6";
}

.van-icon-peer-pay:before {
  content: "\E6F7";
}

.van-icon-pending-payment:before {
  content: "\E6F8";
}

.van-icon-passed:before {
  content: "\E6F9";
}

.van-icon-plus:before {
  content: "\E6FA";
}

.van-icon-phone-circle-o:before {
  content: "\E6FB";
}

.van-icon-phone-o:before {
  content: "\E6FC";
}

.van-icon-printer:before {
  content: "\E6FD";
}

.van-icon-photo-fail:before {
  content: "\E6FE";
}

.van-icon-phone:before {
  content: "\E6FF";
}

.van-icon-photo-o:before {
  content: "\E700";
}

.van-icon-play-circle:before {
  content: "\E701";
}

.van-icon-play:before {
  content: "\E702";
}

.van-icon-phone-circle:before {
  content: "\E703";
}

.van-icon-point-gift-o:before {
  content: "\E704";
}

.van-icon-point-gift:before {
  content: "\E705";
}

.van-icon-play-circle-o:before {
  content: "\E706";
}

.van-icon-shrink:before {
  content: "\E707";
}

.van-icon-photo:before {
  content: "\E708";
}

.van-icon-qr:before {
  content: "\E709";
}

.van-icon-qr-invalid:before {
  content: "\E70A";
}

.van-icon-question-o:before {
  content: "\E70B";
}

.van-icon-revoke:before {
  content: "\E70C";
}

.van-icon-replay:before {
  content: "\E70D";
}

.van-icon-service:before {
  content: "\E70E";
}

.van-icon-question:before {
  content: "\E70F";
}

.van-icon-search:before {
  content: "\E710";
}

.van-icon-refund-o:before {
  content: "\E711";
}

.van-icon-service-o:before {
  content: "\E712";
}

.van-icon-scan:before {
  content: "\E713";
}

.van-icon-share:before {
  content: "\E714";
}

.van-icon-send-gift-o:before {
  content: "\E715";
}

.van-icon-share-o:before {
  content: "\E716";
}

.van-icon-setting:before {
  content: "\E717";
}

.van-icon-points:before {
  content: "\E718";
}

.van-icon-photograph:before {
  content: "\E719";
}

.van-icon-shop:before {
  content: "\E71A";
}

.van-icon-shop-o:before {
  content: "\E71B";
}

.van-icon-shop-collect-o:before {
  content: "\E71C";
}

.van-icon-shop-collect:before {
  content: "\E71D";
}

.van-icon-smile:before {
  content: "\E71E";
}

.van-icon-shopping-cart-o:before {
  content: "\E71F";
}

.van-icon-sign:before {
  content: "\E720";
}

.van-icon-sort:before {
  content: "\E721";
}

.van-icon-star-o:before {
  content: "\E722";
}

.van-icon-smile-comment-o:before {
  content: "\E723";
}

.van-icon-stop:before {
  content: "\E724";
}

.van-icon-stop-circle-o:before {
  content: "\E725";
}

.van-icon-smile-o:before {
  content: "\E726";
}

.van-icon-star:before {
  content: "\E727";
}

.van-icon-success:before {
  content: "\E728";
}

.van-icon-stop-circle:before {
  content: "\E729";
}

.van-icon-records-o:before {
  content: "\E72A";
}

.van-icon-shopping-cart:before {
  content: "\E72B";
}

.van-icon-tosend:before {
  content: "\E72C";
}

.van-icon-todo-list:before {
  content: "\E72D";
}

.van-icon-thumb-circle-o:before {
  content: "\E72E";
}

.van-icon-thumb-circle:before {
  content: "\E72F";
}

.van-icon-umbrella-circle:before {
  content: "\E730";
}

.van-icon-underway:before {
  content: "\E731";
}

.van-icon-upgrade:before {
  content: "\E732";
}

.van-icon-todo-list-o:before {
  content: "\E733";
}

.van-icon-tv-o:before {
  content: "\E734";
}

.van-icon-underway-o:before {
  content: "\E735";
}

.van-icon-user-o:before {
  content: "\E736";
}

.van-icon-vip-card-o:before {
  content: "\E737";
}

.van-icon-vip-card:before {
  content: "\E738";
}

.van-icon-send-gift:before {
  content: "\E739";
}

.van-icon-wap-home:before {
  content: "\E73A";
}

.van-icon-wap-nav:before {
  content: "\E73B";
}

.van-icon-volume-o:before {
  content: "\E73C";
}

.van-icon-video:before {
  content: "\E73D";
}

.van-icon-wap-home-o:before {
  content: "\E73E";
}

.van-icon-volume:before {
  content: "\E73F";
}

.van-icon-warning:before {
  content: "\E740";
}

.van-icon-weapp-nav:before {
  content: "\E741";
}

.van-icon-wechat-pay:before {
  content: "\E742";
}

.van-icon-warning-o:before {
  content: "\E743";
}

.van-icon-wechat:before {
  content: "\E744";
}

.van-icon-setting-o:before {
  content: "\E745";
}

.van-icon-youzan-shield:before {
  content: "\E746";
}

.van-icon-warn-o:before {
  content: "\E747";
}

.van-icon-smile-comment:before {
  content: "\E748";
}

.van-icon-user-circle-o:before {
  content: "\E749";
}

.van-icon-video-o:before {
  content: "\E74A";
}

.van-icon-add-square:before {
  content: "\E65C";
}

.van-icon-add:before {
  content: "\E65D";
}

.van-icon-arrow-down:before {
  content: "\E65E";
}

.van-icon-arrow-up:before {
  content: "\E65F";
}

.van-icon-arrow:before {
  content: "\E660";
}

.van-icon-after-sale:before {
  content: "\E661";
}

.van-icon-add-o:before {
  content: "\E662";
}

.van-icon-alipay:before {
  content: "\E663";
}

.van-icon-ascending:before {
  content: "\E664";
}

.van-icon-apps-o:before {
  content: "\E665";
}

.van-icon-aim:before {
  content: "\E666";
}

.van-icon-award:before {
  content: "\E667";
}

.van-icon-arrow-left:before {
  content: "\E668";
}

.van-icon-award-o:before {
  content: "\E669";
}

.van-icon-audio:before {
  content: "\E66A";
}

.van-icon-bag-o:before {
  content: "\E66B";
}

.van-icon-balance-list:before {
  content: "\E66C";
}

.van-icon-back-top:before {
  content: "\E66D";
}

.van-icon-bag:before {
  content: "\E66E";
}

.van-icon-balance-pay:before {
  content: "\E66F";
}

.van-icon-balance-o:before {
  content: "\E670";
}

.van-icon-bar-chart-o:before {
  content: "\E671";
}

.van-icon-bars:before {
  content: "\E672";
}

.van-icon-balance-list-o:before {
  content: "\E673";
}

.van-icon-birthday-cake-o:before {
  content: "\E674";
}

.van-icon-bookmark:before {
  content: "\E675";
}

.van-icon-bill:before {
  content: "\E676";
}

.van-icon-bell:before {
  content: "\E677";
}

.van-icon-browsing-history-o:before {
  content: "\E678";
}

.van-icon-browsing-history:before {
  content: "\E679";
}

.van-icon-bookmark-o:before {
  content: "\E67A";
}

.van-icon-bulb-o:before {
  content: "\E67B";
}

.van-icon-bullhorn-o:before {
  content: "\E67C";
}

.van-icon-bill-o:before {
  content: "\E67D";
}

.van-icon-calendar-o:before {
  content: "\E67E";
}

.van-icon-brush-o:before {
  content: "\E67F";
}

.van-icon-card:before {
  content: "\E680";
}

.van-icon-cart-o:before {
  content: "\E681";
}

.van-icon-cart-circle:before {
  content: "\E682";
}

.van-icon-cart-circle-o:before {
  content: "\E683";
}

.van-icon-cart:before {
  content: "\E684";
}

.van-icon-cash-on-deliver:before {
  content: "\E685";
}

.van-icon-cash-back-record-o:before {
  content: "\E686";
}

.van-icon-cashier-o:before {
  content: "\E687";
}

.van-icon-chart-trending-o:before {
  content: "\E688";
}

.van-icon-certificate:before {
  content: "\E689";
}

.van-icon-chat:before {
  content: "\E68A";
}

.van-icon-clear:before {
  content: "\E68B";
}

.van-icon-chat-o:before {
  content: "\E68C";
}

.van-icon-checked:before {
  content: "\E68D";
}

.van-icon-clock:before {
  content: "\E68E";
}

.van-icon-clock-o:before {
  content: "\E68F";
}

.van-icon-close:before {
  content: "\E690";
}

.van-icon-closed-eye:before {
  content: "\E691";
}

.van-icon-circle:before {
  content: "\E692";
}

.van-icon-cluster-o:before {
  content: "\E693";
}

.van-icon-column:before {
  content: "\E694";
}

.van-icon-comment-circle-o:before {
  content: "\E695";
}

.van-icon-cluster:before {
  content: "\E696";
}

.van-icon-comment:before {
  content: "\E697";
}

.van-icon-comment-o:before {
  content: "\E698";
}

.van-icon-comment-circle:before {
  content: "\E699";
}

.van-icon-completed-o:before {
  content: "\E69A";
}

.van-icon-credit-pay:before {
  content: "\E69B";
}

.van-icon-coupon:before {
  content: "\E69C";
}

.van-icon-debit-pay:before {
  content: "\E69D";
}

.van-icon-coupon-o:before {
  content: "\E69E";
}

.van-icon-contact-o:before {
  content: "\E69F";
}

.van-icon-descending:before {
  content: "\E6A0";
}

.van-icon-desktop-o:before {
  content: "\E6A1";
}

.van-icon-diamond-o:before {
  content: "\E6A2";
}

.van-icon-description-o:before {
  content: "\E6A3";
}

.van-icon-delete:before {
  content: "\E6A4";
}

.van-icon-diamond:before {
  content: "\E6A5";
}

.van-icon-delete-o:before {
  content: "\E6A6";
}

.van-icon-cross:before {
  content: "\E6A7";
}

.van-icon-edit:before {
  content: "\E6A8";
}

.van-icon-ellipsis:before {
  content: "\E6A9";
}

.van-icon-down:before {
  content: "\E6AA";
}

.van-icon-discount-o:before {
  content: "\E6AB";
}

.van-icon-ecard-pay:before {
  content: "\E6AC";
}

.van-icon-envelop-o:before {
  content: "\E6AE";
}

@font-face {
  font-weight: 400;
  font-family: vant-icon;
  font-style: normal;
  font-display: auto;
  src: url("") format("woff2"),
    url(//at.alicdn.com/t/c/font_2553510_kfwma2yq1rs.woff?t=1694918397022)
      format("woff");
}

.van-icon__image {
  display: block;
  width: 1em;
  height: 1em;
  object-fit: contain;
}

.van-overflow-hidden {
  overflow: hidden !important;
}

.van-popup {
  position: fixed;
  max-height: 100%;
  overflow-y: auto;
  background-color: #fff;
  -webkit-transition: -webkit-transform 0.3s;
  transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
  transition: transform 0.3s, -webkit-transform 0.3s;
  -webkit-overflow-scrolling: touch;
}

.van-popup--center {
  top: 50%;
  left: 50%;
  -webkit-transform: translate3d(-50%, -50%, 0);
  transform: translate3d(-50%, -50%, 0);
}

.van-popup--center.van-popup--round {
  border-radius: 16px;
}

.van-popup--top {
  top: 0;
  left: 0;
  width: 100%;
}

.van-popup--top.van-popup--round {
  border-radius: 0 0 16px 16px;
}

.van-popup--right {
  top: 50%;
  right: 0;
  -webkit-transform: translate3d(0, -50%, 0);
  transform: translate3d(0, -50%, 0);
}

.van-popup--right.van-popup--round {
  border-radius: 16px 0 0 16px;
}

.van-popup--bottom {
  bottom: 0;
  left: 0;
  width: 100%;
}

.van-popup--bottom.van-popup--round {
  border-radius: 16px 16px 0 0;
}

.van-popup--left {
  top: 50%;
  left: 0;
  -webkit-transform: translate3d(0, -50%, 0);
  transform: translate3d(0, -50%, 0);
}

.van-popup--left.van-popup--round {
  border-radius: 0 16px 16px 0;
}

.van-popup--safe-area-inset-bottom {
  padding-bottom: env(safe-area-inset-bottom);
}

.van-popup-slide-bottom-enter-active,
.van-popup-slide-left-enter-active,
.van-popup-slide-right-enter-active,
.van-popup-slide-top-enter-active {
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}

.van-popup-slide-bottom-leave-active,
.van-popup-slide-left-leave-active,
.van-popup-slide-right-leave-active,
.van-popup-slide-top-leave-active {
  -webkit-transition-timing-function: ease-in;
  transition-timing-function: ease-in;
}

.van-popup-slide-top-enter,
.van-popup-slide-top-leave-active {
  -webkit-transform: translate3d(0, -100%, 0);
  transform: translate3d(0, -100%, 0);
}

.van-popup-slide-right-enter,
.van-popup-slide-right-leave-active {
  -webkit-transform: translate3d(100%, -50%, 0);
  transform: translate3d(100%, -50%, 0);
}

.van-popup-slide-bottom-enter,
.van-popup-slide-bottom-leave-active {
  -webkit-transform: translate3d(0, 100%, 0);
  transform: translate3d(0, 100%, 0);
}

.van-popup-slide-left-enter,
.van-popup-slide-left-leave-active {
  -webkit-transform: translate3d(-100%, -50%, 0);
  transform: translate3d(-100%, -50%, 0);
}

.van-popup__close-icon {
  position: absolute;
  z-index: 1;
  color: #c8c9cc;
  font-size: 22px;
  cursor: pointer;
}

.van-popup__close-icon:active {
  color: #969799;
}

.van-popup__close-icon--top-left {
  top: 16px;
  left: 16px;
}

.van-popup__close-icon--top-right {
  top: 16px;
  right: 16px;
}

.van-popup__close-icon--bottom-left {
  bottom: 16px;
  left: 16px;
}

.van-popup__close-icon--bottom-right {
  right: 16px;
  bottom: 16px;
}

.van-loading {
  color: #c8c9cc;
  font-size: 0;
}

.van-loading,
.van-loading__spinner {
  position: relative;
  vertical-align: middle;
}

.van-loading__spinner {
  display: inline-block;
  width: 30px;
  max-width: 100%;
  height: 30px;
  max-height: 100%;
  -webkit-animation: van-rotate 0.8s linear infinite;
  animation: van-rotate 0.8s linear infinite;
}

.van-loading__spinner--spinner {
  -webkit-animation-timing-function: steps(12);
  animation-timing-function: steps(12);
}

.van-loading__spinner--spinner i {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.van-loading__spinner--spinner i:before {
  display: block;
  width: 2px;
  height: 25%;
  margin: 0 auto;
  background-color: currentColor;
  border-radius: 40%;
  content: " ";
}

.van-loading__spinner--circular {
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
}

.van-loading__circular {
  display: block;
  width: 100%;
  height: 100%;
}

.van-loading__circular circle {
  -webkit-animation: van-circular 1.5s ease-in-out infinite;
  animation: van-circular 1.5s ease-in-out infinite;
  stroke: currentColor;
  stroke-width: 3;
  stroke-linecap: round;
}

.van-loading__text {
  display: inline-block;
  margin-left: 8px;
  color: #969799;
  font-size: 14px;
  vertical-align: middle;
}

.van-loading--vertical {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
}

.van-loading--vertical .van-loading__text {
  margin: 8px 0 0;
}

@-webkit-keyframes van-circular {
  0% {
    stroke-dasharray: 1, 200;
    stroke-dashoffset: 0;
  }

  50% {
    stroke-dasharray: 90, 150;
    stroke-dashoffset: -40;
  }

  to {
    stroke-dasharray: 90, 150;
    stroke-dashoffset: -120;
  }
}

@keyframes van-circular {
  0% {
    stroke-dasharray: 1, 200;
    stroke-dashoffset: 0;
  }

  50% {
    stroke-dasharray: 90, 150;
    stroke-dashoffset: -40;
  }

  to {
    stroke-dasharray: 90, 150;
    stroke-dashoffset: -120;
  }
}

.van-loading__spinner--spinner i:first-of-type {
  -webkit-transform: rotate(30deg);
  transform: rotate(30deg);
  opacity: 1;
}

.van-loading__spinner--spinner i:nth-of-type(2) {
  -webkit-transform: rotate(60deg);
  transform: rotate(60deg);
  opacity: 0.9375;
}

.van-loading__spinner--spinner i:nth-of-type(3) {
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
  opacity: 0.875;
}

.van-loading__spinner--spinner i:nth-of-type(4) {
  -webkit-transform: rotate(120deg);
  transform: rotate(120deg);
  opacity: 0.8125;
}

.van-loading__spinner--spinner i:nth-of-type(5) {
  -webkit-transform: rotate(150deg);
  transform: rotate(150deg);
  opacity: 0.75;
}

.van-loading__spinner--spinner i:nth-of-type(6) {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
  opacity: 0.6875;
}

.van-loading__spinner--spinner i:nth-of-type(7) {
  -webkit-transform: rotate(210deg);
  transform: rotate(210deg);
  opacity: 0.625;
}

.van-loading__spinner--spinner i:nth-of-type(8) {
  -webkit-transform: rotate(240deg);
  transform: rotate(240deg);
  opacity: 0.5625;
}

.van-loading__spinner--spinner i:nth-of-type(9) {
  -webkit-transform: rotate(270deg);
  transform: rotate(270deg);
  opacity: 0.5;
}

.van-loading__spinner--spinner i:nth-of-type(10) {
  -webkit-transform: rotate(300deg);
  transform: rotate(300deg);
  opacity: 0.4375;
}

.van-loading__spinner--spinner i:nth-of-type(11) {
  -webkit-transform: rotate(330deg);
  transform: rotate(330deg);
  opacity: 0.375;
}

.van-loading__spinner--spinner i:nth-of-type(12) {
  -webkit-transform: rotate(1turn);
  transform: rotate(1turn);
  opacity: 0.3125;
}

.van-toast {
  position: fixed;
  top: 50%;
  left: 50%;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  box-sizing: content-box;
  width: 88px;
  max-width: 70%;
  min-height: 88px;
  padding: 16px;
  color: #fff;
  font-size: 14px;
  line-height: 20px;
  white-space: pre-wrap;
  text-align: center;
  word-break: break-all;
  background-color: rgba(0, 0, 0, 0.7);
  border-radius: 8px;
  -webkit-transform: translate3d(-50%, -50%, 0);
  transform: translate3d(-50%, -50%, 0);
}

.van-toast--unclickable {
  overflow: hidden;
}

.van-toast--unclickable * {
  pointer-events: none;
}

.van-toast--html,
.van-toast--text {
  width: -webkit-fit-content;
  width: fit-content;
  min-width: 96px;
  min-height: 0;
  padding: 8px 12px;
}

.van-toast--html .van-toast__text,
.van-toast--text .van-toast__text {
  margin-top: 0;
}

.van-toast--top {
  top: 20%;
}

.van-toast--bottom {
  top: auto;
  bottom: 20%;
}

.van-toast__icon {
  font-size: 36px;
}

.van-toast__loading {
  padding: 4px;
  color: #fff;
}

.van-toast__text {
  margin-top: 8px;
}

#app {
  position: fixed;
  width: 10rem;
  height: 100%;
  left: 50%;
  transform: translate3d(-50%, 0, 0);
  -webkit-transform: translate3d(-50%, 0, 0);
  overflow-x: hidden;
  overflow-y: hidden;
}

#app .slide-left-enter {
  -webkit-transform: translateX(100%);
  transform: translateX(100%);
}

#app .slide-left-leave-active {
  -webkit-transform: translateX(-100%);
  transform: translateX(-100%);
  z-index: -1;
}

#app .slide-left-enter-active,
#app .slide-left-leave-active {
  width: 10rem;
  height: 2000px;
  background-color: #111;
  position: absolute;
  top: 0;
  -webkit-box-shadow: 0 0 4px 4px transparent;
  box-shadow: 0 0 4px 4px transparent;
  will-change: transform;
  -webkit-transition: -webkit-transform 0.35s;
  transition: -webkit-transform 0.35s;
  transition: transform 0.35s;
  transition: transform 0.35s, -webkit-transform 0.35s;
}

#app .slide-left-enter-active {
  z-index: 2;
}

#app .slide-right-enter {
  -webkit-transform: translateX(-100%);
  transform: translateX(-100%);
}

#app .slide-right-leave-active {
  -webkit-transform: translateX(100%);
  transform: translateX(100%);
  z-index: 2;
  -webkit-box-shadow: 0 0 4px 4px transparent;
  box-shadow: 0 0 4px 4px transparent;
  will-change: transform;
  -webkit-transition: -webkit-transform 0.35s;
  transition: -webkit-transform 0.35s;
  transition: transform 0.35s;
  transition: transform 0.35s, -webkit-transform 0.35s;
}

#app .slide-right-enter-active,
#app .slide-right-leave-active {
  width: 10rem;
  height: 2000px;
  background-color: #111;
  position: absolute;
  top: 0;
}

#app .slide-none-enter,
#app .slide-none-leave-active {
  z-index: 2;
  width: 10rem;
  height: 2000px;
  background-color: #111;
  position: absolute;
  top: 0;
}

#app .slide-none-enter-active {
  width: 10rem;
  height: 2000px;
  background-color: #111;
  position: absolute;
  top: 0;
}

#app .slide-top-enter {
  -webkit-transform: translateY(100%);
  transform: translateY(100%);
}

#app .slide-top-leave-active {
  -webkit-transform: translateY(0);
  transform: translateY(0);
  z-index: -1;
}

#app .slide-top-enter-active,
#app .slide-top-leave-active {
  width: 10rem;
  height: 100vh;
  background-color: #111;
  position: absolute;
  -webkit-box-shadow: 0 0 4px 4px transparent;
  box-shadow: 0 0 4px 4px transparent;
  will-change: transform;
  -webkit-transition: -webkit-transform 0.35s;
  transition: -webkit-transform 0.35s;
  transition: transform 0.35s;
  transition: transform 0.35s, -webkit-transform 0.35s;
}

#app .slide-top-enter-active {
  z-index: 2;
}

#app .slide-topnone-enter {
  -webkit-transform: translateY(100%);
  transform: translateY(100%);
}

#app .slide-topnone-leave-active {
  -webkit-transform: translateY(0);
  transform: translateY(0);
  z-index: -1;
}

#app .slide-topnone-enter-active,
#app .slide-topnone-leave-active {
  width: 10rem;
  height: 100vh;
  background-color: #111;
  position: absolute;
  -webkit-box-shadow: 0 0 4px 4px transparent;
  box-shadow: 0 0 4px 4px transparent;
}

#app .slide-topnone-enter-active {
  z-index: 2;
}

#app .slide-bottom-enter {
  -webkit-transform: translateY(0);
  transform: translateY(0);
}

#app .slide-bottom-leave-active {
  -webkit-transform: translateY(100%);
  transform: translateY(100%);
  z-index: 2;
}

#app .slide-bottom-enter-active,
#app .slide-bottom-leave-active {
  width: 10rem;
  height: 100vh;
  background-color: #111;
  position: absolute;
  top: 0;
  -webkit-box-shadow: 0 0 4px 4px transparent;
  box-shadow: 0 0 4px 4px transparent;
  will-change: transform;
  -webkit-transition: -webkit-transform 0.35s;
  transition: -webkit-transform 0.35s;
  transition: transform 0.35s;
  transition: transform 0.35s, -webkit-transform 0.35s;
}

#app .slide-bottomnone-enter {
  -webkit-transform: translateY(0);
  transform: translateY(0);
}

#app .slide-bottomnone-leave-active {
  -webkit-transform: translateY(100%);
  transform: translateY(100%);
  z-index: 2;
}

#app .slide-bottomnone-enter-active,
#app .slide-bottomnone-leave-active {
  width: 10rem;
  height: 100vh;
  background-color: #111;
  position: absolute;
  top: 0;
  -webkit-box-shadow: 0 0 4px 4px transparent;
  box-shadow: 0 0 4px 4px transparent;
}

.dialog-apkalert-class {
  z-index: 4000 !important;
}

.sdloading-screen {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #111;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  z-index: 9999;
  opacity: 1;
  -webkit-transition: opacity 1s ease;
  transition: opacity 1s ease;
}

.sdloading-screen.hide {
  opacity: 0;
  pointer-events: none;
}

.sdloading-spinner {
  width: 1rem;
  height: 1rem;
  border: 0.1rem solid hsla(0, 0%, 100%, 0.3);
  border-top-color: #fff;
  border-radius: 50%;
  -webkit-animation: sdspin 1s linear infinite;
  animation: sdspin 1s linear infinite;
}

@-webkit-keyframes sdspin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  to {
    -webkit-transform: rotate(1turn);
    transform: rotate(1turn);
  }
}

@keyframes sdspin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  to {
    -webkit-transform: rotate(1turn);
    transform: rotate(1turn);
  }
}

.hddialog-sdapk-frame {
  width: 10rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-flow: column;
  flex-flow: column;
}

.hddialog-sdapk-container {
  position: relative;
  height: 11rem;
  width: 10rem;
}

.hddialog-sdapk-container .hddialog-sdapk-content,
.hddialog-sdapk-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.hddialog-sdapk-container .hddialog-sdapk-content {
  position: absolute;
  top: 1.76rem;
  width: 8.4rem;
  height: 6.5rem;
  overflow: hidden;
  background: rgba(0, 0, 0, 0.25);
  -webkit-box-shadow: 0 -4px 8px 0 rgba(0, 0, 0, 0.25);
  box-shadow: 0 -4px 8px 0 rgba(0, 0, 0, 0.25);
  border-radius: 0.44rem;
}

.hddialog-sdapk-container .hddialog-sdapk-content1 {
  background: #fff;
}

.hddialog-sdapk-container .sdapk-bg {
  position: absolute;
  top: -0.2rem;
  left: 0;
  width: 100%;
}

.hddialog-sdapk-container .sdapk-banner {
  position: absolute;
  top: 0;
  left: 50%;
  margin-left: -4.2rem;
  width: 8.4rem;
  z-index: 3;
}

.hddialog-sdapk-container .hddialog-sdapk-content .sdapk-tips-frame {
  position: absolute;
  top: 2.5rem;
  width: 7rem;
  height: 2rem;
  overflow: hidden;
}

.hddialog-sdapk-container .hddialog-sdapk-content .sdapk-tips-frame-text {
  top: 50%;
  margin-top: -1rem;
  left: 50%;
  margin-left: -3.5rem;
  width: 7rem;
  height: 2rem;
  text-align: center;
  color: rgba(0, 0, 0, 0.85);
  font-size: 0.373rem;
  line-height: 0.5rem;
  overflow-x: hidden;
  overflow-y: scroll;
}

.hddialog-sdapk-container .hddialog-sdapk-content .sdapk-install-frame,
.hddialog-sdapk-container .hddialog-sdapk-content .sdapk-tips-frame-text {
  position: absolute;
  font-weight: 400;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.hddialog-sdapk-container .hddialog-sdapk-content .sdapk-install-frame {
  right: 0.9rem;
  bottom: 0.8rem;
  width: 3rem;
  height: 0.88rem;
  border-radius: 0.15rem;
  background: #fba531;
  border: 1px solid #fba531;
  color: #fff;
  font-size: 0.32rem;
  -webkit-transition: -webkit-transform 0.1s ease-in-out;
  transition: -webkit-transform 0.1s ease-in-out;
  transition: transform 0.1s ease-in-out;
  transition: transform 0.1s ease-in-out, -webkit-transform 0.1s ease-in-out;
}

.hddialog-sdapk-container .hddialog-sdapk-content .sdapk-install-frame:active {
  opacity: 0.45;
  -webkit-transform: scale(0.9);
  transform: scale(0.9);
}

.hddialog-sdapk-container .hddialog-sdapk-content .sdapk-install-frame-text {
  color: #fff;
  font-size: 0.346rem;
  font-weight: 400;
}

.hddialog-sdapk-container .hddialog-sdapk-content .sdapk-cancel-frame {
  position: absolute;
  left: 0.9rem;
  bottom: 0.8rem;
  width: 3rem;
  height: 0.88rem;
  border-radius: 0.15rem;
  background: transparent;
  border: 1px solid #fba531;
  color: #111;
  font-size: 0.346rem;
  font-weight: 400;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-transition: -webkit-transform 0.1s ease-in-out;
  transition: -webkit-transform 0.1s ease-in-out;
  transition: transform 0.1s ease-in-out;
  transition: transform 0.1s ease-in-out, -webkit-transform 0.1s ease-in-out;
}

.hddialog-sdapk-container .hddialog-sdapk-content .sdapk-cancel-frame:active {
  opacity: 0.45;
  -webkit-transform: scale(0.9);
  transform: scale(0.9);
}

.hddialog-sdapk-container .hddialog-sdapk-content .sdapk-cancel-frame-text {
  color: #111;
  font-size: 0.346rem;
  font-weight: 400;
}

.hddialog-fapp-frame {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-flow: column;
  flex-flow: column;
}

.hddialog-fapp-container,
.hddialog-fapp-frame {
  width: 10rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
}

.hddialog-fapp-container {
  position: relative;
  min-height: 10rem;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.hddialog-fapp-container .hddialog-fapp-content {
  position: relative;
  width: 6.66rem;
  background: rgba(0, 0, 0, 0.25);
  -webkit-box-shadow: 0 -4px 8px 0 rgba(0, 0, 0, 0.25);
  box-shadow: 0 -4px 8px 0 rgba(0, 0, 0, 0.25);
  border-radius: 0.44rem;
  backdrop-filter: blur(18px);
  -webkit-backdrop-filter: blur(18px);
}

.hddialog-fapp-container .hddialog-fapp-content1 {
  background: #fff;
  -webkit-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.25);
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.25);
  border-radius: 0.66rem;
  backdrop-filter: blur(0);
  -webkit-backdrop-filter: blur(0);
}

.hddialog-fapp-container .hddialog-fapp-content .fapp-bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}

.hddialog-fapp-container .hddialog-fapp-content .fapp-banner {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  border-radius: 0.66rem 0.66rem 0 0;
}

.hddialog-fapp-container .hddialog-fapp-content .fapp-banner-icon {
  position: absolute;
  top: 1.6rem;
  left: 50%;
  margin-left: -0.89rem;
  width: 1.78rem;
}

.hddialog-fapp-container .hddialog-fapp-content .fapp-tips-frame {
  position: relative;
  margin-top: 2rem;
  width: 6rem;
  height: auto;
}

.hddialog-fapp-container .hddialog-fapp-content .fapp-tips-frame-text {
  position: relative;
  margin-top: 3.7rem;
  left: 50%;
  margin-left: -2.7rem;
  width: 5.4rem;
  text-align: left;
  color: rgba(0, 0, 0, 0.85);
  font-size: 0.373rem;
  line-height: 0.54rem;
  font-weight: 400;
  word-wrap: break-word;
  white-space: pre-wrap;
}

.hddialog-fapp-container .hddialog-fapp-content .fapp-tips-frame-bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}

.hddialog-fapp-container .hddialog-fapp-content .fapp-account-frame {
  position: absolute;
  top: 8.94rem;
  width: 6.22rem;
  height: 0.88rem;
  border-radius: 0.5rem;
  background: rgba(0, 0, 0, 0.25);
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  white-space: nowrap;
}

.hddialog-fapp-container .hddialog-fapp-content .fapp-account-frame-title {
  font-weight: 400;
  color: hsla(0, 0%, 100%, 0.65);
  font-size: 0.3rem;
}

.hddialog-fapp-container .hddialog-fapp-content .fapp-account-frame-icon {
  margin-left: 0.12rem;
  width: 0.66rem;
  height: 0.66rem;
  border: 0.5px solid hsla(0, 0%, 100%, 0.45);
  border-radius: 0.5rem;
}

.hddialog-fapp-container .hddialog-fapp-content .fapp-account-frame-value {
  margin-left: 0.12rem;
  color: hsla(0, 0%, 100%, 0.85);
  font-size: 0.32rem;
  font-weight: 700;
}

.hddialog-fapp-container .hddialog-fapp-content .fapp-install-frame {
  position: relative;
  margin-top: 0.66rem;
  margin-bottom: 1rem;
  left: 50%;
  margin-left: -1.67rem;
  width: 3.34rem;
  height: 1.11rem;
  border-radius: 0.33rem;
  background: #007aff;
  color: #fff;
  font-size: 0.373rem;
  font-weight: 400;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-transition: -webkit-transform 0.1s ease-in-out;
  transition: -webkit-transform 0.1s ease-in-out;
  transition: transform 0.1s ease-in-out;
  transition: transform 0.1s ease-in-out, -webkit-transform 0.1s ease-in-out;
}

.hddialog-fapp-container .hddialog-fapp-content .fapp-install-frame:active {
  opacity: 0.45;
  -webkit-transform: scale(0.9);
  transform: scale(0.9);
}

.hddialog-fapp-container .hddialog-fapp-content .fapp-install-frame-text {
  color: #fff;
  font-size: 0.373rem;
  font-weight: 400;
}

.hddialog-fapp-container .hddialog-fapp-content .fapp-install-frame-icon {
  width: 0.66rem;
  height: 0.66rem;
  margin-right: 0.2rem;
}

.hddialog-fapp-container .hddialog-fapp-content .fapp-cs {
  position: absolute;
  top: 0.3rem;
  left: 0.44rem;
  width: 0.66rem;
  height: 0.66rem;
  border-radius: 0.5rem;
  background: #007aff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  z-index: 2;
  -webkit-transition: -webkit-transform 0.1s ease-in-out;
  transition: -webkit-transform 0.1s ease-in-out;
  transition: transform 0.1s ease-in-out;
  transition: transform 0.1s ease-in-out, -webkit-transform 0.1s ease-in-out;
}

.hddialog-fapp-container .hddialog-fapp-content .fapp-cs:active {
  opacity: 0.45;
  -webkit-transform: scale(0.9);
  transform: scale(0.9);
}

.hddialog-fapp-container .hddialog-fapp-content .fapp-cs-icon {
  width: 0.4rem;
  height: 0.4rem;
}

.hddialog-fapp-container .hddialog-fapp-content .fapp-close {
  position: absolute;
  top: 0.22rem;
  right: 0.22rem;
  width: 0.66rem;
  height: 0.66rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  z-index: 2;
  background: #fff;
  border-radius: 0.4rem;
  -webkit-transition: -webkit-transform 0.1s ease-in-out;
  transition: -webkit-transform 0.1s ease-in-out;
  transition: transform 0.1s ease-in-out;
  transition: transform 0.1s ease-in-out, -webkit-transform 0.1s ease-in-out;
}

.hddialog-fapp-container .hddialog-fapp-content .fapp-close:active {
  opacity: 0.45;
  -webkit-transform: scale(0.9);
  transform: scale(0.9);
}

.hddialog-fapp-container .hddialog-fapp-content .fapp-close-icon {
  width: 0.55rem;
  height: 0.55rem;
}

.rotatebbb {
  -webkit-animation: loadingCircle 1s linear infinite;
  animation: loadingCircle 1s linear infinite;
}

@-webkit-keyframes loadingCircle {
  to {
    -webkit-transform: rotate(-1turn);
    transform: rotate(-1turn);
  }
}

@keyframes loadingCircle {
  to {
    -webkit-transform: rotate(-1turn);
    transform: rotate(-1turn);
  }
}

.shiny:after {
  -webkit-animation: shiny-btn-anim 4s ease-in-out infinite;
  animation: shiny-btn-anim 4s ease-in-out infinite;
  background-color: #fff;
  content: "";
  display: inline-block;
  height: 100%;
  left: 0;
  position: absolute;
  top: -180px;
  width: 30px;
}

@-webkit-keyframes shiny-btn-anim {
  0% {
    opacity: 0;
    -webkit-transform: scale(0) rotate(45deg);
    transform: scale(0) rotate(45deg);
  }

  80% {
    opacity: 0.5;
    -webkit-transform: scale(0) rotate(45deg);
    transform: scale(0) rotate(45deg);
  }

  81% {
    opacity: 1;
    -webkit-transform: scale(4) rotate(45deg);
    transform: scale(4) rotate(45deg);
  }

  to {
    opacity: 0;
    -webkit-transform: scale(50) rotate(45deg);
    transform: scale(50) rotate(45deg);
  }
}

@keyframes shiny-btn-anim {
  0% {
    opacity: 0;
    -webkit-transform: scale(0) rotate(45deg);
    transform: scale(0) rotate(45deg);
  }

  80% {
    opacity: 0.5;
    -webkit-transform: scale(0) rotate(45deg);
    transform: scale(0) rotate(45deg);
  }

  81% {
    opacity: 1;
    -webkit-transform: scale(4) rotate(45deg);
    transform: scale(4) rotate(45deg);
  }

  to {
    opacity: 0;
    -webkit-transform: scale(50) rotate(45deg);
    transform: scale(50) rotate(45deg);
  }
}

.loading-avatar-box {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  border-left: 2px solid transparent;
  border-right: 2px solid transparent;
  border-color: transparent #028760;
  border-style: solid;
  border-width: 2px;
  border-radius: 50%;
  -webkit-animation: turnbbb 1s linear infinite;
  animation: turnbbb 1s linear infinite;
  -webkit-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
}

#rb-layer2 img,
#rb-layer img {
  max-height: none;
  max-width: none;
}

#rb-layer2 .loading-ci-box,
#rb-layer .loading-ci-box {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  border-left: 2px solid transparent;
  border-right: 2px solid transparent;
  border-color: transparent #028760;
  border-style: solid;
  border-width: 2px;
  border-radius: 50%;
  -webkit-animation: turnbbb 0.65s linear infinite;
  animation: turnbbb 0.65s linear infinite;
  -webkit-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
}

@-webkit-keyframes turnbbb {
  to {
    -webkit-transform: rotate(-1turn);
    transform: rotate(-1turn);
  }
}

@keyframes turnbbb {
  to {
    -webkit-transform: rotate(-1turn);
    transform: rotate(-1turn);
  }
}

#rb-layer2 .animation-dialog,
#rb-layer .animation-dialog {
  -webkit-animation-duration: 0.5s;
  animation-duration: 0.5s;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-timing-function: ease-in;
  animation-timing-function: ease-in;
  opacity: 0;
  visibility: hidden;
}

#rb-layer2 .animation-dialog.dialog-visible,
#rb-layer .animation-dialog.dialog-visible {
  -webkit-animation-name: rb-fade-in;
  animation-name: rb-fade-in;
}

#rb-layer2 .animation-dialog.dialog-hidden,
#rb-layer .animation-dialog.dialog-hidden {
  -webkit-animation-duration: 0.15s;
  animation-duration: 0.15s;
  -webkit-animation-name: rb-fade-out;
  animation-name: rb-fade-out;
}

#rb-layer2 .rb-mask,
#rb-layer .rb-mask {
  -webkit-animation-duration: 0.35s;
  animation-duration: 0.35s;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-timing-function: ease-in;
  animation-timing-function: ease-in;
  background: rgba(0, 0, 0, 0.6);
  height: 100%;
  left: 0;
  opacity: 0;
  position: fixed;
  top: 0;
  visibility: hidden;
  width: 100%;
  z-index: 3000;
}

#rb-layer2 .rb-mask p,
#rb-layer .rb-mask p {
  display: none;
  font-size: 0;
}

#rb-layer2 .rb-mask-show,
#rb-layer .rb-mask-show {
  -webkit-animation-name: rb-fade-in;
  animation-name: rb-fade-in;
}

#rb-layer2 .rb-mask-hide,
#rb-layer .rb-mask-hide {
  -webkit-animation-name: rb-fade-out;
  animation-name: rb-fade-out;
}

#rb-layer2 .rb-toast,
#rb-layer .rb-toast {
  -webkit-animation-duration: 0.35s;
  animation-duration: 0.35s;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-timing-function: ease-in;
  animation-timing-function: ease-in;
  background-color: rgba(0, 0, 0, 0.7);
  border-radius: 4px;
  left: 50%;
  line-height: 36px;
  max-width: 90%;
  min-width: 48px;
  opacity: 0;
  padding: 0 10px;
  position: fixed;
  text-align: center;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  visibility: hidden;
  white-space: pre;
  width: -moz-fit-content;
  width: -webkit-fit-content;
  width: fit-content;
  z-index: 3000;
}

#rb-layer2 .rb-toast-show,
#rb-layer .rb-toast-show {
  -webkit-animation-name: rb-fade-in;
  animation-name: rb-fade-in;
}

#rb-layer2 .rb-toast-hide,
#rb-layer .rb-toast-hide {
  -webkit-animation-name: rb-fade-out;
  animation-name: rb-fade-out;
}

#rb-layer2 .rb-toast span,
#rb-layer .rb-toast span {
  color: #fff;
  font-size: 16px;
}

#rb-layer2 .rb-loading,
#rb-layer .rb-loading {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: rgba(0, 0, 0, 0.7);
  border-radius: 8px;
  color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  font-size: 14px;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  left: 0;
  line-height: 20px;
  margin: 0 auto;
  max-height: 100%;
  max-width: 70%;
  min-height: 100px;
  opacity: 0;
  overflow: hidden;
  padding: 16px;
  position: fixed;
  right: 0;
  text-align: center;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
  visibility: hidden;
  white-space: pre-wrap;
  width: 100px;
  z-index: 3005;
}

#rb-layer2 .rb-loading--show,
#rb-layer .rb-loading--show {
  opacity: 1;
  visibility: visible;
}

#rb-layer2 .rb-loading__text,
#rb-layer .rb-loading__text {
  min-height: 0;
  min-width: 100px;
  padding: 8px 12px;
  width: -moz-fit-content;
  width: -webkit-fit-content;
  width: fit-content;
}

#rb-layer2 .rb-loading__icon,
#rb-layer .rb-loading__icon {
  -webkit-animation: loading-rotate 2s linear infinite;
  animation: loading-rotate 2s linear infinite;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 30px;
  margin-bottom: 8px;
  width: 30px;
}

#rb-layer2 .rb-loading__icon svg,
#rb-layer .rb-loading__icon svg {
  color: #fff;
  display: block;
  height: 100%;
  width: 100%;
}

#rb-layer2 .rb-loading__icon svg circle,
#rb-layer .rb-loading__icon svg circle {
  stroke: currentColor;
  stroke-width: 2;
  stroke-linecap: round;
  -webkit-animation: loading-circular 1.5s ease-in-out infinite;
  animation: loading-circular 1.5s ease-in-out infinite;
}

#rb-layer2 .rb-install-now-dialog,
#rb-layer .rb-install-now-dialog {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #fff;
  border-radius: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  left: 0;
  margin: 0 auto;
  opacity: 0;
  padding: 32px 24px 24px;
  position: fixed;
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  visibility: hidden;
  width: 8rem;
  z-index: 3000;
}

#rb-layer2 .rb-install-now-dialog[data-type="ACTIVED"] .install-now__actived,
#rb-layer2 .rb-install-now-dialog[data-type="LOADING"] .install-now__loading,
#rb-layer .rb-install-now-dialog[data-type="ACTIVED"] .install-now__actived,
#rb-layer .rb-install-now-dialog[data-type="LOADING"] .install-now__loading {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

#rb-layer2 .rb-install-now-dialog .install-now__header,
#rb-layer .rb-install-now-dialog .install-now__header {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  margin-bottom: 10px;
}

#rb-layer2 .rb-install-now-dialog .install-now__header-title,
#rb-layer .rb-install-now-dialog .install-now__header-title {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 8px;
}

#rb-layer2 .rb-install-now-dialog .install-now__header-title img,
#rb-layer .rb-install-now-dialog .install-now__header-title img {
  margin-right: 7px;
  width: 28px;
}

#rb-layer2 .rb-install-now-dialog .install-now__header-title span,
#rb-layer .rb-install-now-dialog .install-now__header-title span {
  color: #666;
  font-size: 24px;
  font-weight: 400;
  letter-spacing: 1px;
  line-height: 33px;
}

#rb-layer2 .rb-install-now-dialog .install-now__header-msg,
#rb-layer .rb-install-now-dialog .install-now__header-msg {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border: 1px solid #747475;
  border-radius: 3px;
  color: #666;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 18px;
  font-weight: 400;
  height: 25px;
  padding: 0 10px;
}

#rb-layer2 .rb-install-now-dialog .install-now__main,
#rb-layer .rb-install-now-dialog .install-now__main {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  height: 108px;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 100%;
}

#rb-layer2 .rb-install-now-dialog .install-now__loading,
#rb-layer .rb-install-now-dialog .install-now__loading {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  color: #028760;
  display: none;
  height: 100px;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  position: relative;
  width: 100px;
}

#rb-layer2 .rb-install-now-dialog .install-now__loading svg,
#rb-layer .rb-install-now-dialog .install-now__loading svg {
  display: block;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}

#rb-layer2 .rb-install-now-dialog .install-now__loading svg circle,
#rb-layer .rb-install-now-dialog .install-now__loading svg circle {
  stroke: currentColor;
  stroke-width: 3;
  stroke-linecap: round;
  -webkit-animation: loading-circular 1.5s ease-in-out infinite;
  animation: loading-circular 1.5s ease-in-out infinite;
}

#rb-layer2 .rb-install-now-dialog .install-now__loading span,
#rb-layer .rb-install-now-dialog .install-now__loading span {
  font-size: 16px;
  font-weight: 600;
}

#rb-layer2 .rb-install-now-dialog .install-now__actived,
#rb-layer .rb-install-now-dialog .install-now__actived {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: none;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 100%;
}

#rb-layer2 .rb-install-now-dialog .install-now__actived-tag,
#rb-layer .rb-install-now-dialog .install-now__actived-tag {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background: rgba(119, 250, 73, 0.3);
  border-radius: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: auto;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-bottom: 24px;
  padding: 4px 20px;
}

#rb-layer2 .rb-install-now-dialog .install-now__actived-tag img,
#rb-layer .rb-install-now-dialog .install-now__actived-tag img {
  margin-right: 5px;
  width: 12px;
}

#rb-layer2 .rb-install-now-dialog .install-now__actived-tag span,
#rb-layer .rb-install-now-dialog .install-now__actived-tag span {
  color: #01875f;
  font-size: 16px;
  font-weight: 700;
  line-height: 28px;
}

#rb-layer2 .rb-install-now-dialog .install-now__actived-btn,
#rb-layer .rb-install-now-dialog .install-now__actived-btn {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background: #028760;
  border-radius: 23px;
  color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 15px;
  font-weight: 500;
  height: 45px;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 100%;
}

#rb-layer2 .rb-install-dialog,
#rb-layer .rb-install-dialog {
  background-color: #fff;
  border-radius: 18px;
  left: 0;
  margin: 0 auto;
  opacity: 0;
  padding: 24px;
  position: fixed;
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  visibility: hidden;
  width: 353px;
  z-index: 3000;
}

#rb-layer2 .rb-install-dialog .install__title,
#rb-layer .rb-install-dialog .install__title {
  color: #111;
  font-size: 26px;
  line-height: 32px;
  margin-bottom: 28px;
}

#rb-layer2 .rb-install-dialog .install__main,
#rb-layer .rb-install-dialog .install__main {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 32px;
  width: 100%;
}

#rb-layer2 .rb-install-dialog .install__main--icon,
#rb-layer .rb-install-dialog .install__main--icon {
  background: #fff;
  border-radius: 8px;
  -webkit-box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.16);
  box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.16);
  height: 37px;
  margin-right: 12px;
  width: 37px;
}

#rb-layer2 .rb-install-dialog .install__main--title,
#rb-layer .rb-install-dialog .install__main--title {
  color: #111;
  font-size: 23px;
  font-weight: 400;
  line-height: 27px;
}

#rb-layer2 .rb-install-dialog .install__main--url,
#rb-layer .rb-install-dialog .install__main--url {
  color: #111;
  font-size: 15px;
  font-weight: 400;
  line-height: 19px;
}

#rb-layer2 .rb-install-dialog .install__foot,
#rb-layer .rb-install-dialog .install__foot {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  padding-right: 10px;
  width: 100%;
}

#rb-layer2 .rb-install-dialog .install__foot div,
#rb-layer .rb-install-dialog .install__foot div {
  color: #3f80ed;
  font-size: 15px;
  font-weight: 400;
  line-height: 21px;
  text-align: center;
  width: 94px;
}

#rb-layer2 .rb-back-dialog,
#rb-layer .rb-back-dialog {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #fff;
  border-radius: 18px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  left: 0;
  margin: 0 auto;
  opacity: 0;
  padding: 25px 20px;
  position: fixed;
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  visibility: hidden;
  width: 85%;
  z-index: 3000;
}

#rb-layer2 .rb-back-dialog .back__logo,
#rb-layer .rb-back-dialog .back__logo {
  width: 166px;
}

#rb-layer2 .rb-back-dialog .back__title,
#rb-layer .rb-back-dialog .back__title {
  font-size: 17px;
  line-height: 24px;
  margin-top: 32px;
  text-align: center;
}

#rb-layer2 .rb-back-dialog .back__mark,
#rb-layer .rb-back-dialog .back__mark {
  color: #028760;
  font-weight: 500;
}

#rb-layer2 .rb-back-dialog .back__block,
#rb-layer .rb-back-dialog .back__block {
  background-color: #fff;
  border-radius: 15px;
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.23);
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.23);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 15px 0;
  padding: 20px;
  width: 100%;
}

#rb-layer2 .rb-back-dialog .back__icon,
#rb-layer .rb-back-dialog .back__icon {
  border-radius: 20%;
  height: 70px;
  margin-right: 20px;
  width: 70px;
}

#rb-layer .rb-back-dialog .back__info-title {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 22px;
  font-weight: 500;
  overflow-wrap: anywhere;
  word-break: keep-all;
}

#rb-layer2 .rb-back-dialog .back__info-title img,
#rb-layer .rb-back-dialog .back__info-title img {
  height: 20px;
  margin-left: 5px;
  width: 20px;
}

#rb-layer2 .rb-back-dialog .back__info-description,
#rb-layer .rb-back-dialog .back__info-description {
  color: #028760;
  font-size: 15px;
  font-weight: 500;
  margin: 5px 0;
}

#rb-layer2 .rb-back-dialog .back__info-play,
#rb-layer .rb-back-dialog .back__info-play {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  color: #333;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 10px;
  font-weight: 500;
  height: 14px;
}

#rb-layer2 .rb-back-dialog .back__info-play .ic_dun,
#rb-layer .rb-back-dialog .back__info-play .ic_dun {
  margin-right: 4px;
  width: 10px;
}

#rb-layer2 .rb-back-dialog .back__detail,
#rb-layer .rb-back-dialog .back__detail {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 14px;
}

#rb-layer2 .rb-back-dialog .back__detail p,
#rb-layer .rb-back-dialog .back__detail p {
  line-height: 18px;
  margin: 10px 0;
}

#rb-layer2 .rb-back-dialog .back__detail img,
#rb-layer .rb-back-dialog .back__detail img {
  width: 89px;
}

#rb-layer2 .rb-back-dialog .back__btn,
#rb-layer .rb-back-dialog .back__btn {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #028760;
  border-radius: 8px;
  color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 14px;
  height: 35px;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-top: 15px;
  width: 100%;
}

@-webkit-keyframes rb-fade-in {
  0% {
    opacity: 0;
    visibility: hidden;
  }

  to {
    opacity: 1;
    visibility: visible;
  }
}

@keyframes rb-fade-in {
  0% {
    opacity: 0;
    visibility: hidden;
  }

  to {
    opacity: 1;
    visibility: visible;
  }
}

@-webkit-keyframes rb-fade-out {
  0% {
    opacity: 1;
    visibility: visible;
  }

  to {
    opacity: 0;
    visibility: hidden;
  }
}

@keyframes rb-fade-out {
  0% {
    opacity: 1;
    visibility: visible;
  }

  to {
    opacity: 0;
    visibility: hidden;
  }
}

@-webkit-keyframes loading-rotate {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }

  to {
    -webkit-transform: rotate(1turn);
    transform: rotate(1turn);
  }
}

@keyframes loading-rotate {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }

  to {
    -webkit-transform: rotate(1turn);
    transform: rotate(1turn);
  }
}

@-webkit-keyframes loading-circular {
  0% {
    stroke-dasharray: 1, 200;
    stroke-dashoffset: 0;
  }

  50% {
    stroke-dasharray: 90, 150;
    stroke-dashoffset: -40;
  }

  to {
    stroke-dasharray: 90, 150;
    stroke-dashoffset: -120;
  }
}

@keyframes loading-circular {
  0% {
    stroke-dasharray: 1, 200;
    stroke-dashoffset: 0;
  }

  50% {
    stroke-dasharray: 90, 150;
    stroke-dashoffset: -40;
  }

  to {
    stroke-dasharray: 90, 150;
    stroke-dashoffset: -120;
  }
}

.van-image {
  position: relative;
  display: inline-block;
}

.van-image--round {
  overflow: hidden;
  border-radius: 50%;
}

.van-image--round img {
  border-radius: inherit;
}

.van-image__error,
.van-image__img,
.van-image__loading {
  display: block;
  width: 100%;
  height: 100%;
}

.van-image__error,
.van-image__loading {
  position: absolute;
  top: 0;
  left: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  color: #969799;
  font-size: 14px;
  background-color: #f7f8fa;
}

.van-image__error-icon,
.van-image__loading-icon {
  color: #dcdee0;
  font-size: 32px;
}

.van-swipe {
  position: relative;
  overflow: hidden;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  cursor: grab;
  -webkit-user-select: none;
  user-select: none;
}

.van-swipe__track {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  height: 100%;
}

.van-swipe__track--vertical {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  flex-direction: column;
}

.van-swipe__indicators {
  position: absolute;
  bottom: 12px;
  left: 50%;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}

.van-swipe__indicators--vertical {
  top: 50%;
  bottom: auto;
  left: 12px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  flex-direction: column;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

.van-swipe__indicators--vertical .van-swipe__indicator:not(:last-child) {
  margin-bottom: 6px;
}

.van-swipe__indicator {
  width: 6px;
  height: 6px;
  background-color: #ebedf0;
  border-radius: 100%;
  opacity: 0.3;
  -webkit-transition: opacity 0.2s, background-color 0.2s;
  transition: opacity 0.2s, background-color 0.2s;
}

.van-swipe__indicator:not(:last-child) {
  margin-right: 6px;
}

.van-swipe__indicator--active {
  background-color: #1989fa;
  opacity: 1;
}

.van-swipe-item {
  position: relative;
  -webkit-flex-shrink: 0;
  flex-shrink: 0;
  width: 100%;
  height: 100%;
}

.van-image-preview {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.van-image-preview__swipe {
  height: 100%;
}

.van-image-preview__swipe-item {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  overflow: hidden;
}

.van-image-preview__cover {
  position: absolute;
  top: 0;
  left: 0;
}

.van-image-preview__image {
  width: 100%;
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
}

.van-image-preview__image--vertical {
  width: auto;
  height: 100%;
}

.van-image-preview__image img {
  -webkit-user-drag: none;
}

.van-image-preview__image .van-image__error {
  top: 30%;
  height: 40%;
}

.van-image-preview__image .van-image__error-icon {
  font-size: 36px;
}

.van-image-preview__image .van-image__loading {
  background-color: transparent;
}

.van-image-preview__index {
  position: absolute;
  top: 16px;
  left: 50%;
  color: #fff;
  font-size: 14px;
  line-height: 20px;
  text-shadow: 0 1px 1px #323233;
  -webkit-transform: translate(-50%);
  transform: translate(-50%);
}

.van-image-preview__overlay {
  background-color: rgba(0, 0, 0, 0.9);
}

.van-image-preview__close-icon {
  position: absolute;
  z-index: 1;
  color: #c8c9cc;
  font-size: 22px;
  cursor: pointer;
}

.van-image-preview__close-icon:active {
  color: #969799;
}

.van-image-preview__close-icon--top-left {
  top: 16px;
  left: 16px;
}

.van-image-preview__close-icon--top-right {
  top: 16px;
  right: 16px;
}

.van-image-preview__close-icon--bottom-left {
  bottom: 16px;
  left: 16px;
}

.van-image-preview__close-icon--bottom-right {
  right: 16px;
  bottom: 16px;
}

.van-badge {
  display: inline-block;
  box-sizing: border-box;
  min-width: 16px;
  padding: 0 3px;
  color: #fff;
  font-weight: 500;
  font-size: 12px;
  font-family: -apple-system-font, Helvetica Neue, Arial, sans-serif;
  line-height: 1.2;
  text-align: center;
  background-color: #ee0a24;
  border: 1px solid #fff;
  border-radius: 999px;
}

.van-badge--fixed {
  position: absolute;
  top: 0;
  right: 0;
  -webkit-transform: translate(50%, -50%);
  transform: translate(50%, -50%);
  -webkit-transform-origin: 100%;
  transform-origin: 100%;
}

.van-badge--dot {
  width: 8px;
  min-width: 0;
  height: 8px;
  background-color: #ee0a24;
  border-radius: 100%;
}

.van-badge__wrapper,
.van-button {
  position: relative;
  display: inline-block;
}

.van-button {
  box-sizing: border-box;
  height: 44px;
  margin: 0;
  padding: 0;
  font-size: 16px;
  line-height: 1.2;
  text-align: center;
  border-radius: 2px;
  cursor: pointer;
  -webkit-transition: opacity 0.2s;
  transition: opacity 0.2s;
  -webkit-appearance: none;
}

.van-button:before {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  height: 100%;
  background-color: #000;
  border: inherit;
  border-color: #000;
  border-radius: inherit;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  opacity: 0;
  content: " ";
}

.van-button:active:before {
  opacity: 0.1;
}

.van-button--disabled:before,
.van-button--loading:before {
  display: none;
}

.van-button--default {
  color: #323233;
  background-color: #fff;
  border: 1px solid #ebedf0;
}

.van-button--primary {
  color: #fff;
  background-color: #07c160;
  border: 1px solid #07c160;
}

.van-button--info {
  color: #fff;
  background-color: #1989fa;
  border: 1px solid #1989fa;
}

.van-button--danger {
  color: #fff;
  background-color: #ee0a24;
  border: 1px solid #ee0a24;
}

.van-button--warning {
  color: #fff;
  background-color: #ff976a;
  border: 1px solid #ff976a;
}

.van-button--plain {
  background-color: #fff;
}

.van-button--plain.van-button--primary {
  color: #07c160;
}

.van-button--plain.van-button--info {
  color: #1989fa;
}

.van-button--plain.van-button--danger {
  color: #ee0a24;
}

.van-button--plain.van-button--warning {
  color: #ff976a;
}

.van-button--large {
  width: 100%;
  height: 50px;
}

.van-button--normal {
  padding: 0 15px;
  font-size: 14px;
}

.van-button--small {
  height: 32px;
  padding: 0 8px;
  font-size: 12px;
}

.van-button__loading {
  color: inherit;
  font-size: inherit;
}

.van-button--mini {
  height: 24px;
  padding: 0 4px;
  font-size: 10px;
}

.van-button--mini + .van-button--mini {
  margin-left: 4px;
}

.van-button--block {
  display: block;
  width: 100%;
}

.van-button--disabled {
  cursor: not-allowed;
  opacity: 0.5;
}

.van-button--loading {
  cursor: default;
}

.van-button--round {
  border-radius: 999px;
}

.van-button--square {
  border-radius: 0;
}

.van-button__content {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  height: 100%;
}

.van-button__content:before {
  content: " ";
}

.van-button__icon {
  font-size: 1.2em;
  line-height: inherit;
}

.van-button__icon + .van-button__text,
.van-button__loading + .van-button__text,
.van-button__text + .van-button__icon,
.van-button__text + .van-button__loading {
  margin-left: 4px;
}

.van-button--hairline {
  border-width: 0;
}

.van-button--hairline:after {
  border-color: inherit;
  border-radius: 4px;
}

.van-button--hairline.van-button--round:after {
  border-radius: 999px;
}

.van-button--hairline.van-button--square:after {
  border-radius: 0;
}

@media (min-width: 240px) {
  html {
    font-size: 32px;
  }
}

@media (min-width: 320px) {
  html {
    font-size: 33px;
  }
}

@media (min-width: 344px) {
  html {
    font-size: 35px;
  }
}

@media (min-width: 360px) {
  html {
    font-size: 37.5px;
  }
}

@media (min-width: 375px) {
  html {
    font-size: 38.4px;
  }
}

@media (min-width: 384px) {
  html {
    font-size: 41.1px;
  }
}

@media (min-width: 411px) {
  html {
    font-size: 41.4px;
  }
}

@media (min-width: 414px) {
  html {
    font-size: 42.4px;
  }
}

@media (min-width: 424px) {
  html {
    font-size: 48px;
  }
}

@media (min-width: 430px) {
  html {
    font-size: 43px;
  }
}

@media (min-width: 480px) {
  html {
    font-size: 54px;
  }
}

@media (min-width: 540px) {
  html {
    font-size: 64px;
  }
}

@media (min-width: 640px) {
  html {
    font-size: 64px;
  }
}

@media (min-width: 720px) {
  html {
    font-size: 64px;
  }
}

@media (min-width: 750px) {
  html {
    font-size: 64px;
  }
}

@media (min-width: 768px) {
  html {
    font-size: 64px;
  }
}

@media (min-width: 800px) {
  html {
    font-size: 64px;
  }
}

@media (min-width: 980px) {
  html {
    font-size: 64px;
  }
}

@media (min-width: 1024px) {
  html {
    font-size: 64px;
  }
}

@media (min-width: 1080px) {
  html {
    font-size: 64px;
  }
}

@media (min-width: 1152px) {
  html {
    font-size: 64px;
  }
}

@media (min-width: 1366px) {
  html {
    font-size: 64px;
  }
}

@media (min-width: 1440px) {
  html {
    font-size: 64px;
  }
}

@media (min-width: 2160px) {
  html {
    font-size: 64px;
  }
}

/* 安装失败 */
.win-frame {
  width: 8.4rem;
  box-sizing: border-box;
  background: #ffffff;
  border-radius: 16px;
  padding: 20px;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.win-frame img {
  width: 48px;
}
.win-frame h1 {
  font-size: 18px;
  color: #232323;
  margin-top: 10px;
}
.win-frame p {
  font-size: 14px;
  color: #999999;
  margin-top: 5px;
}
.win-btn {
  width: 100%;
  height: auto;
  display: flex;
  margin-top: 30px;
}

.win-btn button {
  width: 100%;
  height: 40px;
  border-radius: 20px;
  font-size: 16px;
  border: none;
  margin: 0 5px;
}
.btn-cencel {
  background: #f0f0f0;
  color: #666666;
}
.btn-confirm {
  background: #01875f;
  color: #ffffff;
}

/* 服务器异常 */
.service_error {
  width: 8.4rem;
  box-sizing: border-box;
  background: #ffffff;
  border-radius: 16px;
  padding: 40px 20px;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.service_error img {
  width: 200px;
}
.service_error h1 {
  font-size: 18px;
  color: #232323;
  margin-top: 10px;
}
.service_error p {
  font-size: 14px;
  color: #999999;
  margin-top: 5px;
}
.service_error a {
  color: #01875f;
}

/* iOS添加到主屏幕弹窗 */
.van-popup--bottom {
  transform: translate3d(0, 100%, 0);
}

.mask__close {
  position: absolute;
  top: 0;
  right: 0.6rem;
  width: 1.5rem;
  height: 1.5rem;
  cursor: pointer;
}