/*!***************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-4.use[1]!./node_modules/postcss-loader/dist/cjs.js!./node_modules/less-loader/dist/cjs.js!./src/assets/css/public.less ***!
  \***************************************************************************************************************************************************************************************/
.app-mod {
  font-size: 0.24rem;
  min-height: 100%;
  color: #333;
}
.app-mod i {
  font-style: normal;
}
.app-mod > div {
  width: 100%;
  height: 100%;
  position: relative;
}
.app-mod > div .page-wrap-mask {
  position: absolute;
  background: #fff;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1000;
}
.app-mod .app-container {
  width: 100%;
  height: 100%;
}
.app-mod .router-page {
  background: #fff;
  min-height: 100%;
  overflow: hidden;
  display: flex;
  justify-content: space-between;
  flex-direction: column;
}
.app-mod .router-member-page {
  width: 100%;
  height: 100%;
  background: #fff;
  position: absolute;
}
.app-mod .router-slider-horizontal-forward-enter-active,
.app-mod .router-slider-horizontal-forward-leave-active,
.app-mod .router-slider-horizontal-back-enter-active,
.app-mod .router-slider-horizontal-back-leave-active {
  transition: transform 0.4s ease;
  -webkit-transition: -webkit-transform 0.4s ease;
  position: fixed;
  width: 100%;
  box-sizing: border-box;
}
.app-mod .router-slider-horizontal-forward-enter-active .loan-router-wrap,
.app-mod .router-slider-horizontal-forward-leave-active .loan-router-wrap,
.app-mod .router-slider-horizontal-back-enter-active .loan-router-wrap,
.app-mod .router-slider-horizontal-back-leave-active .loan-router-wrap {
  display: none !important;
}
.app-mod .router-slider-horizontal-forward-leave-active {
  transition: transform 0.38s ease;
  -webkit-transition: -webkit-transform 0.38s ease;
}
.app-mod .router-slider-horizontal-forward-enter-active,
.app-mod .router-slider-horizontal-back-leave-active {
  box-shadow: -5px 0px 26px rgba(0, 0, 0, 0.2);
  z-index: 20000;
}
.app-mod .router-slider-horizontal-forward-leave-active,
.app-mod .router-slider-horizontal-back-enter-active {
  z-index: 10000;
}
.app-mod .router-slider-horizontal-forward-enter,
.app-mod .router-slider-horizontal-back-leave-to {
  transform: translate(100%, 0);
  -webkit-transform: translate(100%, 0);
  -webkit-transform: -webkit-translate(100%, 0);
}
.app-mod .router-slider-horizontal-forward-leave-to,
.app-mod .router-slider-horizontal-back-enter {
  transform: translate(-30%, 0);
  -webkit-transform: translate(-30%, 0);
  -webkit-transform: -webkit-translate(-30%, 0);
}
.app-mod .router-slider-vertical-forward-enter-active,
.app-mod .router-slider-vertical-forward-leave-active,
.app-mod .router-slider-vertical-back-enter-active,
.app-mod .router-slider-vertical-back-leave-active {
  transition: transform 0.3s ease;
  -webkit-transition: -webkit-transform 0.3s ease;
}
.app-mod .router-slider-vertical-forward-enter-active,
.app-mod .router-slider-vertical-back-leave-active {
  box-shadow: 3px -7px 26px rgba(0, 0, 0, 0.4);
  z-index: 10001;
}
.app-mod .router-slider-vertical-forward-leave-active,
.app-mod .router-slider-vertical-back-enter-active {
  z-index: 10000;
}
.app-mod .router-slider-vertical-forward-enter,
.app-mod .router-slider-vertical-back-leave-to {
  transform: translate3d(0, 100%, 0);
  -webkit-transform: translate3d(0, 100%, 0);
}
.app-mod .router-slider-vertical-forward-leave-to,
.app-mod .router-slider-vertical-back-enter {
  transform: translate3d(0, -30%, 0);
  -webkit-transform: translate3d(0, -30%, 0);
}
.fade-enter-active,
.fade-leave-active {
  transition: opacity 1s;
}
.fade-enter,
.fade-leave-to {
  opacity: 0;
}
.slider-down-enter-active {
  transition: all 0.4s;
  -webkit-transition: all 0.4s;
}
.slider-down-leave-active {
  transition: all 0.4s;
  -webkit-transition: all 0.4s;
}
.slider-down-enter,
.slider-down-leave-to {
  transform: translate3d(-50%, -100%, 0) !important;
  -webkit-transform: translate3d(-50%, -100%, 0) !important;
  opacity: 0;
}
.slider-up-enter-active {
  transition: all 0.4s;
  -webkit-transition: all 0.4s;
}
.slider-up-leave-active {
  transition: all 0.4s;
  -webkit-transition: all 0.4s;
}
.slider-up-enter,
.slider-up-leave-to {
  transform: translate3d(0%, 100%, 0) !important;
  -webkit-transform: translate3d(0%, 100%, 0) !important;
  opacity: 0;
}
.flex-wrap {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
.primary-btn_nobg {
  background: #ffc93c;
  font-size: 0.31rem;
  font-family: Poppins-SemiBold, Poppins;
  font-weight: 600;
  color: #6c2d09;
  text-align: center;
  outline: none;
}
.primary-btn {
  width: 100%;
  font-size: 0.26rem;
  font-family: Poppins-SemiBold, Poppins;
  font-weight: 700;
  color: #6c2d09;
  text-align: center;
  height: 1.32rem !important;
  line-height: 1.32rem !important;
  background: url("https://sgp-c2.hitechset.com/files/image/114897824a414e246.png") center no-repeat;
  background-size: 100%;
  outline: none;
  cursor: pointer;
}
.primary-btn-invite {
  background: linear-gradient(to right, #837AFF, #6B61ED);
  width: 100%;
  margin-top: 0.2rem;
  background-size: 100% 100%;
  border-radius: 0.42667rem;
  font-size: 0.31rem;
  font-family: Poppins-SemiBold, Poppins;
  font-weight: 700;
  color: #fff;
  text-align: center;
  height: 0.83rem !important;
  line-height: 0.83rem !important;
  outline: none;
  cursor: pointer;
}
.primary-btn_pc {
  width: 100%;
  font-size: 22px;
  font-family: Poppins-SemiBold, Poppins;
  font-weight: 600;
  color: #6c2d09;
  text-align: center;
  height: 60px!important;
  line-height: 60px!important;
  background: linear-gradient(135deg, #FFC93C 0%, #FFC93C 100%);
  border-radius: 27px;
  outline: none;
  cursor: pointer;
}
.primary-btn_pc:hover {
  background: #ffd96b;
}
.base-btn {
  width: 5.72rem;
  height: 0.84rem;
  line-height: 0.84rem;
  border-radius: 0.84rem;
  outline: none;
  cursor: pointer;
}
.default-btn {
  background: #fff;
  font-size: 0.24rem;
  font-family: SFNS-Regular, SFNS;
  font-weight: 400;
  color: #2F2E31;
  line-height: 0.31rem;
  text-align: center;
  border-radius: 0.42rem;
  border: 0.02rem solid #DCDCDC;
  outline: none;
  cursor: pointer;
}
.fixed-btn {
  left: 0.34rem;
  font-size: 0.31rem;
  position: fixed;
  bottom: 0.65rem;
  cursor: pointer;
}
.dialog-btn {
  width: 4.56rem;
  height: 0.75rem;
  line-height: 0.75rem;
  border-radius: 0.42rem;
  outline: none;
  cursor: pointer;
}
@font-face {
  font-family: 'Poppins';
  src: url('https://sgp-c2.hitechset.com/files/poppins/Poppins-Light.ttf');
}
@font-face {
  font-family: 'Poppins-SemiBold';
  src: url('https://sgp-c2.hitechset.com/files/poppins/Poppins-SemiBold.ttf');
}
@font-face {
  font-family: 'Poppins-Regular';
  src: url('https://sgp-c2.hitechset.com/files/poppins/Poppins-Regular.ttf');
}
@font-face {
  font-family: 'Poppins-Medium';
  src: url('https://sgp-c2.hitechset.com/files/poppins/Poppins-Medium.ttf');
}

/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-4.use[1]!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/less-loader/dist/cjs.js!./node_modules/vue-loader/lib/index.js??vue-loader-options!./src/vue/view/invite-friend/components/public-comp.vue?vue&type=style&index=0&id=9e0c83c2&lang=less&scoped=true ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.public_comp .introduction[data-v-9e0c83c2] {
  width: 5.72rem;
  margin: 0.3rem 0.34rem;
  box-sizing: border-box;
  background: #FFFFFF;
  border-radius: 0.17rem;
}
.public_comp .introduction .bg-img[data-v-9e0c83c2] {
  position: relative;
  width: 5.8rem;
  height: 8.48rem;
}
.public_comp .footer[data-v-9e0c83c2] {
  position: relative;
  display: flex;
  background: #041a38;
  flex-direction: column;
  justify-content: flex-start;
  padding: 0.51rem 0.34rem 0.1rem;
}
.public_comp .footer .foo_item[data-v-9e0c83c2] {
  width: 100%;
}
.public_comp .footer .foo_item .item[data-v-9e0c83c2] {
  display: block;
  font-weight: 500;
  color: #999;
  line-height: 0.34rem;
  cursor: pointer;
  font-size: 0.17rem;
  margin-bottom: 0.17rem;
}
.public_comp .footer .foo_item .item span[data-v-9e0c83c2] {
  color: #fff;
}
.public_comp .footer .fo_tit[data-v-9e0c83c2] {
  margin-bottom: 0.1rem;
  font-size: 0.24rem;
  font-weight: 500;
  color: #ffffff;
  line-height: 0.29rem;
}
.public_comp .footer .protocol[data-v-9e0c83c2] {
  border-top: 0.02rem solid #384054;
  padding: 0.22rem 0 0.3rem;
  font-size: 0.17rem;
  color: #999;
  line-height: 0.34rem;
}

/*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-4.use[1]!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/less-loader/dist/cjs.js!./node_modules/vue-loader/lib/index.js??vue-loader-options!./src/vue/view/invite-friend/components/add-screen.vue?vue&type=style&index=0&id=53ff4bc8&lang=less&scoped=true ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.float-block[data-v-53ff4bc8] {
  position: fixed;
  right: 0;
  top: 60vh;
  z-index: 1010;
  display: flex;
  box-sizing: border-box;
  width: 1.6rem;
  height: 1.2rem;
}
.float-block .close-icon[data-v-53ff4bc8] {
  position: absolute;
  width: 0.33rem;
  height: 0.33rem;
  min-width: 0.33rem;
  min-height: 0.33rem;
  left: -0.1rem;
  top: -0.1rem;
}
.float-block .float-block-icon[data-v-53ff4bc8] {
  position: absolute;
  top: 0.07rem;
  left: 0;
  width: 1.74rem;
  height: 0.73rem;
}
.scaleWidth[data-v-53ff4bc8] {
  width: 1rem;
  transition: all 0.4s;
}
.add-screen-mask[data-v-53ff4bc8] {
  position: fixed;
  overflow: hidden;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.6);
  display: flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  z-index: 1010;
}
.add-screen-mask .add-screen-mask-content[data-v-53ff4bc8] {
  width: 5.17rem;
  height: 3.5rem;
  position: absolute;
  top: 0;
  right: 0.14rem;
}
.add-screen-mask .add-screen-mask-content .add_screen_step1[data-v-53ff4bc8] {
  width: 5.17rem;
  height: 3.5rem;
}
.add-screen-mask .add-screen-mask-content .step-to[data-v-53ff4bc8] {
  position: absolute;
  top: 2.88rem;
  right: 0.27rem;
  width: 2.07rem;
  height: 0.41rem;
  font-size: 0.24rem;
  line-height: 0.41rem;
  text-align: center;
  background-color: #007cff;
  color: #ffffff;
  border-radius: 0.05rem;
}
.add-screen-mask .add-screen-mask-content .iknow[data-v-53ff4bc8] {
  width: 1.15rem;
}
.add-screen-mask .add-screen-mask-safari-content[data-v-53ff4bc8] {
  width: 4.23rem;
  height: 4.45rem;
  background-color: #ffffff;
  border: 1px solid #979797;
  border-radius: 0.14rem;
  top: 3.92rem;
  box-sizing: border-box;
  padding: 0.47rem 0.32rem;
  text-align: left;
}
.add-screen-mask .add-screen-mask-safari-content .safari-content-title[data-v-53ff4bc8] {
  margin: 0 auto;
  width: 2.4rem;
  text-align: center;
  color: #333333;
  font-size: 0.26rem;
  font-weight: bold;
  line-height: 0.32rem;
}
.add-screen-mask .add-screen-mask-safari-content .safari-step[data-v-53ff4bc8] {
  margin-top: 0.27rem;
}
.add-screen-mask .add-screen-mask-safari-content .safari-step i[data-v-53ff4bc8] {
  font-size: 0.2rem;
  color: #007cff;
  font-weight: bold;
  font-style: italic;
  line-height: 0.25rem;
}
.add-screen-mask .add-screen-mask-safari-content .safari-step p[data-v-53ff4bc8] {
  display: inline-block;
  font-size: 0.2rem;
  color: #333333;
  font-weight: bold;
  line-height: 0.25rem;
}
.add-screen-mask .add-screen-mask-safari-content .safari-step .safari_step2_text[data-v-53ff4bc8] {
  width: 2.3rem;
}
.add-screen-mask .add-screen-mask-safari-content .safari-step2[data-v-53ff4bc8] {
  display: flex;
}
.add-screen-mask .add-screen-mask-safari-content .safari_step1_icon[data-v-53ff4bc8] {
  width: 0.38rem;
  height: 0.49rem;
  margin-bottom: -0.06rem;
  margin-left: 0.21rem;
}
.add-screen-mask .add-screen-mask-safari-content .safari_step2_icon[data-v-53ff4bc8] {
  width: 0.39rem;
  height: 0.39rem;
}
.add-screen-mask .add-screen-mask-safari-content .safari-close[data-v-53ff4bc8] {
  width: 2.21rem;
  height: 0.43rem;
  background-color: #007cff;
  border-radius: 0.21rem;
  margin: 0.4rem auto 0;
  color: #ffffff;
  font-size: 0.24rem;
  line-height: 0.43rem;
  text-align: center;
}

/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-4.use[1]!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/less-loader/dist/cjs.js!./node_modules/vue-loader/lib/index.js??vue-loader-options!./src/vue/view/invite-friend/home.vue?vue&type=style&index=0&id=badda978&lang=less&scoped=true ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.home-page[data-v-badda978] {
  width: 100%;
  background-color: #F6F8FB;
}
.home-page .header[data-v-badda978] {
  width: 100%;
  position: relative;
  background: url(https://sgp-c2.hitechset.com/static/ph_loan_h5_pdl/image/25e2d0e7b7e16fcf458c8949e69f9245.png) top center no-repeat;
  background-size: 100%;
}
.home-page .header .logo[data-v-badda978] {
  position: absolute;
  top: 0.67rem;
  left: 0.34rem;
  width: 1.87rem;
  height: 0.39rem;
  display: flex;
}
.home-page .header .h-cont[data-v-badda978] {
  position: relative;
  padding: 0;
  display: flex;
  justify-content: normal;
  flex-direction: column;
  margin: 0  auto;
  box-sizing: border-box;
}
.home-page .header .h-cont .status-item[data-v-badda978] {
  margin: 1.4rem 0.34rem 0;
  min-height: 3rem;
}
.home-page .header .h-cont .bg-logo[data-v-badda978] {
  width: 2.83rem;
  height: 1.71rem;
  position: absolute;
  left: 1.3rem;
  bottom: -0.18rem;
  z-index: 1;
}

/*!*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-4.use[1]!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/less-loader/dist/cjs.js!./node_modules/vue-loader/lib/index.js??vue-loader-options!./src/vue/components/common/button/button.vue?vue&type=style&index=0&id=418d4692&lang=less&scoped=true ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.common-button[data-v-418d4692] {
  position: relative;
  width: 100%;
}
.common-button .mask[data-v-418d4692] {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0.4);
  border-radius: 0.15rem;
  z-index: 200;
}
.common-button a[data-v-418d4692] {
  display: block;
  width: 100%;
  height: 0.9rem;
  line-height: 0.9rem;
  font-size: 0.4rem;
  text-align: center;
  border-radius: 0.15rem;
}
@media screen and (min-width: 1000px) {
.common-button[data-v-418d4692] {
    width: 341px;
    height: 56px;
}
.common-button a[data-v-418d4692] {
    height: 55px;
    line-height: 55px;
    font-size: 18px;
    border-radius: 26px;
}
}

/*!***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-4.use[1]!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/less-loader/dist/cjs.js!./node_modules/vue-loader/lib/index.js??vue-loader-options!./src/vue/components/common/input/tel-input.vue?vue&type=style&index=0&id=c4f88694&lang=less ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.ph-input-wrap {
  display: flex;
  position: relative;
  align-items: center;
  width: 100%;
  font-size: 0.27rem;
}
.ph-input_content {
  display: flex;
  flex: 1;
}
.ph-input_suffix {
  padding-right: 0.2rem;
}
.ph-input_close {
  cursor: pointer;
}
.ph-input {
  width: 100%;
  flex: 1;
  outline: none;
  text-align: left;
  background: transparent;
  font-size: 0.27rem;
}
.ph-input::-moz-placeholder {
  color: #c0c0c0;
}
.ph-input::placeholder {
  color: #c0c0c0;
}
.input_close {
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  color: #c0c4cc;
}
.input_close img {
  width: 0.25rm;
  height: 0.25rem;
}
.split-line {
  border-right: 0.01rem solid #bcc4d4;
  padding-left: 0.06rem;
}

/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-4.use[1]!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/less-loader/dist/cjs.js!./node_modules/vue-loader/lib/index.js??vue-loader-options!./src/vue/view/invite-friend/components/loan-info.vue?vue&type=style&index=0&id=619a9697&lang=less&scoped=true ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.flex-box[data-v-619a9697] {
  width: 5.72rem;
  background: #fff;
  border-radius: 0.26rem;
  color: #666;
  font-size: 0.22rem;
  padding: 0.41rem 0.34rem;
  box-sizing: border-box;
  margin-top: 0.2rem;
}
.flex-box .flex-bet[data-v-619a9697] {
  margin-bottom: 0.2rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.flex-box .flex-bet span + span[data-v-619a9697] {
  font-weight: bold;
}
.flex-box .flex-center[data-v-619a9697] {
  display: flex;
  justify-content: center;
  align-items: center;
}
.flex-box .expand-all img[data-v-619a9697] {
  margin-left: 0.12rem;
  width: 0.27rem;
  height: 0.27rem;
  transition: all 0.3s linear;
}
.flex-box .expand-all .fontbold[data-v-619a9697] {
  font-size: 0.26rem;
  font-weight: bold;
  color: #333;
}
.flex-box .expand-all .down[data-v-619a9697] {
  transform: rotate(-180deg);
}
.flex-box .underline[data-v-619a9697] {
  text-decoration: line-through;
  font-weight: bold;
  color: #999;
}

/*!******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-4.use[1]!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/less-loader/dist/cjs.js!./node_modules/vue-loader/lib/index.js??vue-loader-options!./src/vue/view/invite-friend/components/slider.vue?vue&type=style&index=0&id=25ccf165&lang=less ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.block .sfm-range-runway {
  border-radius: 0.5rem;
  border-top-color: #fff3d5;
}
.block .sfm-range-progress {
  background-color: #ffc248;
  border-radius: 0.5rem 0 0 0.5rem;
}
.block .sfm-range-thumb {
  position: relative;
  top: -0.13rem;
  width: 0.7rem;
  height: 0.7rem;
  box-shadow: none;
  background-color: transparent;
}
.block .sfm-range-thumb:after {
  position: absolute;
  top: 3px;
  left: -5px;
  width: 100%;
  height: 100%;
  background: url(https://sgp-c2.hitechset.com/static/ph_loan_h5_pdl/image/02507351a70b2aba2908080cf14db51d.png) no-repeat;
  background-size: contain;
  content: '';
  transform: scale(1.3);
}

/*!******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-4.use[1]!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/less-loader/dist/cjs.js!./node_modules/vue-loader/lib/index.js??vue-loader-options!./src/vue/view/invite-friend/index.vue?vue&type=style&index=0&id=03d180bd&lang=less&scoped=true ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.register[data-v-03d180bd] {
  margin: 0;
  width: 100%;
  border-radius: 0.26rem;
  background: #ffffff;
  padding: 0.51rem 0.34rem 0.2rem;
  box-sizing: border-box;
  text-align: center;
}
.register .flex-bet[data-v-03d180bd] {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.register .sta_text[data-v-03d180bd] {
  font-size: 0.41rem;
  color: #333333;
  margin-top: 0.32rem;
  margin-bottom: 0.12rem;
}
.register .sta_money[data-v-03d180bd] {
  font-size: 0.92rem;
  font-weight: bold;
}
.register .money_text[data-v-03d180bd] {
  font-size: 0.21rem;
  font-weight: 300;
  color: #999;
}
.register .slider[data-v-03d180bd] {
  margin: 0.15rem 0;
}
.register .max-money[data-v-03d180bd] {
  display: flex;
  margin-top: 0.73rem;
  justify-content: space-between;
  align-items: center;
}
.register .max-money .max_money_text[data-v-03d180bd] {
  color: #333333;
  font-size: 0.29rem;
  line-height: 0.35rem;
}
.register .max-money .max_money[data-v-03d180bd] {
  margin: 0;
  font-weight: bold;
  font-size: 0.37rem;
  color: #f34939;
}
.register .use-form[data-v-03d180bd] {
  margin: 0.57rem auto 0;
  width: 100%;
}
.register .use-form .use_phone[data-v-03d180bd] {
  padding-left: 0.19rem;
  width: 100%;
  height: 0.79rem;
  font-size: 0.28rem;
  border-radius: 0.4rem;
  background: #f9f9f9;
  border: 1px solid #c3cad9;
  outline: none;
  box-sizing: border-box;
}
.register .use-form .btn_withdraw_money[data-v-03d180bd] {
  width: 100%;
  margin-top: 0.43rem;
  height: 0.79rem;
}
.invite-popup-box[data-v-03d180bd] {
  background: linear-gradient(180deg, #FFFFFF 0%, #FFFFFF 100%);
  border-radius: 0.17rem;
}
.invite-popup[data-v-03d180bd] {
  width: 5.38rem;
  padding: 0.34rem 0.41rem 0.41rem;
  box-sizing: border-box;
  border-radius: 0.17rem;
  text-align: center;
  position: relative;
}
.invite-popup .close-img[data-v-03d180bd] {
  position: absolute;
  top: 0.27rem;
  right: 0.27rem;
  width: 0.41rem;
  height: 0.41rem;
}
.invite-popup .invite-success-img[data-v-03d180bd] {
  width: 2.73rem;
  height: 2.1rem;
}
.invite-popup .param[data-v-03d180bd] {
  margin-top: 0.26rem;
  font-weight: 500;
  font-size: 0.24rem;
  line-height: 0.39rem;
  text-align: left;
  font-style: normal;
  color: #7D7E94;
}
.invite-popup .param .number[data-v-03d180bd] {
  height: 1.18rem;
  font-weight: 500;
  font-size: 0.24rem;
  color: #1483ff;
  line-height: 0.39rem;
  text-align: left;
  font-style: normal;
}
.invite-popup .btn[data-v-03d180bd] {
  margin-top: 0.31rem;
  width: 4.56rem;
  height: 0.75rem;
  background: linear-gradient(135deg, #FFC93C 0%, #FFC93C 100%);
  border-radius: 0.42rem;
  font-family: Poppins, Poppins;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 600;
  font-size: 0.24rem;
  color: #6C2D09;
  line-height: 0.27rem;
  text-align: center;
  font-style: normal;
}

/*!****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-4.use[1]!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/less-loader/dist/cjs.js!./node_modules/vue-loader/lib/index.js??vue-loader-options!./src/vue/view/invite-friend/registerV24Page.vue?vue&type=style&index=0&id=af4b0a22&lang=less&scoped=true ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.h-right[data-v-af4b0a22] {
  width: 100%;
}
.h-right .status-reg[data-v-af4b0a22] {
  border-radius: 0.26rem;
}
.h-right .status-reg .btn_login[data-v-af4b0a22] {
  margin-top: 0.54rem;
}
.check-code_input[data-v-af4b0a22] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 0.72rem;
  background: #f5f7fd;
  border-radius: 0.36rem;
  border: 0.02rem solid #e0e6f0;
  padding: 0 0.12rem 0 0.27rem;
}
.check-code_input .common-input_code[data-v-af4b0a22] {
  flex: 1;
  margin-right: 0.1rem;
}
.check-code_input .btn_get_code[data-v-af4b0a22] {
  width: 1.6rem;
  height: 0.48rem;
  border-radius: 0.24rem;
  border: 0.02rem solid #05a7fa;
  color: #05a7fa;
  text-align: center;
}
.check-code_input .gray-btn[data-v-af4b0a22] {
  border: 0.02rem solid #bcc4d4;
  color: #bcc4d4;
}
.otcTips[data-v-af4b0a22] {
  font-size: 0.22rem;
  font-weight: 400;
  color: #909090;
  line-height: 0.31rem;
  text-align: left;
  margin-top: 0.17rem;
}
.register[data-v-af4b0a22] {
  margin: 0;
  width: 100%;
  border-radius: 0.26rem;
  background: #ffffff;
  padding: 0.51rem 0.34rem 0.2rem;
  box-sizing: border-box;
  text-align: center;
}
.register .sta_text[data-v-af4b0a22] {
  font-size: 0.41rem;
  color: #333333;
  margin-top: 0.32rem;
  margin-bottom: 0.12rem;
}
.register .sta_money[data-v-af4b0a22] {
  font-size: 0.92rem;
  font-weight: bold;
}
.register .money_text[data-v-af4b0a22] {
  font-size: 0.21rem;
  font-weight: 300;
  color: #999;
}
.register .slider[data-v-af4b0a22] {
  margin: 0.15rem 0;
}
.register .max-money[data-v-af4b0a22] {
  display: flex;
  margin-top: 0.73rem;
  justify-content: space-between;
  align-items: center;
}
.register .max-money .max_money_text[data-v-af4b0a22] {
  color: #333333;
  font-size: 0.29rem;
  line-height: 0.35rem;
}
.register .max-money .max_money[data-v-af4b0a22] {
  margin: 0;
  font-weight: bold;
  font-size: 0.37rem;
  color: #f34939;
}
.register .use-form[data-v-af4b0a22] {
  margin: 0.57rem auto 0;
  width: 100%;
}
.register .use-form .use_phone[data-v-af4b0a22] {
  padding-left: 22px;
  width: 100%;
  height: 0.79rem;
  font-size: 0.28rem;
  border-radius: 0.4rem;
  background: #f9f9f9;
  border: 1px solid #c3cad9;
  outline: none;
  box-sizing: border-box;
}
.register .use-form .btn_withdraw_money[data-v-af4b0a22] {
  width: 100%;
  margin-top: 0.43rem;
  height: 0.79rem;
}
.invite-popup-box[data-v-af4b0a22] {
  background: linear-gradient(180deg, #FFFFFF 0%, #FFFFFF 100%);
  border-radius: 0.17rem;
}
.invite-popup[data-v-af4b0a22] {
  width: 5.38rem;
  padding: 0 0.41rem 0.41rem;
  box-sizing: border-box;
  background: url(https://sgp-c2.hitechset.com/static/ph_loan_h5_pdl/image/a0fc66e452c43831995d0fe7dca7373c.png) no-repeat;
  background-size: 100%;
  border-radius: 0.17rem;
  text-align: center;
  position: relative;
}
.invite-popup .close-img[data-v-af4b0a22] {
  position: absolute;
  top: 0.27rem;
  right: 0.27rem;
  width: 0.41rem;
  height: 0.41rem;
}
.invite-popup .invite-success-img[data-v-af4b0a22] {
  width: 2.73rem;
  height: 2.1rem;
  margin-bottom: 0.14rem;
}
.invite-popup .param[data-v-af4b0a22] {
  font-weight: 500;
  font-size: 0.24rem;
  line-height: 0.39rem;
  text-align: left;
  font-style: normal;
  color: #7D7E94;
  padding-top: 0.41rem;
}
.invite-popup .param .number[data-v-af4b0a22] {
  height: 1.18rem;
  font-weight: 500;
  font-size: 0.24rem;
  color: #1483FF;
  line-height: 0.39rem;
  text-align: left;
  font-style: normal;
}
.invite-popup .btn[data-v-af4b0a22] {
  margin-top: 0.29rem;
  width: 4.56rem;
  height: 0.75rem;
  background: linear-gradient(90deg, #837AFF 0%, #6B61ED 100%);
  border-radius: 0.42rem;
  font-family: Poppins, Poppins;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 600;
  font-size: 0.24rem;
  color: #fff;
  line-height: 0.27rem;
  text-align: center;
  font-style: normal;
}

/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-4.use[1]!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/less-loader/dist/cjs.js!./node_modules/vue-loader/lib/index.js??vue-loader-options!./src/vue/components/common/toast/toast.vue?vue&type=style&index=0&id=0b342e3c&lang=less ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.common-toast-wrap {
  position: fixed;
  z-index: 99999;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  max-width: 80%;
  height: auto;
  box-sizing: border-box;
  padding: 0.2rem;
  background: rgba(0, 0, 0, 0.8);
  color: #ffffff;
  text-align: center;
  border-radius: 8px;
  font-size: 0.24rem;
}
@media screen and (min-width: 1000px) {
.common-toast-wrap {
    padding: 15px;
    font-size: 20px;
}
}

/*!************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-4.use[1]!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/less-loader/dist/cjs.js!./node_modules/vue-loader/lib/index.js??vue-loader-options!./src/vue/components/common/dialog/index.vue?vue&type=style&index=0&id=6c18b390&lang=less&scoped=true ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.common-dialog[data-v-6c18b390] {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 8887;
  background: rgba(0, 0, 0, 0);
}
.common-dialog.fade[data-v-6c18b390] {
  transition: all 0.4s;
  background: rgba(0, 0, 0, 0.5);
}
.common-dialog .common-dialog_wrapper[data-v-6c18b390] {
  width: 4.56rem;
  background: #fff;
  border-radius: 0.26rem;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -60%);
  opacity: 0;
  padding: 0.51rem 0.41rem;
}
.common-dialog .common-dialog_wrapper.fade[data-v-6c18b390] {
  transition: all 0.4s;
  transform: translate(-50%, -50%);
  opacity: 1;
}
.common-dialog .common-dialog_wrapper .common-dialog_close[data-v-6c18b390] {
  position: absolute;
  top: 0.17rem;
  right: 0.17rem;
  width: 0.27rem;
  height: 0.27rem;
  padding: 0.1rem;
}
.common-dialog .common-dialog_wrapper .common-dialog_close img[data-v-6c18b390] {
  width: 100%;
}
.common-dialog .common-dialog_wrapper .common-dialog_footer[data-v-6c18b390] {
  text-align: center;
}
.common-dialog .common-dialog_title[data-v-6c18b390] {
  font-size: 0.27rem;
  font-family: AppleSystemUIFont;
  color: #0A1603;
  line-height: 0.41rem;
  text-align: left;
  margin-bottom: 0.2rem;
}
.isPC .common-dialog_wrapper[data-v-6c18b390] {
  width: 580px;
  border-radius: 10px;
  font-size: 16px;
  padding: 40px;
}
.isPC .common-dialog_title[data-v-6c18b390] {
  font-size: 16px;
  font-family: AppleSystemUIFont;
  color: #0A1603;
  text-align: left;
  margin-bottom: 6px;
  line-height: 24px;
}
.isPC .common-dialog_footer[data-v-6c18b390] {
  display: flex;
  align-items: center;
  margin-top: 10px;
}
.isPC .dialog-btn[data-v-6c18b390] {
  width: 300px;
  margin: 0 auto;
}

/*!***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-4.use[1]!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/less-loader/dist/cjs.js!./node_modules/vue-loader/lib/index.js??vue-loader-options!./src/vue/components/common/loading/loading.vue?vue&type=style&index=0&id=42f9dce8&lang=less ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.common-loading {
  position: relative;
  margin: 0 auto;
}
.common-loading .outer {
  animation: 1s loadingrotate linear infinite;
  -webkit-animation: 1s loadingrotate linear infinite;
}
.common-loading .inner {
  position: absolute;
  top: 0;
  left: 0;
}
.common-loading #svg-font {
  font-size: 26px;
  fill: #fff;
  text-anchor: middle;
  font-family: Arial;
}
@keyframes loadingrotate {
0% {
    transform: rotateZ(0deg);
}
100% {
    transform: rotateZ(360deg);
}
}

/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-4.use[1]!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/less-loader/dist/cjs.js!./node_modules/vue-loader/lib/index.js??vue-loader-options!./src/vue/components/common/input/index.vue?vue&type=style&index=0&id=05607ff0&lang=less ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.ph-input-wrap {
  display: flex;
  position: relative;
  align-items: center;
  width: 100%;
  font-size: 0.27rem;
}
.ph-input_content {
  display: flex;
  flex: 1;
}
.ph-input_suffix {
  padding-right: 0.2rem;
}
.ph-input_close {
  cursor: pointer;
}
.ph-input {
  width: 100%;
  flex: 1;
  outline: none;
  text-align: left;
  background: transparent;
  font-size: 0.27rem;
}
.ph-input::-moz-placeholder {
  color: #C0C0C0;
}
.ph-input::placeholder {
  color: #C0C0C0;
}
.input_close {
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  color: #c0c4cc;
}
.input_close img {
  width: 0.25rm;
  height: 0.25rem;
}
.split-line {
  border-right: 0.01rem solid #bcc4d4;
  padding-left: 0.06rem;
}

/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-4.use[1]!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/less-loader/dist/cjs.js!./node_modules/vue-loader/lib/index.js??vue-loader-options!./src/vue/components/common/letter-cell/index.vue?vue&type=style&index=0&id=eef41062&lang=less&scoped=true ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.letter-cell[data-v-eef41062] {
  display: flex;
  padding: 0.14rem 0;
}
.cell-img[data-v-eef41062] {
  width: 0.27rem;
  height: 0.27rem;
}
.cell-img img[data-v-eef41062] {
  height: 100%;
  display: inline-block;
}

/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-4.use[1]!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/less-loader/dist/cjs.js!./node_modules/vue-loader/lib/index.js??vue-loader-options!./src/vue/components/common/radio/index.vue?vue&type=style&index=0&id=42e472e1&lang=less&scoped=true ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.common-radio_wrap[data-v-42e472e1] {
  display: flex;
}
.flex-column[data-v-42e472e1] {
  flex-direction: column;
}
.flex-row[data-v-42e472e1] {
  flex-direction: row;
}
.common-radio_item[data-v-42e472e1] {
  display: flex;
  justify-content: flex-start;
  margin-bottom: 0.41rem;
  cursor: pointer;
}
.common-radio_icon[data-v-42e472e1] {
  width: 0.27rem;
  margin-right: 0.14rem;
}
.common-radio_icon img[data-v-42e472e1] {
  display: inline-block;
  width: 100%;
}
.common-radio_label[data-v-42e472e1] {
  text-align: left;
}
.flex1[data-v-42e472e1] {
  flex: 1;
}
.ommon-radio_item[data-v-42e472e1] {
  display: flex;
}

/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-4.use[1]!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/less-loader/dist/cjs.js!./node_modules/vue-loader/lib/index.js??vue-loader-options!./src/vue/components/common/check/index.vue?vue&type=style&index=0&id=ce3fd0a4&lang=less&scoped=true ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.common-check_wrap[data-v-ce3fd0a4] {
  display: flex;
}
.flex-column[data-v-ce3fd0a4] {
  flex-direction: column;
}
.flex-row[data-v-ce3fd0a4] {
  flex-direction: row;
}
.common-check_item[data-v-ce3fd0a4] {
  display: flex;
  justify-content: flex-start;
  margin-bottom: 0.41rem;
}
.common-check_icon[data-v-ce3fd0a4] {
  width: 0.27rem;
  margin-right: 0.14rem;
}
.common-check_icon img[data-v-ce3fd0a4] {
  display: inline-block;
  width: 100%;
}
.common-check_icon_pc[data-v-ce3fd0a4] {
  width: 14px;
  height: 14px;
  margin-right: 7px;
  float: left;
  margin-top: 2px;
}
.common-check_label[data-v-ce3fd0a4] {
  text-align: left;
  font-size: 0.2rem;
  font-family: SFNS-Regular, SFNS;
  font-weight: 400;
  color: #7d7e94;
}
.flex1[data-v-ce3fd0a4] {
  flex: 1;
}
.ommon-check_item[data-v-ce3fd0a4] {
  display: flex;
}

/*!**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-4.use[1]!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/less-loader/dist/cjs.js!./node_modules/vue-loader/lib/index.js??vue-loader-options!./src/vue/components/common/textarea/index.vue?vue&type=style&index=0&id=86290f2c&lang=less&scoped=true ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.common-textarea[data-v-86290f2c] {
  width: 100%;
  display: flex;
  flex-direction: column;
}
.common-textarea_content[data-v-86290f2c] {
  box-sizing: content-box;
  width: 93.75%;
  height: 1.75rem;
  padding: 0.2rem;
  background: #FAFAFA;
  border-radius: 0.07rem;
  border: 0.01rem solid #EDEEF5;
  resize: none;
  outline: none;
}
.active[data-v-86290f2c] {
  border-color: #FF564E;
}
.error-tips[data-v-86290f2c] {
  color: #FF564E;
  font-size: 0.2rem;
  margin-top: 0.1rem;
}

/*!**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-4.use[1]!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/less-loader/dist/cjs.js!./node_modules/vue-loader/lib/index.js??vue-loader-options!./src/vue/components/common/img-tips/index.vue?vue&type=style&index=0&id=16fce632&lang=less&scoped=true ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.img-tips[data-v-16fce632] {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.img-tips img[data-v-16fce632] {
  width: 1.83rem;
  height: 1.83rem;
}
.img-tips .letter[data-v-16fce632] {
  font-weight: 400;
  font-size: 0.27rem;
  font-family: SFNS-Regular, SFNS;
}

/*!****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-4.use[1]!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/less-loader/dist/cjs.js!./node_modules/vue-loader/lib/index.js??vue-loader-options!./src/vue/components/common/group-cell/index.vue?vue&type=style&index=0&id=79aa7060&lang=less&scoped=true ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.group-cell[data-v-79aa7060] {
  display: flex;
  flex-direction: column;
}
.account-describe_tip[data-v-79aa7060] {
  display: flex;
  align-items: center;
  margin-bottom: 0.31rem;
}
.account-describe_tip img[data-v-79aa7060] {
  margin-right: 0.2rem;
}


/*# sourceMappingURL=ph-invite-friend-register.edee4d6.css.map*/