/* Home footer and virtual-currency cards aligned to the source site's layout. */
#app .rich-footer {
  box-sizing: border-box !important;
  margin-top: 18.261px !important;
  padding: 0 2px 112px 14.775px !important;
  text-align: left !important;
  color: #fff !important;
}
#app .rich-footer .footer-title {
  box-sizing: border-box !important;
  width: 100% !important;
  height: 45.653px !important;
  margin: 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
}
#app .rich-footer .footer-title .footer-coins {
  width: 102.725px !important;
  height: 45.653px !important;
  padding: 0 !important;
  display: flex !important;
  align-items: center !important;
  border: 0 !important;
  background: transparent !important;
  color: #fff !important;
  text-align: left !important;
  font-size: 20.544px !important;
  font-weight: 600 !important;
  white-space: nowrap !important;
}
#app .rich-footer .footer-title .footer-vpn {
  width: 91.781px !important;
  height: 31.948px !important;
  margin: 0 11.413px 0 auto !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent url('https://jbgj661.com/static/img/button_%E6%8E%A8%E8%8D%90VPN.c1267cf1.webp') center / 100% 100% no-repeat !important;
  color: #fff !important;
  font-size: 13.696px !important;
  font-weight: 600 !important;
  line-height: 31.948px !important;
  text-align: center !important;
  white-space: nowrap !important;
}
#app .rich-footer .coin-platforms {
  box-sizing: border-box !important;
  width: 100% !important;
  height: 116.156px !important;
  margin: 0 !important;
  padding: 6.848px 13.696px 6.848px 0 !important;
  display: flex !important;
  gap: 7.038px !important;
  overflow: hidden !important;
}
#app .rich-footer .coin-platforms > button {
  box-sizing: border-box !important;
  flex: 0 0 min(29.867vw, 127.829px) !important;
  width: min(29.867vw, 127.829px) !important;
  height: 102.469px !important;
  min-width: 0 !important;
  padding: 13.696px 0 !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 0 !important;
  border: 0 !important;
  border-radius: 6.848px !important;
  background: linear-gradient(175deg, rgba(252,245,255,.12), rgba(96,64,111,.12)) !important;
}
#app .rich-footer .coin-platforms > button img {
  display: block !important;
  flex: 0 0 min(11.733vw, 50.219px) !important;
  width: min(11.733vw, 50.219px) !important;
  max-width: none !important;
  height: min(11.733vw, 50.219px) !important;
  object-fit: contain !important;
}
#app .rich-footer .coin-platforms > button span {
  height: 24.875px !important;
  margin: 0 !important;
  padding: 0 !important;
  display: block !important;
  color: #dbdff2 !important;
  font-size: 13.696px !important;
  font-weight: 400 !important;
  line-height: 24.875px !important;
}
#app .rich-footer .footer-provider-section > h3,
#app .rich-footer .footer-license-section > h3 {
  box-sizing: border-box !important;
  height: 45.653px !important;
  margin: 0 !important;
  padding: 0 0 0 4.565px !important;
  display: flex !important;
  align-items: center !important;
  color: #fff !important;
  font-size: 18.261px !important;
  font-weight: 600 !important;
}
#app .rich-footer .provider-viewport {
  box-sizing: border-box !important;
  width: 100% !important;
  height: 54.781px !important;
  margin: 0 0 29.675px !important;
  overflow: hidden !important;
}
#app .rich-footer .provider-logos {
  box-sizing: border-box !important;
  width: min(164vw, 701.92px) !important;
  height: 54.781px !important;
  display: flex !important;
  flex-wrap: nowrap !important;
  gap: 0 !important;
  overflow: visible !important;
  animation: jinming-provider-row 30s linear infinite !important;
}
#app .rich-footer .provider-logo {
  box-sizing: border-box !important;
  flex: 0 0 min(30.667vw, 131.253px) !important;
  width: min(30.667vw, 131.253px) !important;
  height: 54.781px !important;
  margin: 0 7.989px 0 0 !important;
  display: block !important;
  overflow: visible !important;
  border-radius: 6.848px !important;
  background: linear-gradient(175deg, rgba(252,245,255,.12), rgba(96,64,111,.12)) !important;
}
#app .rich-footer .provider-logo img {
  box-sizing: content-box !important;
  width: min(33.333vw, 142.667px) !important;
  max-width: none !important;
  height: 54.781px !important;
  max-height: none !important;
  margin: 0 -11.417px 0 0 !important;
  display: block !important;
  object-fit: fill !important;
}
#app .rich-footer .license-card {
  box-sizing: border-box !important;
  width: calc(100% - 13.696px) !important;
  height: 91.307px !important;
  margin: 0 13.696px 18.261px 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  border-radius: 6.848px !important;
  background: linear-gradient(173deg, rgba(252,245,255,.12), rgba(96,64,111,.12)) !important;
}
#app .rich-footer .license-card img {
  width: min(48.8vw, 208.864px) !important;
  height: 61.625px !important;
  max-width: none !important;
  max-height: none !important;
  object-fit: fill !important;
}
@keyframes jinming-provider-row {
  from { transform: translateX(0); }
  to { transform: translateX(-240px); }
}

/* The source site presents the three exchange cards as square logo tiles. */
#app .buybit-page {
  box-sizing: border-box !important;
  width: 100% !important;
  min-height: calc(100dvh - 50.219px) !important;
  margin: 0 !important;
  padding: 18.261px 0 40px !important;
  background: #000 !important;
}
#app .buybit-wallet-grid {
  box-sizing: border-box !important;
  width: calc(100% - 29.674px) !important;
  margin: 0 0 0 13.696px !important;
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 7.038px !important;
}
#app .buybit-wallet {
  box-sizing: border-box !important;
  min-width: 0 !important;
  height: min(23.94vw, 102.469px) !important;
  padding: min(3.2vw, 13.696px) 0 !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: flex-start !important;
  border: 0 !important;
  border-radius: 6.848px !important;
  background: linear-gradient(175deg, rgba(252,245,255,.12), rgba(96,64,111,.12)) !important;
  color: #dbdff2 !important;
}
#app .buybit-wallet img {
  flex: 0 0 min(11.733vw, 50.219px) !important;
  width: min(11.733vw, 50.219px) !important;
  height: min(11.733vw, 50.219px) !important;
  object-fit: contain !important;
}
#app .buybit-wallet span {
  height: 24.875px !important;
  margin-top: 6.848px !important;
  color: #dbdff2 !important;
  font-size: 13.696px !important;
  line-height: 24.875px !important;
}