.flex-row {
  flex-direction: row;
}
.flex-column {
  flex-direction: column;
}
.flex-fluid {
  flex-wrap: wrap;
}
.center {
  justify-content: center;
  align-items: center;
}
.column-center-top {
  align-items: center;
}
.column-center-bottom {
  justify-content: flex-end;
  align-items: center;
}
.column-center-left {
  justify-content: center;
  align-items: flex-start;
}
.column-center-right {
  justify-content: center;
  align-items: flex-end;
}
.column-left-top {
  justify-content: flex-start;
  align-items: flex-start;
}
.column-right-top {
  justify-content: flex-start;
  align-items: flex-end;
}
.column-left-bottom {
  justify-content: flex-end;
  align-items: flex-start;
}
.column-right-bottom {
  justify-content: flex-end;
  align-items: flex-end;
}
.row-space-between {
  justify-content: space-between;
  align-items: center;
}
.row-center-top {
  justify-content: center;
  align-items: flex-start;
}
.row-center-bottom {
  justify-content: center;
  align-items: flex-end;
}
.row-center-left {
  justify-content: flex-start;
  align-items: center;
}
.row-center-right {
  justify-content: flex-end;
  align-items: center;
}
.row-left-top {
  justify-content: flex-start;
  align-items: flex-start;
}
.row-right-top {
  justify-content: flex-end;
  align-items: flex-start;
}
.row-left-bottom {
  justify-content: flex-start;
  align-items: flex-end;
}
.row-right-bottom {
  justify-content: flex-end;
  align-items: flex-end;
}
.span1 {
  flex: 1;
}
.span2 {
  flex: 2;
}
.span3 {
  flex: 3;
}
.span4 {
  flex: 4;
}
.span5 {
  flex: 5;
}
.span6 {
  flex: 6;
}
.span7 {
  flex: 7;
}
.span8 {
  flex: 8;
}
.span9 {
  flex: 9;
}
.span10 {
  flex: 10;
}
.span11 {
  flex: 11;
}
.span12 {
  flex: 12;
}
.flex1 {
  flex: 1;
}
.flex2 {
  flex: 2;
}
.flex3 {
  flex: 3;
}
.flex4 {
  flex: 4;
}
.flex5 {
  flex: 5;
}
.flex6 {
  flex: 6;
}
.flex7 {
  flex: 7;
}
.flex8 {
  flex: 8;
}
.flex9 {
  flex: 9;
}
.flex10 {
  flex: 10;
}
.flex11 {
  flex: 11;
}
.flex12 {
  flex: 12;
}
.p-r {
  /*position: relative;*/
}
.p-a {
  position: absolute;
}

:root {
  --app-viewport-height: 100vh;
  --app-safe-area-bottom: env(safe-area-inset-bottom, 0px);
}
.safe-viewport-page {
  position: relative;
  box-sizing: border-box;
  width: 100%;
  height: var(--app-viewport-height);
  min-height: 0;
  overflow: hidden;
}
.safe-scroll-content {
  box-sizing: border-box;
  height: 100%;
  overflow-x: hidden;
  overflow-y: auto;
  overscroll-behavior-y: contain;
  -webkit-overflow-scrolling: touch;
}
.safe-bottom-action {
  position: absolute !important;
  right: 0;
  bottom: 0 !important;
  left: 0;
  z-index: 20;
  box-sizing: border-box;
  width: 100%;
  padding-bottom: calc(var(--safe-bottom-spacing, 0px) + var(--app-safe-area-bottom));
}
body {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
body img {
  user-select: none;
  pointer-events: none;
}
.van-nav-bar {
  height: 11.79487vw;
}
.underline {
  text-decoration: underline;
}
.line-through {
  text-decoration: line-through;
}
.align-left {
  text-align: left;
}
.align-right {
  text-align: right;
}
.align-center {
  text-align: center;
}
/*带有fixed navbar的容器，需要一个padding*/
.navbar-con {
  padding-top: 11.79487vw;
}
.navbar-con-16 {
  padding-top: 15.89744vw;
}
.top-mar-16 {
  margin-top: 4.10256vw;
}
.flex {
  display: flex;
}
.padding10 {
  padding: 2.5641vw;
}
.margin10 {
  margin: 2.5641vw;
}
.udagree-pop {
  width: 100vw;
  height: 100vh;
  overflow-y: hidden;
}
/*简单的卡片样式*/
.card-box {
  margin: 2.5641vw 0;
  background-color: white;
}
.card-box:active {
  background-color: #fafafa;
}
.white-click {
  background-color: white;
}
.white-click:active {
  background-color: #fafafa;
}
/*左右布局*/
.flex-between {
  display: flex;
  justify-content: space-between;
  padding: 1.02564vw 0;
}
.left-red-line {
  border-left: solid #2486FF 0.76923vw;
  padding-left: 0.76923vw;
  background-color: white;
}
.mu-input__focus {
  color: #2486FF;
}
.white-txt {
  color: #ffffff;
}
.red-txt {
  color: #ff6b50;
}
.primary-txt {
  color: #2486FF;
}
.bold-txt {
  font-weight: bold;
}
.gray-txt {
  color: #969799;
}
.green-txt {
  color: #07c160;
}
.shadow-box {
  -webkit-box-shadow: 0 0 3.07692vw #ebedf0;
  box-shadow: 0 0 3.07692vw #ebedf0;
}
.mu-option.is-selected .mu-item {
  color: #2486FF;
}
.white-back {
  background-color: white;
}
.mu-dialog-height {
  height: 100% !important;
  max-height: 100% !important;
}
.mu-dialog-height > div {
  height: 100% !important;
  max-height: 100% !important;
}
.mu-input-focus-line {
  height: 1px;
}
.mu-input-line.disabled {
  border-bottom: 1px solid rgba(0, 0, 0, 0.13);
}
.navbar-con-height {
  height: 11.79487vw;
}
.userinfo-email .mu-input-help {
  position: absolute;
  top: 9.74359vw;
}
.read-tips-splash .van-checkbox__label {
  display: flex !important;
  flex-direction: row !important;
  margin-left: 2.05128vw;
  align-items: center;
  color: #323233;
  line-height: 5.12821vw;
}
.read-tips-splash .img-icon {
  height: 7.17949vw;
  margin-right: 2.05128vw;
}
.read-tips-splash .van-checkbox__icon .van-icon {
  display: none;
  border: 0.51282vw solid #134BA399 !important;
}
.full-dialog-style {
  width: 100vw;
  height: 100vh;
  overflow-y: hidden;
}

.router-view[data-v-3e3c9bd2] {
  height: 100%;
}
#app[data-v-3e3c9bd2] {
  background-color: #f7f7f7;
  height: 100%;
}


.top-fluid[data-v-0d92a6de] {
  word-break: normal;
  font-size: 3.58974vw;
}
.web-con[data-v-0d92a6de] {
  padding-top: 11.79487vw;
  height: 100vh;
}


/*左右布局*/
.flex-betweens[data-v-6170b25f] {
  display: flex;
  flex-direction: column;
  background-color: #e0e0e0;
  border: #e0e0e0;
  align-items: center;
}
.unagree-btn[data-v-6170b25f] {
  width: auto;
  border-radius: 1.02564vw;
  background: transparent;
  border: transparent;
  color: #666666;
}
.agree-btn[data-v-6170b25f] {
  width: 90%;
  border-radius: 1.02564vw;
  border: #ffffff00;
  background: #2486FF;
  color: white;
}
.agree-btn_unchecked[data-v-6170b25f] {
  width: 90%;
  border-radius: 1.02564vw;
  border: #ffffff00;
  background: #2486FF66;
  color: white;
}
.error-con[data-v-6170b25f] {
  position: relative;
  z-index: 1;
  text-align: center;
}
.error-con .error-txt[data-v-6170b25f] {
  font-size: 4.10256vw;
  color: #999999;
}
.error-con .reload-btn[data-v-6170b25f] {
  height: 8.20513vw;
  margin-top: 4.10256vw;
  line-height: 8.20513vw;
}
.top-back[data-v-6170b25f] {
  position: relative;
  width: 100vw;
  height: 100vh;
  height: 100dvh;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #F4F5F7;
}
.splash-illustration[data-v-6170b25f] {
  position: absolute;
  top: 24.38424vh;
  left: 50%;
  width: 62.13333vw;
  max-width: 28.69458vh;
  height: auto;
  transform: translateX(-50%);
  object-fit: contain;
}
.splash-logo[data-v-6170b25f] {
  position: absolute;
  left: 50%;
  bottom: 5.04926vh;
  bottom: max(5.04926vh, env(safe-area-inset-bottom, 0px));
  width: 51.2vw;
  max-width: 23.64532vh;
  height: auto;
  transform: translateX(-50%);
  object-fit: contain;
}
.read-tips-splash[data-v-6170b25f] {
  padding: 2.5641vw;
  background: #e0e0e0;
}
.bottom-con[data-v-6170b25f] {
  position: fixed;
  bottom: 0;
  padding-bottom: 0px;
  background: #e5e5e5;
  width: 100%;
}
.bottom_div_button[data-v-6170b25f] {
  height: 12.30769vw;
  line-height: 12.30769vw;
  text-align: center;
  font-size: 1.1rem;
  font-weight: bold;
}
#animat[data-v-6170b25f] {
  position: relative;
  animation: mymove-6170b25f 1s infinite;
  animation-direction: alternate;
  /*轮流反向播放动画。*/
  animation-timing-function: ease-in-out;
  /*动画的速度曲线*/
  animation-iteration-count: 1;
}
@keyframes mymove-6170b25f {
0% {
    transform: scale(1);
    /*开始为原始大小*/
}
25% {
    transform: scale(1.2);
    /*放大1.1倍*/
}
50% {
    transform: scale(0.8);
}
75% {
    transform: scale(1.2);
}
}
@-webkit-keyframes mymove-6170b25f {
0% {
    transform: scale(1);
}
25% {
    transform: scale(1.2);
}
50% {
    transform: scale(0.8);
}
75% {
    transform: scale(1.2);
}
}
.bounce-enter-active[data-v-6170b25f] {
  animation: bounce-in-6170b25f 1s;
}
.bounce-leave-active[data-v-6170b25f] {
  animation: bounce-in-6170b25f 1s reverse;
}
@keyframes bounce-in-6170b25f {
0% {
    transform: scale(1.5);
}
50% {
    transform: scale(1);
}
100% {
    transform: scale(1.5);
}
}


.main-box[data-v-3e173110] {
  height: 100%;
  display: flex;
  flex-direction: column;
}
.main-router-view[data-v-3e173110] {
  flex: 1;
  overflow-y: auto;
  box-sizing: border-box;
  background-color: #f8f8f8;
}
.icon-img[data-v-3e173110] {
  height: 5.89744vw;
  margin-bottom: -1px;
}

.export-line5[data-v-46169bbb] {
  padding-top: 8vw;
}
.export-line5 .line5-btn[data-v-46169bbb] {
  background: linear-gradient(90deg, #e9ca9e, #fefefc 51%, #f7e9ce);
  border: 0 solid #ffffff;
  border-radius: 0.76923vw;
  font-weight: 500;
  width: 50vw;
  color: #a16b14;
}
.export-top[data-v-46169bbb] {
  background-size: 100% 100%;
  width: 90vw;
}
.export-top .export-line4[data-v-46169bbb] {
  padding: 2vw 3vw 4vw 3vw;
  font-size: 3.33333vw;
  color: #8c8c8c;
}
.export-top .export-line3[data-v-46169bbb] {
  background-size: 100% 100%;
  margin: 5vw 15vw;
  padding: 2vw 0 3vw 0;
  font-size: 3.84615vw;
  font-weight: 400;
  text-align: center;
  color: #e26205;
}
.export-top .export-line3 .export-amount[data-v-46169bbb] {
  font-size: 9vw;
}
.export-top .export-line2[data-v-46169bbb] {
  justify-content: center;
  align-items: center;
  display: flex;
  margin-top: 5vw;
  font-size: 4.61538vw;
  font-weight: 500;
  color: #8e2101;
}
.export-top .export-line2 .export-l2[data-v-46169bbb] {
  height: 0.5vw;
  width: 8vw;
  margin: 0 2vw;
}

p[data-v-753d01c9] {
  text-align: left;
  text-indent: 2rem;
}

.prod-con[data-v-2b446c47] {
  padding: 3.58974vw;
}
.prod-con .prod-card[data-v-2b446c47] {
  padding: 1.53846vw 1.53846vw 3.84615vw 1.53846vw;
  background: #FFFFFF;
  box-shadow: 0 0.51282vw 2.30769vw rgba(0, 0, 0, 0.08);
  border-radius: 1.53846vw;
  margin-top: 1.53846vw;
  text-align: left;
}
.prod-con .prod-card .amount-tip[data-v-2b446c47] {
  font-size: 3.58974vw;
  font-weight: 400;
  color: #8C8C8C;
  margin-top: 3.07692vw;
}
.prod-con .prod-card .amount-txt[data-v-2b446c47] {
  font-size: 9.74359vw;
  font-weight: bold;
  margin-top: 1.53846vw;
  color: #262626;
}
.prod-con .prod-card .amount-title[data-v-2b446c47] {
  font-size: 4.10256vw;
  font-weight: 500;
  color: #595959;
}
.prod-con .prod-card .apply-btn[data-v-2b446c47] {
  width: 90%;
  height: 11.79487vw;
  background: #2486FF;
  margin-top: 3.84615vw;
  border-radius: 2.05128vw;
}
.prod-con .prod-card .loan-img[data-v-2b446c47] {
  height: 6.15385vw;
}
.bottom_div_button[data-v-2b446c47] {
  height: 12.30769vw;
  line-height: 12.30769vw;
  text-align: center;
  font-size: 1.1rem;
  font-weight: bold;
}

.refill-box[data-v-6f577d02] {
  text-align: center;
  background: white;
  width: 85vw;
  padding: 4.10256vw;
  border-radius: 2.5641vw;
}
.refill-box .refill-btn[data-v-6f577d02] {
  width: 88%;
  margin-top: 4.10256vw;
}
.refill-box .refill-text[data-v-6f577d02] {
  margin-top: 4.10256vw;
  font-size: 3.58974vw;
  text-align: left;
}
.refill-box .refill-title[data-v-6f577d02] {
  font-size: 4.61538vw;
}

.bill_home_bg[data-v-06f86766] {
  width: 100%;
  background-color: white;
  padding: 2.5641vw;
}
.bill_home_bg .bill_card[data-v-06f86766] {
  background: #FFF9F8;
  border-radius: 2.05128vw;
  opacity: 1;
  border: 1px solid #FFDBD6;
  margin: 1.53846vw 0;
  position: relative;
  padding: 2.5641vw 2.05128vw;
}
.bill_home_bg .bill_card .bill_card_icon[data-v-06f86766] {
  position: absolute;
  top: 0;
  right: 0;
  display: block;
}
.bill_home_bg .bill_card .vb-pay-now[data-v-06f86766] {
  width: 94%;
  margin-left: 3%;
  height: 11.79487vw;
  line-height: 11.79487vw;
  background-color: #2486FF;
  border-radius: 1.53846vw;
  opacity: 1;
  color: white;
  font-size: 1.1rem;
  font-weight: bold;
  margin-top: 4.10256vw;
}
.bill_home_bg .bill_tips[data-v-06f86766] {
  color: #262626;
  font-size: 0.8rem;
}

.card-box[data-v-2b15c2ec] {
  padding: 0 3.07692vw;
  background: transparent;
}
.card-box .card-back[data-v-2b15c2ec] {
  background: #FFF4F2;
  display: flex;
  align-items: end;
  border-radius: 3.07692vw;
  box-shadow: 0.51282vw 0.51282vw 2.5641vw 0 rgba(0, 0, 0, 0.2);
}
.card-box .card-back .left-box[data-v-2b15c2ec] {
  flex: 1;
  padding: 4.10256vw 0 4.10256vw 5.12821vw;
}
.card-box .card-back .left-box .conn-btn[data-v-2b15c2ec] {
  background: linear-gradient(180deg, #FF7C6B 0%, #F8583E 100%);
  color: white;
  font-weight: 600;
  font-size: 3.84615vw;
  border-radius: 1.53846vw;
  border: none;
}
.card-box .card-back .left-box .top-sub[data-v-2b15c2ec] {
  color: #6C717A;
  font-size: 3.84615vw;
  font-weight: 600;
  margin-top: 1.79487vw;
  margin-bottom: 3.07692vw;
}
.card-box .card-back .left-box .top-title[data-v-2b15c2ec] {
  color: #1A1A1A;
  font-size: 4.61538vw;
  font-weight: bold;
}
.card-box .card-back .right-img[data-v-2b15c2ec] {
  height: 38.46154vw;
  width: 28.71795vw;
}

.pop-box[data-v-c0c15818] {
  text-align: center;
  background: white;
  border-radius: 2.05128vw;
  margin-top: -15.38462vw;
  background: linear-gradient(180deg, #AEDBFB 0%, white 10%, white 10%, white 100%);
  padding: 10.25641vw 5.12821vw 6.15385vw 5.12821vw;
}
.pop-box .ok-btn[data-v-c0c15818] {
  font-weight: 500;
}
.pop-box .pop-text[data-v-c0c15818] {
  padding: 3.07692vw 0 4.10256vw 0;
  color: #1A1A1A;
  text-align: left;
  font-size: 3.58974vw;
}

.close-box[data-v-7cad2cc2] {
  text-align: center;
  padding-top: 6.15385vw;
}
.ok-btn[data-v-7cad2cc2] {
  height: 12.30769vw;
  border-radius: 1.02564vw;
}
.pop-txt[data-v-7cad2cc2] {
  font-size: 3.58974vw;
  color: #262626;
}
.mid-img[data-v-7cad2cc2] {
  width: 100%;
  margin: 6.15385vw 0;
}
.popup-card[data-v-7cad2cc2] {
  width: 100%;
  border-radius: 0 0 3.07692vw 3.07692vw;
  background: white;
  padding: 6.15385vw 5.12821vw;
}
.top-bak[data-v-7cad2cc2] {
  width: 100%;
}


.home-brand-header[data-v-1e10b535] {
  box-sizing: border-box;
  height: 13.84615vw;
  display: flex;
  align-items: center;
  padding: 2.05128vw 3.58974vw 1.28205vw;
  background: #f4f5f7;
}
.home-brand-logo[data-v-1e10b535] {
  width: 22.82051vw;
  height: 8.71795vw;
  object-fit: contain;
}


.home-amount-card[data-v-15e99f80] {
  box-sizing: border-box;
  position: relative;
  overflow: hidden;
  height: 33.33333vw;
  padding: 4.10256vw 3.58974vw;
  border-radius: 2.05128vw;
  color: #fff;
  background: linear-gradient(104deg, #122cf5 0%, #278fff 100%);
}
.home-amount-card--connected[data-v-15e99f80] {
  border-radius: 2.05128vw 2.05128vw 0 0;
}
.home-amount-card--available[data-v-15e99f80] {
  height: 42.30769vw;
  padding: 0;
  background-color: #173df4;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100% 100%;
}
.home-amount-card--application[data-v-15e99f80] {
  height: 51.28205vw;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-bottom: 3.58974vw;
}
.home-amount-card--application .home-amount-card__top[data-v-15e99f80] {
  width: 100%;
  justify-content: center;
  text-align: center;
}
.home-amount-card--application .home-amount-card__term[data-v-15e99f80] {
  margin-top: 1.02564vw;
  text-align: center;
}
.home-amount-card--due[data-v-15e99f80] {
  height: 28.71795vw;
}
.home-amount-card--status[data-v-15e99f80] {
  height: 28.71795vw;
}
.home-amount-card__top[data-v-15e99f80] {
  min-height: 5.64103vw;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 2.5641vw;
  font-size: 3.58974vw;
  line-height: 5.12821vw;
}
.home-amount-card__badge[data-v-15e99f80] {
  flex: none;
  padding: 1px 1.28205vw;
  border: 1px solid currentColor;
  border-radius: 0.51282vw;
  font-size: 3.33333vw;
  line-height: 4.61538vw;
  color: #fff;
}
.home-amount-card__badge--warning[data-v-15e99f80] {
  background: #f79b35;
}
.home-amount-card__badge--danger[data-v-15e99f80] {
  background: #ff4b3f;
}
.home-amount-card__badge--success[data-v-15e99f80] {
  background: #42bd5b;
}
.home-amount-card__amount[data-v-15e99f80] {
  margin-top: 3.07692vw;
  text-align: center;
  font-size: 8.20513vw;
  font-weight: 600;
  line-height: 10.76923vw;
}
.home-amount-card__term[data-v-15e99f80] {
  margin-top: 2.05128vw;
  font-size: 3.58974vw;
  line-height: 5.12821vw;
}
.home-amount-card--available .home-amount-card__amount[data-v-15e99f80] {
  position: absolute;
  top: 12.30769vw;
  left: 3.58974vw;
  margin: 0;
  font-size: 9.74359vw;
  line-height: 10.76923vw;
}
.home-amount-card--available .home-amount-card__term[data-v-15e99f80] {
  position: absolute;
  top: 23.84615vw;
  left: 3.58974vw;
  margin: 0;
}


.home-apply-steps[data-v-290ec146] {
  margin-top: 5.64103vw;
}
.home-apply-steps h2[data-v-290ec146] {
  position: relative;
  margin: 0 0 3.58974vw;
  padding-left: 2.5641vw;
  font-size: 4.10256vw;
  font-weight: 600;
  line-height: 5.64103vw;
  color: #333;
}
.home-apply-steps h2[data-v-290ec146]::before {
  content: '';
  position: absolute;
  top: 0.51282vw;
  bottom: 0.51282vw;
  left: 0;
  width: 0.76923vw;
  background: #2486ff;
}
.home-apply-steps__flow[data-v-290ec146] {
  display: grid;
  row-gap: 1.53846vw;
}
.home-apply-steps__icons[data-v-290ec146],
.home-apply-steps__labels[data-v-290ec146] {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
}
.home-apply-steps__icon[data-v-290ec146] {
  position: relative;
  min-width: 0;
  display: flex;
  justify-content: center;
  align-items: center;
}
.home-apply-steps__icon > img[data-v-290ec146]:first-child {
  width: 11.53846vw;
  height: 11.53846vw;
  object-fit: contain;
}
.home-apply-steps__labels[data-v-290ec146] {
  text-align: center;
  font-size: 3.33333vw;
  line-height: 4.61538vw;
  color: #555;
}
.home-apply-steps__labels span[data-v-290ec146] {
  min-width: 0;
  white-space: nowrap;
}
.home-apply-steps__arrow[data-v-290ec146] {
  position: absolute;
  top: 5.12821vw;
  left: calc(50% + 7.17949vw);
  width: calc(100% - 14.35897vw);
  height: 1.53846vw;
  object-fit: fill;
}


.home-loan-progress[data-v-c284cbb6] {
  padding: 3.58974vw 3.07692vw 3.33333vw;
}
.home-loan-progress__title[data-v-c284cbb6] {
  margin-bottom: 3.07692vw;
  font-size: 3.58974vw;
  line-height: 5.12821vw;
  color: #858585;
}
.home-loan-progress__steps[data-v-c284cbb6] {
  display: grid;
  row-gap: 1.53846vw;
}
.home-loan-progress__icons[data-v-c284cbb6],
.home-loan-progress__labels[data-v-c284cbb6] {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
}
.home-loan-progress__icon[data-v-c284cbb6] {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
}
.home-loan-progress__icon > img[data-v-c284cbb6]:first-child {
  width: 6.15385vw;
  height: 6.15385vw;
  object-fit: contain;
}
.home-loan-progress__labels[data-v-c284cbb6] {
  font-size: 3.07692vw;
  line-height: 4.35897vw;
  text-align: center;
  color: #4a4a4a;
}
.home-loan-progress__labels span[data-v-c284cbb6] {
  min-width: 0;
  white-space: nowrap;
}
.home-loan-progress__arrow[data-v-c284cbb6] {
  position: absolute;
  top: 2.30769vw;
  left: calc(50% + 4.61538vw);
  width: calc(100% - 9.23077vw);
  height: 1.53846vw;
  object-fit: fill;
}
.home-loan-progress__notice[data-v-c284cbb6] {
  margin-top: 3.58974vw;
  padding: 2.5641vw;
  border-radius: 1.53846vw;
  background: #f3f4f6;
}
.home-loan-progress__notice-row[data-v-c284cbb6] {
  display: flex;
  align-items: center;
  gap: 2.30769vw;
  color: #8a8a8a;
}
.home-loan-progress__notice-row + .home-loan-progress__notice-row[data-v-c284cbb6] {
  margin-top: 2.5641vw;
}
.home-loan-progress__notice-row img[data-v-c284cbb6] {
  width: 6.15385vw;
  height: 6.15385vw;
  flex: none;
}
.home-loan-progress__notice-row span[data-v-c284cbb6],
.home-loan-progress__notice-row strong[data-v-c284cbb6] {
  display: block;
  font-size: 3.33333vw;
  line-height: 4.61538vw;
}
.home-loan-progress__notice-row strong[data-v-c284cbb6] {
  font-weight: 500;
  color: #555;
}
.home-loan-progress__notice-row p[data-v-c284cbb6] {
  margin: 0;
  font-size: 3.33333vw;
  line-height: 4.61538vw;
}


.home-bill-summary[data-v-34efbdcf] {
  padding: 4.10256vw 2.5641vw 0;
}
.home-bill-summary__facts[data-v-34efbdcf] {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 2.5641vw;
  margin-bottom: 4.10256vw;
  text-align: center;
}
.home-bill-summary__facts--overdue[data-v-34efbdcf] {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}
.home-bill-summary__facts span[data-v-34efbdcf],
.home-bill-summary__facts strong[data-v-34efbdcf] {
  display: block;
}
.home-bill-summary__facts span[data-v-34efbdcf] {
  min-height: 9.23077vw;
  font-size: 3.33333vw;
  line-height: 4.61538vw;
  color: #8b8b8b;
}
.home-bill-summary__facts strong[data-v-34efbdcf] {
  margin-top: 0.76923vw;
  overflow-wrap: anywhere;
  font-size: 3.84615vw;
  font-weight: 600;
  line-height: 5.38462vw;
  color: #333;
}
.home-bill-summary__facts .home-bill-summary__late[data-v-34efbdcf] {
  color: #ff3c32;
}
.home-bill-summary button[data-v-34efbdcf] {
  width: 100%;
  border: 0;
  cursor: pointer;
}
.home-bill-summary__repay[data-v-34efbdcf] {
  height: 10.76923vw;
  border-radius: 1.53846vw;
  color: #fff;
  background: #2486ff;
  font-size: 4.10256vw;
}
.home-bill-summary__view[data-v-34efbdcf] {
  height: 11.02564vw;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1.28205vw;
  color: #2486ff;
  background: #fff;
  font-size: 4.10256vw;
}
.home-bill-summary__view img[data-v-34efbdcf] {
  width: 5.12821vw;
  height: 5.12821vw;
}


.home-payment-safety[data-v-61515e64] {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 2.5641vw 23.84615vw;
  margin-top: 3.84615vw;
  padding: 3.07692vw 2.82051vw;
  border-radius: 1.79487vw;
  background: #e6f2ff;
}
.home-payment-safety__copy h2[data-v-61515e64] {
  display: flex;
  align-items: center;
  gap: 1.28205vw;
  margin: 0;
  font-size: 3.84615vw;
  font-weight: 600;
  line-height: 5.38462vw;
  color: #2486ff;
}
.home-payment-safety__copy h2 img[data-v-61515e64] {
  width: 5.38462vw;
  height: 5.38462vw;
}
.home-payment-safety__copy p[data-v-61515e64] {
  margin: 1.79487vw 0 0;
  font-size: 3.07692vw;
  line-height: 4.35897vw;
  color: #767676;
}
.home-payment-safety__divider[data-v-61515e64] {
  align-self: center;
  justify-self: center;
  width: 1px;
  height: 25.64103vw;
  background: linear-gradient(
    to bottom,
    rgba(36, 134, 255, 0),
    #2486ff 50%,
    rgba(36, 134, 255, 0)
  );
}
.home-payment-safety__channels[data-v-61515e64] {
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  height: 25.64103vw;
  padding-left: 2.30769vw;
}
.home-payment-safety__channels div[data-v-61515e64] {
  display: flex;
  align-items: center;
  gap: 1.28205vw;
  font-size: 3.07692vw;
  font-style: italic;
  line-height: 5.64103vw;
  color: #6e6e6e;
}
.home-payment-safety__channels img[data-v-61515e64] {
  width: 5.12821vw;
  height: 5.12821vw;
}


.home-agreement[data-v-f93b8bbe] {
  display: flex;
  align-items: flex-start;
  gap: 2.05128vw;
  margin-top: 3.84615vw;
}
.home-agreement button[data-v-f93b8bbe] {
  border: 0;
  padding: 0;
  cursor: pointer;
  background: transparent;
}
.home-agreement__check[data-v-f93b8bbe] {
  width: 5.12821vw;
  height: 5.12821vw;
  flex: none;
}
.home-agreement__check img[data-v-f93b8bbe] {
  width: 5.12821vw;
  height: 5.12821vw;
}
.home-agreement p[data-v-f93b8bbe] {
  margin: 0;
  font-size: 3.07692vw;
  line-height: 4.35897vw;
  color: #767676;
}
.home-agreement p button[data-v-f93b8bbe] {
  display: inline;
  color: #2486ff;
  font-size: inherit;
  line-height: inherit;
  text-align: left;
}


.home-action-button[data-v-662a239b] {
  width: 100%;
  height: 11.28205vw;
  margin-top: 3.84615vw;
  border: 0;
  border-radius: 1.53846vw;
  color: #fff;
  background: #2486ff;
  font-size: 4.10256vw;
  cursor: pointer;
}
.home-action-button[data-v-662a239b]:disabled {
  color: #a6a6a6;
  background: #d8e8fb;
}


.home-cash-loan-view[data-v-63dd1356] {
  min-height: calc(100vh - 12.82051vw);
  background: #f4f5f7;
}
.home-cash-loan-view__content[data-v-63dd1356] {
  box-sizing: border-box;
  width: 100%;
  max-width: 112.82051vw;
  min-height: calc(100vh - 26.66667vw);
  margin: 0 auto;
  padding: 0 3.07692vw 5.64103vw;
}
.home-cash-loan-view__joined-card[data-v-63dd1356] {
  overflow: hidden;
  border-radius: 2.05128vw;
  background: #fff;
}
.home-cash-loan-view__detail-panel[data-v-63dd1356] {
  position: relative;
  z-index: 1;
  margin-top: -2.5641vw;
  border-radius: 3.58974vw 3.58974vw 0 0;
  background: #fff;
}
.home-cash-loan-view__pay[data-v-63dd1356] {
  width: 100%;
  height: 10.76923vw;
  margin-top: auto;
  border: 0;
  border-radius: 1.53846vw;
  color: #2486ff;
  background: #fff;
  font-size: 4.10256vw;
  cursor: pointer;
}
.home-cash-loan-view__pay[data-v-63dd1356]:disabled {
  color: #9e9e9e;
  background: #f2f2f2;
}
.home-cash-loan-view__joined-card[data-v-63dd1356] .home-action-button {
  width: calc(100% - 5.12821vw);
  margin: 0 2.5641vw 3.58974vw;
}
.home-cash-loan-view__account-actions[data-v-63dd1356] {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 3.07692vw;
  margin: 0 2.5641vw 3.58974vw;
}
.home-cash-loan-view__account-action[data-v-63dd1356] {
  box-sizing: border-box;
  min-width: 0;
  height: 11.28205vw;
  padding: 0 2.05128vw;
  border: 0;
  border-radius: 1.53846vw;
  color: #fff;
  background: #2486ff;
  font-size: 3.84615vw;
  cursor: pointer;
}
@media (min-width: 441px) {
.home-cash-loan-view__content[data-v-63dd1356] {
    padding-right: 16px;
    padding-left: 16px;
}
}


.home-customer-service[data-v-121f6a77] {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 30;
  width: 48.46154vw;
  height: 10.25641vw;
  visibility: hidden;
  transition: transform 180ms ease;
  will-change: transform;
  touch-action: none;
  user-select: none;
  -webkit-user-select: none;
}
.home-customer-service--ready[data-v-121f6a77] {
  visibility: visible;
}
.home-customer-service--dragging[data-v-121f6a77] {
  transition: none;
}
.home-customer-service button[data-v-121f6a77] {
  display: block;
  width: 100%;
  height: 100%;
  border: 0;
  padding: 0;
  cursor: pointer;
  background: transparent;
  touch-action: none;
}
.home-customer-service--dragging button[data-v-121f6a77] {
  cursor: grabbing;
}
.home-customer-service button[data-v-121f6a77]:focus-visible {
  outline: 0.51282vw solid #2486ff;
  outline-offset: 0.51282vw;
}
.home-customer-service img[data-v-121f6a77] {
  display: block;
  width: 100%;
  height: 100%;
  pointer-events: none;
}
@media (prefers-reduced-motion: reduce) {
.home-customer-service[data-v-121f6a77] {
    transition: none;
}
}


.bottom-all[data-v-6fe8e902] {
  padding: 4.10256vw;
}
.bottom-img[data-v-6fe8e902] {
  width: 100%;
  margin-top: 3.58974vw;
}
.export-pop[data-v-6fe8e902] {
  background-color: transparent;
}
.bottom_div_button[data-v-6fe8e902] {
  height: 12.30769vw;
  line-height: 12.30769vw;
  text-align: center;
  font-size: 1.1rem;
  font-weight: bold;
}

.warn-tip {
  width: auto;
  display: flex;
  flex-direction: row;
  background: #000000;
  opacity: 0.4;
  border-radius: 4.10256vw;
  align-items: center;
  color: white;
  height: 8.20513vw;
  line-height: 8.20513vw;
  padding: 0 2.5641vw;
  font-size: 3.33333vw;
}

.apply-btn[data-v-e25167a4] {
  width: 60%;
  margin-top: 7.69231vw;
}
.progress-con[data-v-e25167a4] {
  padding: 5.12821vw;
}
.progress-con .progress-bar[data-v-e25167a4] {
  height: 3.07692vw;
  margin: 4.10256vw 0;
  border-radius: 1.53846vw;
}

.mid-image-con[data-v-03297a82] {
  margin-top: -10vw;
  padding: 0 2.5641vw;
}
.mid-image-con .mid-image[data-v-03297a82] {
  width: 100%;
  height: 26vw;
}
.menu-con[data-v-03297a82] {
  padding: 3.07692vw;
}
.menu-con .list-menu[data-v-03297a82] {
  padding: 0 1.02564vw;
  border-radius: 2.05128vw;
  background-color: white;
}
.user-block[data-v-03297a82] {
  padding: 4.10256vw 4.10256vw 4.10256vw 8.20513vw;
  display: flex;
  align-items: center;
}
.user-block .user-icon[data-v-03297a82] {
  background-size: 100% 100%;
  width: 15.38462vw;
  height: 15.38462vw;
  margin-right: 8.20513vw;
}
.user-block .login-btn[data-v-03297a82] {
  background-color: transparent;
  border-radius: 10.25641vw;
  border: 1px white solid;
  padding: 0.76923vw 4.10256vw;
  color: #333333;
  font-size: 3.58974vw;
}
.user-block .login-btn[data-v-03297a82]:active {
  background-color: #cccccc66;
}
.user-block .info-txt[data-v-03297a82] {
  font-size: 3.84615vw;
  color: #333333;
}
.title-txt[data-v-03297a82] {
  color: #ffffff;
  font-size: 4.10256vw;
  font-weight: 500;
  line-height: 11.79487vw;
}
.top-back[data-v-03297a82] {
  height: 53vw;
  background-size: 100% 100%;
}

.img-empty[data-v-698c3051] {
  width: 60%;
  margin-top: 25.64103vw;
}

.sync-btn[data-v-ec42de46] {
  display: block;
  font-weight: 500;
  font-size: 3.58974vw;
  border-radius: 1.28205vw;
  color: #FFFFFF;
  height: 12.82051vw;
  padding: 0 2.5641vw;
  margin: 6.15385vw auto auto;
}
.txt-step2[data-v-ec42de46] {
  margin-top: 9.74359vw;
}
.google-img[data-v-ec42de46] {
  width: 42.5641vw;
  display: block;
  aspect-ratio: 181/43;
  margin: 3.07692vw auto auto;
}
.txt-step1[data-v-ec42de46] {
  margin-top: 5.12821vw;
}
.txt-ins[data-v-ec42de46] {
  margin-top: 5.12821vw;
}
.app-ic[data-v-ec42de46] {
  text-align: center;
}
.pop-box[data-v-ec42de46] {
  padding: 7.94872vw;
  width: 80vw;
  font-weight: 400;
  color: #333333;
  line-height: 7.17949vw;
  border-radius: 3.84615vw;
  background-color: white;
}

.btn-box[data-v-dbf16b40] {
  padding: 5.12821vw;
}
.bill-mid[data-v-dbf16b40] {
  display: flex;
  align-items: center;
  padding: 2.5641vw 2.5641vw;
  font-weight: 400;
  color: #595959;
}
.bill-mid .apply-val[data-v-dbf16b40] {
  flex: 1;
  padding-left: 5.12821vw;
}
.bill-mid .apply-val .two-amount[data-v-dbf16b40] {
  font-weight: 400;
  color: #2486FF;
}
.apply-date[data-v-dbf16b40] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 2.05128vw 2.5641vw;
  font-size: 3.58974vw;
  font-weight: 400;
  color: #8C8C8C;
}
.bill-con[data-v-dbf16b40] {
  padding: 0 1.53846vw;
}
.bill-con .bill-box[data-v-dbf16b40] {
  background: white;
  border-radius: 1.53846vw;
  padding: 1.53846vw;
}
.export-con[data-v-dbf16b40] {
  padding: 2.5641vw 5.12821vw;
  margin-top: 20.51282vw;
}
.export-con .apply-btn[data-v-dbf16b40] {
  width: 60%;
  margin-top: 5.12821vw;
}
.right-icon-box[data-v-dbf16b40] {
  color: #999999;
  padding: 4.10256vw 2.05128vw 0 0;
}
.txt-no-data[data-v-dbf16b40] {
  margin-top: 11.79487vw;
  color: #999999;
}
.text-amount[data-v-dbf16b40] {
  font-size: 5.64103vw;
}
.text-state[data-v-dbf16b40] {
  padding: 2.5641vw 0;
}