/* RupeeFast app-aligned H5 theme */
:root {
  --rf-primary: #1a73e8;
  --rf-primary-dark: #1557b0;
  --rf-card: #e8f0fe;
  --rf-page: #f8f9fa;
  --rf-text: #202124;
  --rf-muted: #5f6368;
  --rf-line: #dadce0;
}

html,
body,
uni-app,
uni-page,
uni-page-wrapper,
uni-page-body,
#app,
.content,
.content0 {
  background: var(--rf-page) !important;
  color: var(--rf-text) !important;
  font-family: Arial, Helvetica, sans-serif;
  width: 100% !important;
  max-width: 100vw !important;
  overflow-x: hidden !important;
  box-sizing: border-box !important;
}

uni-view,
uni-text,
uni-button,
uni-image,
div,
span,
button {
  box-sizing: border-box;
}

uni-page-head .uni-page-head,
uni-page-head .uni-page-head-bd {
  background: #fff !important;
}

uni-page-head .uni-page-head__title {
  color: var(--rf-primary) !important;
  font-weight: 700 !important;
}

.top-warp2 {
  height: 56px !important;
  min-height: 56px !important;
  padding: 0 16px !important;
  background: #fff !important;
  display: flex !important;
  align-items: center !important;
  box-sizing: border-box !important;
}

.home-title {
  color: var(--rf-primary) !important;
  font-size: 20px !important;
  font-weight: 700 !important;
  line-height: 56px !important;
}

.bot-info {
  align-items: center !important;
}

.top-warp {
  margin: 0 !important;
  padding: 16px 16px 0 !important;
  background: transparent !important;
  width: 100vw !important;
  max-width: 100vw !important;
  overflow: hidden !important;
  box-sizing: border-box !important;
}

.bill-content,
.home-bill-content,
.form-warp .right.gradients-bg,
.repayment_box,
.coupons-list {
  background: var(--rf-card) !important;
  border-radius: 16px !important;
  box-shadow: none !important;
  color: var(--rf-text) !important;
}

.bill-content,
.home-bill-content {
  padding: 20px !important;
  width: calc(100vw - 32px) !important;
  max-width: calc(100vw - 32px) !important;
  margin: 16px auto 0 !important;
  box-sizing: border-box !important;
  overflow: hidden !important;
}

.bill-content .right,
.home-bill-content .right,
.bill-content .info-box-content,
.home-bill-content .info-box-content {
  width: 100% !important;
  max-width: 100% !important;
  min-height: auto !important;
  padding: 0 !important;
  background: transparent !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  box-sizing: border-box !important;
}

.form-warp {
  padding: 16px !important;
  background: transparent !important;
}

.form-warp .right.gradients-bg {
  margin: 0 !important;
  padding: 20px !important;
}

.index_span,
.index_span uni-text,
.tips,
.home-content uni-view,
.home-content uni-text,
.bill-content .black1,
.repayment_box .list-li,
.repayment_box .strong,
.repayment_box .c {
  color: var(--rf-muted) !important;
}

.fw7,
.number2,
.number2_1,
.color-blue,
.date-li,
.home-block2 .number2_1 {
  color: var(--rf-primary) !important;
}

.process2 {
  margin-top: 16px !important;
  padding-top: 16px !important;
  border-top: 1px solid var(--rf-line) !important;
}

.process2 uni-view,
.process2 uni-text {
  color: var(--rf-text) !important;
}

.process2 .color-blue {
  color: var(--rf-primary) !important;
}

.btn-bg-yellow,
uni-button.btn-bg-yellow,
.save-btn,
.save-btn2,
.goHome,
.go-loan,
.index_apply,
.home-box {
  background: var(--rf-primary) !important;
  color: #fff !important;
  border: 0 !important;
  border-radius: 40px !important;
  box-shadow: none !important;
  font-weight: 700 !important;
  box-sizing: border-box !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

uni-button.btn-bg-yellow,
.save-btn,
.save-btn2,
.goHome,
.go-loan {
  min-height: 48px !important;
  line-height: 48px !important;
}

.btn-bg-yellow::after,
uni-button::after {
  border: 0 !important;
}

.home-content {
  margin: 12px auto 16px !important;
  padding: 16px !important;
  background: #fff !important;
  border-radius: 0 !important;
  width: calc(100vw - 32px) !important;
  max-width: calc(100vw - 32px) !important;
  overflow: hidden !important;
  box-sizing: border-box !important;
}

.home-content .title {
  color: var(--rf-text) !important;
  font-size: 15px !important;
  font-weight: 700 !important;
}

.home-content .title::before {
  content: "";
  display: inline-block;
  width: 22px;
  height: 22px;
  margin-right: 8px;
  vertical-align: -5px;
  background: url("/static/assets/rf-icon-sec.png") center / contain no-repeat;
}

.home-content .title uni-image {
  display: none !important;
}

.home-content uni-view,
.home-content uni-text {
  max-width: 100% !important;
  white-space: normal !important;
  overflow-wrap: anywhere !important;
}

.content0 > uni-view > uni-view.ac.mt10 {
  margin: 12px auto 0 !important;
  width: calc(100vw - 32px) !important;
  max-width: calc(100vw - 32px) !important;
  height: auto !important;
  aspect-ratio: 688 / 240 !important;
  background: url("/static/assets/rf-bg-index-center.png") center / cover no-repeat !important;
  border-radius: 10px !important;
  overflow: hidden !important;
  box-sizing: border-box !important;
}

.content0 > uni-view > uni-view.ac.mt10 uni-image,
.content0 > uni-view > uni-view.ac.mt10 img {
  width: 100% !important;
  height: auto !important;
  border-radius: 10px !important;
  opacity: 0 !important;
}

.content-login {
  min-height: 100vh !important;
  background: var(--rf-card) !important;
  justify-content: flex-start !important;
  padding: 40px 20px 0 !important;
  box-sizing: border-box !important;
}

.content-login .login-title {
  margin-top: 0 !important;
  text-align: center !important;
}

.content-login .logo-w {
  width: 100px !important;
  height: 100px !important;
  margin: 0 auto !important;
  background: url("/static/assets/rf-app-icon.png") center / contain no-repeat !important;
}

.content-login .logo-w img,
.content-login .logo-w div {
  opacity: 0 !important;
}

.content-login .title {
  margin-top: 5px !important;
  color: var(--rf-text) !important;
  font-size: 20px !important;
  font-weight: 500 !important;
}

.login,
.login-c {
  width: 100% !important;
  background: transparent !important;
  box-shadow: none !important;
}

.login-c {
  margin-top: 60px !important;
}

.login-c .item {
  margin: 0 !important;
  padding: 16px !important;
  background: #fff !important;
  border-radius: 5px !important;
  display: flex !important;
  align-items: center !important;
}

.login-c .numb {
  color: var(--rf-text) !important;
  font-size: 18px !important;
}

.login-c .input-text,
.login-c input {
  color: var(--rf-text) !important;
  font-size: 18px !important;
}

.login-c .btn-bg-yellow {
  width: calc(100% - 30px) !important;
  margin: 16px 15px 0 !important;
}

.home-bill-content .ac.por,
.bill-content .ac.por {
  width: 100% !important;
  max-width: 100% !important;
}

.home-bill-content .btn-bg-yellow,
.bill-content .btn-bg-yellow,
.repay-button .btn-bg-yellow {
  width: calc(100vw - 72px) !important;
  max-width: 100% !important;
  margin: 16px 0 0 !important;
  padding: 0 !important;
}

.home-bill-content .index_apply,
.bill-content .home-box,
.bill-content .index_apply {
  width: 100% !important;
  height: 48px !important;
  line-height: 48px !important;
  text-align: center !important;
}

.repayment_box {
  margin-top: 12px !important;
  padding: 16px !important;
}

.repayment_box .info-list {
  background: transparent !important;
}

.repayment_box .list-li {
  border-bottom: 1px solid var(--rf-line) !important;
  padding: 10px 0 !important;
}

.mt20 .btn-bg-yellow,
.disflex.mt20 .btn-bg-yellow {
  width: 100% !important;
}

.uni-tabbar,
uni-tabbar .uni-tabbar {
  left: 0 !important;
  right: 0 !important;
  width: 100vw !important;
  max-width: 100vw !important;
  min-width: 0 !important;
  box-sizing: border-box !important;
  overflow: hidden !important;
}

.uni-tabbar__item {
  flex: 1 1 0 !important;
  min-width: 0 !important;
}

.uni-tabbar__bd {
  width: 100% !important;
  min-width: 0 !important;
}

.uni-tabbar__label {
  font-size: 11px !important;
  line-height: 14px !important;
  white-space: nowrap !important;
}

@media (min-width: 768px) {
  .content,
  .content0,
  .content-login {
    max-width: 480px;
    margin: 0 auto !important;
  }
}