/*!*******************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/less-loader/dist/cjs.js!./src/vanilla/widget/index/index-ug/index-top/index.less ***!
  \*******************************************************************************************************************************************************************************************/
.mod-top-index {
  text-align: center;
  background: #e5e5e5;
}
.mod-top-index .main-top-content {
  width: 100%;
  min-width: 1000px;
  max-width: 1440px;
  margin: 0 auto;
  background: #fff;
  position: relative;
}
.mod-top-index .customer-wrap {
  position: fixed;
  width: 75px;
  height: 75px;
  right: 0;
  top: 505px;
  z-index: 1000;
  background: #fff;
  transition: right 0.3s;
  -webkit-transition: right 0.2s;
  box-shadow: 0px 8px 24px 0px rgba(0, 0, 0, 0.08);
  border-radius: 15px 0px 0px 15px;
}
.mod-top-index .customer-wrap a {
  display: block;
  width: 100%;
  height: 100%;
  color: #202020;
  font-size: 11px;
  line-height: 14px;
}
.mod-top-index .customer-wrap a .icon {
  display: block;
  width: 34px;
  height: 34px;
  margin: 6px auto 0;
  background-repeat: no-repeat;
  background-image: url(https://sgp-c2.fastspeed.tech/static/ug_loan_h5_pdl/image/18d1c3ebdd9dd911b2e1d052e60d4f4f.png);
  background-size: 100% 100%;
}
.mod-top-index .customer-wrap:hover a {
  color: #ff2b3c;
}
.mod-top-index .header {
  width: 1200px;
  height: 70px;
  line-height: 70px;
  margin: 0 auto;
  background-size: 100% 100%;
  position: absolute;
  top: 0;
  z-index: 10;
  left: 50%;
  margin-left: -600px;
}
.mod-top-index .header .header-warp {
  position: relative;
  width: 1200px;
  height: 100%;
  margin: 0 auto;
}
.mod-top-index .header .logo {
  width: 136px;
  height: 30px;
  background: url(https://sgp-c2.fastspeed.tech/static/ug_loan_h5_pdl/image/cdf50fdfdfcc8c71b421e5aa1e5e0957.png) no-repeat;
  background-size: 100% 100%;
  float: left;
  margin: 20px 0 0 0px;
}
.mod-top-index .header .header-nav {
  display: flex;
  float: right;
}
.mod-top-index .header .header-nav li {
  margin-left: 37px;
}
.mod-top-index .header .header-nav li span {
  font-weight: 0;
  color: #544F4F;
  font-size: 18px;
  font-family: Montserrat-Regular, Montserrat;
}
.mod-top-index .header .header-nav .active {
  border-bottom: 3px solid #FF6908;
}
.mod-top-index .header .header-nav .active span {
  font-weight: bold;
  color: #FF6908;
}

/*!*********************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/less-loader/dist/cjs.js!./src/vanilla/widget/index/index-ug/index-about/index.less ***!
  \*********************************************************************************************************************************************************************************************/
.mod-index {
  text-align: center;
  background: #e5e5e5;
  display: none;
}
.mod-index .main-content {
  width: 100%;
  min-width: 1440px;
  margin: 0 auto;
  background: #fff;
  position: relative;
}
.mod-index .center-contents {
  position: relative;
  width: 1200px;
  height: 675px;
  margin: 0 auto;
}
.mod-index .center-content {
  position: relative;
  width: 1200px;
  height: 100%;
  margin: 0 auto;
}
.mod-index .module-title {
  padding: 80px 0 59px;
  width: 100%;
}
.mod-index .module-title .title_text {
  color: #202020;
  font-size: 38px;
  font-weight: bold;
  position: relative;
  display: inline-block;
}
.mod-index .module-title .title_text .title_icon {
  display: block;
  width: 54px;
  height: 54px;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAJAAAACQCAYAAADnRuK4AAADCUlEQVR4Xu3cwU3cYBhFUf99QCEugUYoikYowYVAH0YWLO2RNZdZjHyySRZ5kXJ1gi19E8ayLG/TNH1Mvz/e53n+/Pv1zZ/s9vNcrctYluVrXdeXLccY43ue59eTgOx2Ql2tJ0AH/1quBuHeLxwbII+w/a8kupzoMs48rvweBY4KAMRGKgBQymcMEAOpAEApnzFADKQCAKV8xgAxkAoAlPIZA8RAKuCUcXwLc8o4c8pwNDz8WIZPG5z4tIFrvGt8+hiPR5hH2Fbg7g8SeolOr5DGADGQCgCU8hkDxEAqAFDKZwwQA6kAQCmfMUAMpAIApXzGADGQCjhlOGW0U4ZrvGt8+Z4IrvGu8a7xtx7i/u//4VfYf/nAnJfo9AppDBADqQBAKZ8xQAykAgClfMYAMZAKAJTyGQPEQCoAUMpnDBADqcDTXOPT39L4YQWe5pj6sAL+4FQAoJTP2COMgVTAS3TKZwwQA6kAQCmfMUAMpAIApXzGADGQCgCU8hkDxEAqAFDKZwwQA6mAU0bKZ+yYykAqAFDKZ+wRxkAq4CU65TMGiIFUAKCUzxggBlIBgFI+Y4AYSAUASvmMAWIgFQAo5TMGiIFUwCkj5TN2TGUgFQAo5TP2CGMgFfASnfIZA8RAKgBQymcMEAOpAEApnzFADKQCAKV8xgAxkAoAlPIZA8RAKuCUkfIZO6YykAoAlPIZe4QxkAp4iU75jAFiIBUAKOUzBoiBVACglM8YIAZSAYBSPmOAGEgFAEr5jAFiIBVwykj5jB1TGUgFAEr5jD3CGEgFvESnfMYAMZAKAJTyGQPEQCoAUMpnDBADqQBAKZ8xQAykAgClfMYAMZAKOGWkfMaOqQykAgClfMYeYQykAl6iUz5jgBhIBQBK+YwBYiAVACjlMwaIgVQAoJTPGCAGUgGAUj5jgBhIBZwyUj5jx1QGUgGAUj5jjzAGUgEv0SmfMUAMpAIApXzGADGQCgCU8hkDxEAqAFDKZwwQA6kAQCmfMUAMpAJOGSmfsWMqA6kAQCmfsUcYA6nAD7e8veDWdUTfAAAAAElFTkSuQmCC) no-repeat;
  background-size: 100% 100%;
  position: absolute;
  left: -31px;
  top: -27px;
}
.mod-index .banner-wrap {
  height: 915px;
  width: 100%;
  min-width: 1440px;
  background: url("https://cdn-c1.kasente.ug/files/topbanner.png") no-repeat;
  background-size: 100% 100%;
  position: relative;
}
.mod-index .banner-wrap .people-img {
  width: 820px;
  height: 739px;
  background: url("https://cdn-c1.kasente.ug/files/index/toppeople.png") no-repeat;
  background-size: 100% 100%;
  position: absolute;
  top: 103px;
  right: 99px;
}
.mod-index .banner-wrap .white-border {
  width: 100%;
  height: 363px;
  background: url(https://sgp-c2.fastspeed.tech/static/ug_loan_h5_pdl/image/fb48d3635444fe831f82ae930abf7c36.png) no-repeat;
  background-size: 100% 100%;
  position: absolute;
  bottom: 0px;
  right: 0px;
}
.mod-index .banner-wrap .top-dialog {
  width: 896px;
  height: 547px;
  background: url(https://sgp-c2.fastspeed.tech/static/ug_loan_h5_pdl/image/36b21c0cde199bf8bd49ca42e49d48a3.png) no-repeat;
  background-size: 100% 100%;
  position: absolute;
  bottom: 0px;
  right: 0px;
  z-index: 10px;
}
.mod-index .banner-wrap .coin-left {
  width: 194px;
  height: 330px;
  background: url(https://sgp-c2.fastspeed.tech/static/ug_loan_h5_pdl/image/826affdc61de39282487967ed39ea0eb.png) no-repeat;
  background-size: 100% 100%;
  position: absolute;
  top: 271px;
  left: 0px;
}
.mod-index .banner-wrap .coin-right {
  width: 163px;
  height: 229px;
  background: url(https://sgp-c2.fastspeed.tech/static/ug_loan_h5_pdl/image/b7d559f477e21584d0ed761bad45fb31.png) no-repeat;
  background-size: 100% 100%;
  position: absolute;
  top: 136px;
  right: 0px;
}
.mod-index .banner-wrap .banner-center .qcode-wrap {
  position: absolute;
  text-align: left;
  top: 179px;
}
.mod-index .banner-wrap .banner-center .qcode-wrap .qcode-title {
  font-size: 45px;
  color: #202020;
  font-weight: bold;
  line-height: 68px;
}
.mod-index .banner-wrap .banner-center .qcode-wrap .qcode-title-red {
  font-size: 45px;
  color: #FF6908;
  font-weight: bold;
  display: flex;
  line-height: 68px;
}
.mod-index .banner-wrap .banner-center .qcode-wrap .marginL {
  margin-left: 10px;
}
.mod-index .banner-wrap .banner-center .qcode-wrap .tip {
  width: 583px;
  padding: 15px 0 15px;
  line-height: 39px;
  font-size: 22px;
  color: #333333;
  margin-top: 15px;
  font-family: Montserrat-Regular, Montserrat;
  font-weight: 0;
}
.mod-index .banner-wrap .banner-center .qcode-wrap .qcode-content .google-play {
  display: block;
  width: 224px;
  height: 104px;
  margin-top: 64px;
  background: url(https://sgp-c2.fastspeed.tech/static/ug_loan_h5_pdl/image/e48499875e54e2fd25032cacb827b715.png) no-repeat;
  background-size: 100% 100%;
  margin-left: -13px;
}
.mod-index .advantage-wrap {
  height: 1656px;
  min-width: 1440px;
  width: 100%;
  background: #fff;
  padding-bottom: 90px;
}
.mod-index .advantage-wrap .advantage-content {
  display: flex;
  flex-direction: row;
  width: 1200px;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
}
.mod-index .advantage-wrap .advantage-content .advantage-itemcontent {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  margin-bottom: 58px;
  position: relative;
  width: 570px;
  height: 626px;
}
.mod-index .advantage-wrap .advantage-content .advantage-itemcontent .advantage-img {
  width: 350px;
  height: 350px;
  z-index: 10;
}
.mod-index .advantage-wrap .advantage-content .advantage-itemcontent .advantage-content-out {
  width: 570px;
  height: 446px;
  background: #FFEBE1;
  border-radius: 80px;
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 0;
}
.mod-index .advantage-wrap .advantage-content .advantage-itemcontent .bg-yellow {
  background: #FFF8E1;
}
.mod-index .advantage-wrap .advantage-content .advantage-itemcontent .bg-blue {
  background: #EEF7FF;
}
.mod-index .advantage-wrap .advantage-content .advantage-itemcontent .bg-purple {
  background: #F1F2FD;
}
.mod-index .advantage-wrap .advantage-content .advantage-itemcontent .advantage-content-title {
  width: 350px;
  font-size: 32px;
  font-weight: bold;
  color: #202020;
  line-height: 48px;
  z-index: 10;
  margin-bottom: 30px;
}
.mod-index .advantage-wrap .advantage-content .advantage-itemcontent .advantage-content-tip {
  width: 426px;
  font-size: 20px;
  font-weight: 400;
  color: #888B9B;
  line-height: 32px;
  z-index: 10;
  margin-bottom: 80px;
}
.mod-index .news-wrap {
  height: 760px;
  box-sizing: border-box;
  min-width: 1440px;
  width: 100%;
  background: #FFF9F3;
  overflow: hidden;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
.mod-index .news-wrap .news-wrap-people {
  width: 546px;
  height: 501px;
}
.mod-index .news-wrap .slider {
  width: 510px;
  height: 501px;
  position: relative;
  margin-left: 114px;
  overflow: hidden;
}
.mod-index .news-wrap .slider .list {
  position: absolute;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  animation: move 25s infinite 2s ease;
}
.mod-index .news-wrap .slider .list .item {
  width: 510px;
  height: 501px;
  position: relative;
  margin-right: 10px;
}
.mod-index .news-wrap .slider .list .item .item-title {
  width: 496px;
  height: 75px;
  font-size: 50px;
  font-family: Montserrat-Bold, Montserrat;
  position: absolute;
  top: 46px;
  right: 14px;
  text-align: left;
}
.mod-index .news-wrap .slider .list .item .item-tip {
  width: 510px;
  height: 128px;
  font-size: 20px;
  font-family: Montserrat-Regular, Montserrat;
  font-weight: 400;
  color: #888B9B;
  line-height: 32px;
  position: absolute;
  top: 169px;
  right: 0px;
  text-align: left;
}
.mod-index .news-wrap .slider .list .item .item-people {
  width: 80px;
  height: 80px;
  position: absolute;
  bottom: 44px;
  left: 0;
}
.mod-index .news-wrap .slider .list .item .item-name {
  width: 404px;
  height: 48px;
  font-size: 32px;
  font-family: Montserrat-Bold, Montserrat;
  font-weight: bold;
  color: #202020;
  line-height: 48px;
  position: absolute;
  bottom: 78px;
  right: 0;
  text-align: left;
}
.mod-index .news-wrap .slider .list .item .item-star {
  width: 194px;
  height: 24px;
  position: absolute;
  bottom: 49px;
  left: 109px;
}
@keyframes move {
  0% {
    transform: translateX(0px);
  }
  25% {
    transform: translateX(-511px);
  }
  50% {
    transform: translateX(-1032px);
  }
  75% {
    transform: translateX(-1553px);
  }
  100% {
    transform: translateX(-2074px);
  }
}

/*!********************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/less-loader/dist/cjs.js!./src/vanilla/widget/index/index-ug/index-case/index.less ***!
  \********************************************************************************************************************************************************************************************/
.mod-case-index {
  text-align: center;
  background: #e5e5e5;
  display: none;
}
.mod-case-index .main-case-content {
  width: 100%;
  min-width: 1440px;
  margin: 0 auto;
  background: #fff;
  position: relative;
  padding-bottom: 128px;
}
.mod-case-index .content-center {
  height: 3800px;
  background: url(https://sgp-c2.fastspeed.tech/static/ug_loan_h5_pdl/image/e92cd2f48ec9296953ff6417bf220feb.png) no-repeat;
  width: 100%;
  box-sizing: border-box;
  padding-top: 158px;
}
.mod-case-index .case-content {
  margin: 0 auto;
  width: 900px;
  height: 100%;
}
.mod-case-index .case-title {
  width: 899px;
  height: 113px;
  font-size: 38px;
  font-weight: bold;
  color: #202020;
  line-height: 56px;
}
.mod-case-index .case-word {
  width: 899px;
  height: 56px;
  font-size: 23px;
  font-weight: 400;
  color: #202020;
  line-height: 56px;
  margin-top: 30px;
}
.mod-case-index .detail-video {
  margin: 60px auto 90px auto;
  width: 759px;
  display: flex;
  align-items: center;
  flex-direction: column;
}
.mod-case-index .details-video-one {
  position: relative;
  height: 494px;
  width: 759px;
  background: url(https://sgp-c2.fastspeed.tech/static/ug_loan_h5_pdl/image/590f6507a327ffbb511492efddd7f80c.png) no-repeat;
  background-size: 100% 100%;
}
.mod-case-index .details-video-two {
  position: relative;
  height: 494px;
  width: 759px;
  background: url(https://sgp-c2.fastspeed.tech/static/ug_loan_h5_pdl/image/542c8c4432e7b1f1ceae245ee0e78ba0.png) no-repeat;
  background-size: 100% 100%;
}
.mod-case-index .details-video-three {
  position: relative;
  height: 494px;
  width: 759px;
  background: url(https://sgp-c2.fastspeed.tech/static/ug_loan_h5_pdl/image/dc70dbdf6c2eff55123ae19ad056ce8a.png) no-repeat;
  background-size: 100% 100%;
}
.mod-case-index .details-video-four {
  position: relative;
  height: 494px;
  width: 759px;
  background: url(https://sgp-c2.fastspeed.tech/static/ug_loan_h5_pdl/image/29be887e3cf6765de476e93a6643c791.png) no-repeat;
  background-size: 100% 100%;
}
.mod-case-index .details-video-five {
  position: relative;
  height: 494px;
  width: 759px;
  background: url(https://sgp-c2.fastspeed.tech/static/ug_loan_h5_pdl/image/d8d1683fae53d2658fe45bc65ae9f6a7.png) no-repeat;
  background-size: 100% 100%;
}
.mod-case-index .details-video-six {
  position: relative;
  height: 494px;
  width: 759px;
  background: url(https://sgp-c2.fastspeed.tech/static/ug_loan_h5_pdl/image/a38c248ce8cba15de93167d5bab54c58.png) no-repeat;
  background-size: 100% 100%;
}
.mod-case-index .usercase-img3 {
  position: absolute;
  top: 172px;
  left: 320px;
  width: 118px;
  height: 118px;
}
.mod-case-index .introduce {
  display: flex;
  align-items: center;
}
.mod-case-index .case-img-left-one {
  width: 86px;
  height: 16px;
}
.mod-case-index .case-img-right-one {
  width: 132px;
  height: 14px;
  margin-left: 34px;
}
.mod-case-index .case-img-left-two {
  width: 56px;
  height: 17px;
}
.mod-case-index .case-img-right-two {
  width: 86px;
  height: 14px;
  margin-left: 34px;
}
.mod-case-index .case-img-left-three {
  width: 74px;
  height: 17px;
}
.mod-case-index .case-img-right-three {
  width: 48px;
  height: 14px;
  margin-left: 34px;
}

/*!*******************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/less-loader/dist/cjs.js!./src/vanilla/widget/index/index-ug/index-faq/index.less ***!
  \*******************************************************************************************************************************************************************************************/
.mod-faq-index {
  text-align: center;
  background: #e5e5e5;
  display: none;
}
.mod-faq-index .main-faq-content {
  width: 100%;
  min-width: 1440px;
  display: flex;
  flex-direction: column;
  margin: 0 auto;
  background: #fff;
  position: relative;
  padding-bottom: 128px;
}
.mod-faq-index .all-ask-content {
  display: none;
}
.mod-faq-index .all-ask-content .ask-content {
  width: 1200px;
  padding: 40px 30px;
  border-radius: 4px;
}
.mod-faq-index .all-ask-content .ask-content-active {
  background: #FFF3E7;
  margin: 50px 0;
}
.mod-faq-index .faq-wrap {
  height: 634px;
  min-width: 1440px;
  width: 100%;
  background: url(https://sgp-c2.fastspeed.tech/static/ug_loan_h5_pdl/image/f7df06c54fc709efd066a7596beb261e.png) no-repeat;
  background-size: 100% 100%;
  position: relative;
}
.mod-faq-index .center-content {
  position: relative;
  width: 1200px;
  height: 100%;
  margin: 0 auto;
  display: flex;
  align-items: center;
}
.mod-faq-index .center-content .faq-word {
  position: absolute;
  top: 184px;
  left: 0px;
  width: 638px;
  font-size: 45px;
  font-weight: bold;
  color: #333333;
  line-height: 68px;
  text-align: left;
}
.mod-faq-index .center-content .faq-detail {
  width: 710px;
  height: 117px;
  font-size: 26px;
  font-family: Montserrat-Regular, Montserrat;
  font-weight: 400;
  color: #333333;
  line-height: 39px;
  position: absolute;
  left: 0;
  top: 266px;
  text-align: left;
}
.mod-faq-index .center-content .faq-people {
  position: absolute;
  top: 102px;
  right: 0px;
  width: 445px;
  height: 532px;
  background: url(https://sgp-c2.fastspeed.tech/static/ug_loan_h5_pdl/image/eec0247cc9010e8bb5daa8dbab85cb2b.png) no-repeat;
  background-size: 100% 100%;
}
.mod-faq-index .faq-detail {
  width: 1265px;
  height: 100%;
  margin: 0 auto;
  padding-top: 60px;
  box-sizing: border-box;
}
.mod-faq-index .faq-detail .line {
  width: 1200px;
  height: 1px;
  border-bottom: 1px solid #E4E4E4;
  margin: 0 auto;
}
.mod-faq-index .faq-detail .faq-details {
  padding-bottom: 38px;
  box-sizing: border-box;
  padding-top: 30px;
}
.mod-faq-index .faq-detail .faq-details .faq-ask {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 8px;
  padding-bottom: 8px;
  position: relative;
}
.mod-faq-index .faq-detail .faq-details .faq-ask .ask-word {
  font-size: 20px;
  font-weight: bold;
  color: #FF6908;
  line-height: 24px;
  position: relative;
  padding: 0 30px;
}
.mod-faq-index .faq-detail .faq-details .faq-ask .ask-word .redline {
  position: absolute;
  bottom: 0;
  left: 30px;
  width: 76px;
  height: 6px;
  background: linear-gradient(90deg, #FFECDA 0%, #FFFFFF 100%);
  border-radius: 3px;
  z-index: 0;
}
.mod-faq-index .faq-detail .faq-details .faq-ask .ask-icon-up {
  position: absolute;
  width: 15px;
  height: 15px;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAAXNSR0IArs4c6QAAASpJREFUOE/d06FPw0AYBfD3mpG2ZhKLARzBQAh/xyaQEEjYuiDwExN4BKEbCQQkYvs7CAFDcIDBImfahqVvYbSEsrVdyQTh7L373Xd33xEzHpyxh38CyjEXP66GbvCSd0W5R1bNroC6HkHiFjteLwvNBNUwlxHiDmD5E1EfBtZ5GjyloamgDmHDM29BriQWS4+wgw0ew5uEpoOOdQlhe2IlxBVdf2dqUI61C+E88wGIPbr+xc/MWIXan1uFYdwAtLNfVB7CcJNn7w/fcwlQByhjYN0DWMprj2j+GSV/jSfox/kkWDe7ACtTYlFMPbaD6hgY9Vu3GBabrMb9+VWhamYdpPs7UA47QXv0m2JALZTwZjUBLBREXzHvH7GFQQIsiKTGc/9y0Y3+PjgExTxTFe1UQiAAAAAASUVORK5CYII=) no-repeat;
  background-size: 100% 100%;
  right: 36px;
  display: none;
}
.mod-faq-index .faq-detail .faq-details .faq-ask .ask-icon-down {
  position: absolute;
  width: 15px;
  height: 15px;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAAXNSR0IArs4c6QAAASdJREFUOE/l07FPwkAUBvDvazDXLoyuLspmXDTGvwMGRzUmQomDuwODOwOx4GB0dIC/wxhZCBuyuDqytBdIn/EQY7GllrAYu957v969+45Y8ccVe/hDoNSQw5t9CWAj4xhesR5csYbJR9/XkaWsKiC9jNi0XMRlSzfnQKcISns5kCW2/E4END+qqDbAYjZUOmzq0qwncstyjjwmdhfA1i/RF+SCXTYwigXNLs/WdmBZjwCdxaj4CMMD3ox73+ticyhV+wQhbheCxCm94EdNYrDFte8gOIpFiXt6wXHcWjJ4AQe+egK5HWkU6cPR+6zDzwSaeVZVASGeAeY/AzeChT1e60HSOFLfspRNPh+mAebhLG9Lg8Zx1aYJraeHaXFK3WEaML/+D8F3JpZTFXpXvtsAAAAASUVORK5CYII=) no-repeat;
  background-size: 100% 100%;
  right: 36px;
}
.mod-faq-index .faq-detail .faq-details .ask-littleask {
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
}
.mod-faq-index .faq-detail .faq-details .ask-littleask .littleask-word {
  font-size: 17px;
  font-weight: 500;
  color: #000000;
  line-height: 26px;
  position: relative;
}
.mod-faq-index .faq-detail .faq-details .ask-littleask .littleask-icon-up {
  position: absolute;
  right: 0;
  width: 15px;
  height: 15px;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAAXNSR0IArs4c6QAAASpJREFUOE/d06FPw0AYBfD3mpG2ZhKLARzBQAh/xyaQEEjYuiDwExN4BKEbCQQkYvs7CAFDcIDBImfahqVvYbSEsrVdyQTh7L373Xd33xEzHpyxh38CyjEXP66GbvCSd0W5R1bNroC6HkHiFjteLwvNBNUwlxHiDmD5E1EfBtZ5GjyloamgDmHDM29BriQWS4+wgw0ew5uEpoOOdQlhe2IlxBVdf2dqUI61C+E88wGIPbr+xc/MWIXan1uFYdwAtLNfVB7CcJNn7w/fcwlQByhjYN0DWMprj2j+GSV/jSfox/kkWDe7ACtTYlFMPbaD6hgY9Vu3GBabrMb9+VWhamYdpPs7UA47QXv0m2JALZTwZjUBLBREXzHvH7GFQQIsiKTGc/9y0Y3+PjgExTxTFe1UQiAAAAAASUVORK5CYII=) no-repeat;
  background-size: 100% 100%;
  display: none;
}
.mod-faq-index .faq-detail .faq-details .ask-littleask .littleask-icon-down {
  position: absolute;
  right: 0;
  width: 15px;
  height: 15px;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAAXNSR0IArs4c6QAAASdJREFUOE/l07FPwkAUBvDvazDXLoyuLspmXDTGvwMGRzUmQomDuwODOwOx4GB0dIC/wxhZCBuyuDqytBdIn/EQY7GllrAYu957v969+45Y8ccVe/hDoNSQw5t9CWAj4xhesR5csYbJR9/XkaWsKiC9jNi0XMRlSzfnQKcISns5kCW2/E4END+qqDbAYjZUOmzq0qwncstyjjwmdhfA1i/RF+SCXTYwigXNLs/WdmBZjwCdxaj4CMMD3ox73+ticyhV+wQhbheCxCm94EdNYrDFte8gOIpFiXt6wXHcWjJ4AQe+egK5HWkU6cPR+6zDzwSaeVZVASGeAeY/AzeChT1e60HSOFLfspRNPh+mAebhLG9Lg8Zx1aYJraeHaXFK3WEaML/+D8F3JpZTFXpXvtsAAAAASUVORK5CYII=) no-repeat;
  background-size: 100% 100%;
}
.mod-faq-index .faq-detail .faq-details .faq-answer {
  width: 850px;
  font-size: 14px;
  font-weight: 400;
  color: #999999;
  line-height: 23px;
  text-align: left;
  margin-top: 23px;
  display: none;
}

/*!*************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/less-loader/dist/cjs.js!./src/vanilla/widget/index/index-ug/index-faqdetail/index.less ***!
  \*************************************************************************************************************************************************************************************************/
.mod-faqdetail-index {
  text-align: center;
  background: #e5e5e5;
  display: none;
}
.mod-faqdetail-index .main-faqdetail-content {
  width: 100%;
  min-width: 1000px;
  max-width: 1440px;
  margin: 0 auto;
  background: #fff;
  position: relative;
}
.mod-faqdetail-index .center-content {
  position: relative;
  width: 900px;
  height: 100%;
  margin: 0 auto;
}
.mod-faqdetail-index .module-title {
  padding: 80px 0 59px;
  width: 100%;
}
.mod-faqdetail-index .module-title .title_text {
  color: #202020;
  font-size: 27px;
  font-weight: bold;
  position: relative;
  display: inline-block;
}
.mod-faqdetail-index .module-title .title_text .title_icon {
  display: block;
  width: 54px;
  height: 54px;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAJAAAACQCAYAAADnRuK4AAADCUlEQVR4Xu3cwU3cYBhFUf99QCEugUYoikYowYVAH0YWLO2RNZdZjHyySRZ5kXJ1gi19E8ayLG/TNH1Mvz/e53n+/Pv1zZ/s9vNcrctYluVrXdeXLccY43ue59eTgOx2Ql2tJ0AH/1quBuHeLxwbII+w/a8kupzoMs48rvweBY4KAMRGKgBQymcMEAOpAEApnzFADKQCAKV8xgAxkAoAlPIZA8RAKuCUcXwLc8o4c8pwNDz8WIZPG5z4tIFrvGt8+hiPR5hH2Fbg7g8SeolOr5DGADGQCgCU8hkDxEAqAFDKZwwQA6kAQCmfMUAMpAIApXzGADGQCjhlOGW0U4ZrvGt8+Z4IrvGu8a7xtx7i/u//4VfYf/nAnJfo9AppDBADqQBAKZ8xQAykAgClfMYAMZAKAJTyGQPEQCoAUMpnDBADqcDTXOPT39L4YQWe5pj6sAL+4FQAoJTP2COMgVTAS3TKZwwQA6kAQCmfMUAMpAIApXzGADGQCgCU8hkDxEAqAFDKZwwQA6mAU0bKZ+yYykAqAFDKZ+wRxkAq4CU65TMGiIFUAKCUzxggBlIBgFI+Y4AYSAUASvmMAWIgFQAo5TMGiIFUwCkj5TN2TGUgFQAo5TP2CGMgFfASnfIZA8RAKgBQymcMEAOpAEApnzFADKQCAKV8xgAxkAoAlPIZA8RAKuCUkfIZO6YykAoAlPIZe4QxkAp4iU75jAFiIBUAKOUzBoiBVACglM8YIAZSAYBSPmOAGEgFAEr5jAFiIBVwykj5jB1TGUgFAEr5jD3CGEgFvESnfMYAMZAKAJTyGQPEQCoAUMpnDBADqQBAKZ8xQAykAgClfMYAMZAKOGWkfMaOqQykAgClfMYeYQykAl6iUz5jgBhIBQBK+YwBYiAVACjlMwaIgVQAoJTPGCAGUgGAUj5jgBhIBZwyUj5jx1QGUgGAUj5jjzAGUgEv0SmfMUAMpAIApXzGADGQCgCU8hkDxEAqAFDKZwwQA6kAQCmfMUAMpAJOGSmfsWMqA6kAQCmfsUcYA6nAD7e8veDWdUTfAAAAAElFTkSuQmCC) no-repeat;
  background-size: 100% 100%;
  position: absolute;
  left: -31px;
  top: -27px;
}
.mod-faqdetail-index .faqdetail-wrap {
  height: 100%;
  padding-bottom: 146px;
}
.mod-faqdetail-index .faqdetail-wrap .faqdetail-content-warp {
  display: flex;
  justify-content: space-between;
}
.mod-faqdetail-index .faqdetail-wrap .faqdetail-content-warp .faqdetail-content-question {
  width: 405px;
  height: 391px;
  background-color: #f4f7fe;
  border-radius: 10px;
  text-align: left;
}
.mod-faqdetail-index .faqdetail-wrap .faqdetail-content-warp .faqdetail-content-question .faqdetail-question-ul {
  overflow: auto;
  margin: 37px 30px;
  width: 365px;
  height: 317px;
}
.mod-faqdetail-index .faqdetail-wrap .faqdetail-content-warp .faqdetail-content-question .faqdetail-question-ul .faqdetail_question_li {
  font-family: Montserrat-Medium;
  font-size: 18px;
  font-weight: 500;
  line-height: 30px;
  color: #222b45;
  margin-bottom: 35px;
  width: 345px;
  cursor: pointer;
}
.mod-faqdetail-index .faqdetail-wrap .faqdetail-content-warp .faqdetail-content-question .faqdetail-question-ul .liactive {
  color: #517bff;
}
.mod-faqdetail-index .faqdetail-wrap .faqdetail-content-warp .faqdetail-content-answer {
  width: 450px;
  text-align: left;
}
.mod-faqdetail-index .faqdetail-wrap .faqdetail-content-warp .faqdetail-content-answer .answer-q {
  color: #222b45;
  font-size: 14px;
  line-height: 27px;
  font-weight: 500;
  margin-bottom: 25px;
}
.mod-faqdetail-index .faqdetail-wrap .faqdetail-content-warp .faqdetail-content-answer .answer-a {
  color: #59647c;
  font-size: 14px;
  line-height: 27px;
}

/*!**********************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/less-loader/dist/cjs.js!./src/vanilla/widget/index/index-ug/index-footer/index.less ***!
  \**********************************************************************************************************************************************************************************************/
.mod-footer-index {
  text-align: center;
  background: #e5e5e5;
}
.mod-footer-index .main-footer-content {
  width: 100%;
  min-width: 1440px;
  margin: 0 auto;
  background: #fff;
  position: relative;
}
.mod-footer-index .center-content {
  position: relative;
  width: 1200px;
  height: 100%;
  margin: 0 auto;
}
.mod-footer-index .footer-wrap {
  background: #272727;
  width: 100%;
  height: 279px;
  color: #ffffff;
}
.mod-footer-index .footer-wrap .footer-title {
  text-align: left;
  padding-top: 45px;
  font-weight: 600;
  font-size: 14px;
  line-height: 17px;
  margin-bottom: 11px;
}
.mod-footer-index .footer-wrap .footer-content {
  display: flex;
  justify-content: space-between;
}
.mod-footer-index .footer-wrap .footer-content .footer-content-item {
  text-align: left;
}
.mod-footer-index .footer-wrap .footer-content .footer-content-item p {
  color: #ffffff;
  opacity: 50%;
  font-size: 11px;
  line-height: 21px;
  font-weight: 500;
}
.mod-footer-index .footer-wrap .footer-content .policy a {
  text-decoration: none;
  color: #ffffff;
  opacity: 50%;
}
.mod-footer-index .footer-wrap .footer-content .policy a:hover,
.mod-footer-index .footer-wrap .footer-content .policy a:visited,
.mod-footer-index .footer-wrap .footer-content .policy a:link,
.mod-footer-index .footer-wrap .footer-content .policy a:active {
  color: #ffffff;
  opacity: 50%;
}
.mod-footer-index .footer-wrap .footer-footer {
  position: absolute;
  height: 67px;
  border-top: 1px rgba(255, 255, 255, 0.09) solid;
  bottom: 0;
  width: 100%;
  padding: 0 70px;
  left: -90px;
}
.mod-footer-index .footer-wrap .footer-footer p {
  color: #ffffff;
  opacity: 0.5;
  font-size: 11px;
  line-height: 24px;
  font-weight: 600;
  padding-top: 23px;
}

/*!********************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/less-loader/dist/cjs.js!./src/vanilla/widget/index/index-ug/index-news/index.less ***!
  \********************************************************************************************************************************************************************************************/
.mod-news-index {
  text-align: center;
  background: #e5e5e5;
  display: none;
}
.mod-news-index .main-news-content {
  width: 100%;
  min-width: 1000px;
  max-width: 1440px;
  margin: 0 auto;
  background: #fff;
  position: relative;
}
.mod-news-index .center-content {
  position: relative;
  width: 900px;
  height: 100%;
  margin: 0 auto;
}
.mod-news-index .module-title {
  padding: 80px 0 59px;
  width: 100%;
}
.mod-news-index .module-title .title_text {
  color: #202020;
  font-size: 27px;
  font-weight: bold;
  position: relative;
  display: inline-block;
}
.mod-news-index .module-title .title_text .title_icon {
  display: block;
  width: 54px;
  height: 54px;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAJAAAACQCAYAAADnRuK4AAADCUlEQVR4Xu3cwU3cYBhFUf99QCEugUYoikYowYVAH0YWLO2RNZdZjHyySRZ5kXJ1gi19E8ayLG/TNH1Mvz/e53n+/Pv1zZ/s9vNcrctYluVrXdeXLccY43ue59eTgOx2Ql2tJ0AH/1quBuHeLxwbII+w/a8kupzoMs48rvweBY4KAMRGKgBQymcMEAOpAEApnzFADKQCAKV8xgAxkAoAlPIZA8RAKuCUcXwLc8o4c8pwNDz8WIZPG5z4tIFrvGt8+hiPR5hH2Fbg7g8SeolOr5DGADGQCgCU8hkDxEAqAFDKZwwQA6kAQCmfMUAMpAIApXzGADGQCjhlOGW0U4ZrvGt8+Z4IrvGu8a7xtx7i/u//4VfYf/nAnJfo9AppDBADqQBAKZ8xQAykAgClfMYAMZAKAJTyGQPEQCoAUMpnDBADqcDTXOPT39L4YQWe5pj6sAL+4FQAoJTP2COMgVTAS3TKZwwQA6kAQCmfMUAMpAIApXzGADGQCgCU8hkDxEAqAFDKZwwQA6mAU0bKZ+yYykAqAFDKZ+wRxkAq4CU65TMGiIFUAKCUzxggBlIBgFI+Y4AYSAUASvmMAWIgFQAo5TMGiIFUwCkj5TN2TGUgFQAo5TP2CGMgFfASnfIZA8RAKgBQymcMEAOpAEApnzFADKQCAKV8xgAxkAoAlPIZA8RAKuCUkfIZO6YykAoAlPIZe4QxkAp4iU75jAFiIBUAKOUzBoiBVACglM8YIAZSAYBSPmOAGEgFAEr5jAFiIBVwykj5jB1TGUgFAEr5jD3CGEgFvESnfMYAMZAKAJTyGQPEQCoAUMpnDBADqQBAKZ8xQAykAgClfMYAMZAKOGWkfMaOqQykAgClfMYeYQykAl6iUz5jgBhIBQBK+YwBYiAVACjlMwaIgVQAoJTPGCAGUgGAUj5jgBhIBZwyUj5jx1QGUgGAUj5jjzAGUgEv0SmfMUAMpAIApXzGADGQCgCU8hkDxEAqAFDKZwwQA6kAQCmfMUAMpAJOGSmfsWMqA6kAQCmfsUcYA6nAD7e8veDWdUTfAAAAAElFTkSuQmCC) no-repeat;
  background-size: 100% 100%;
  position: absolute;
  left: -31px;
  top: -27px;
}
.mod-news-index .news-wrap {
  height: 100%;
  padding-bottom: 75px;
}
.mod-news-index .news-wrap .news-content-warp {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.mod-news-index .news-wrap .news-content-warp .news-content-warp-left {
  width: 610.5px;
  min-height: 800px;
}
.mod-news-index .news-wrap .news-content-warp .news-content-warp-left .news-main-img {
  width: 610.5px;
  height: auto;
}
.mod-news-index .news-wrap .news-content-warp .news-content-warp-left .news-main-title {
  color: #202020;
  font-size: 38px;
  line-height: 48px;
  text-align: left;
  font-weight: bold;
  padding: 46px 0 30px;
}
.mod-news-index .news-wrap .news-content-warp .news-content-warp-left .news-main-content {
  color: #59647c;
  font-size: 12px;
  line-height: 24px;
  text-align: left;
}
.mod-news-index .news-wrap .news-content-warp .news-content-warp-right .news-content-item {
  width: 259.5px;
  height: 170px;
  margin-bottom: 30px;
  background-size: 100% 100%;
  box-shadow: 0px 8px 16px 0px rgba(0, 4, 26, 0.1);
  border-radius: 5px;
  position: relative;
}
.mod-news-index .news-wrap .news-content-warp .news-content-warp-right .news-content-item .news-content-title {
  height: 58px;
  background: linear-gradient(360deg, #181717 0%, rgba(63, 56, 54, 0) 100%);
  box-shadow: 0px 8px 16px 0px rgba(0, 4, 26, 0.1);
  position: absolute;
  bottom: 0;
  padding: 0 15px;
  border-radius: 5px;
  width: 229.5px;
}
.mod-news-index .news-wrap .news-content-warp .news-content-warp-right .news-content-item .news-mask {
  display: none;
}
.mod-news-index .news-wrap .news-content-warp .news-content-warp-right .news-content-item .news-mask .news-content-tip {
  padding: 0 25px;
}
.mod-news-index .news-wrap .news-content-warp .news-content-warp-right .news-content-item .news-content-title-text {
  color: #ffffff;
  font-weight: bold;
  font-size: 12px;
  line-height: 18px;
  padding-top: 15px;
  text-align: left;
}
.mod-news-index .news-wrap .news-content-warp .news-content-warp-right .news-content-item .news-content-tip-text {
  color: #ffffff;
  font-size: 10px;
  line-height: 16px;
  padding-top: 9px;
  text-align: left;
}
.mod-news-index .news-wrap .news-content-warp .news-content-item:hover {
  cursor: pointer;
}
.mod-news-index .news-wrap .news-content-warp .news-content-item:hover .news-content-title {
  display: none;
}
.mod-news-index .news-wrap .news-content-warp .news-content-item:hover .news-mask {
  display: block;
  border-radius: 5px;
  height: 100%;
  width: 100%;
  background: linear-gradient(360deg, #181717 0%, rgba(63, 56, 54, 0) 100%);
  box-shadow: 0px 8px 16px 0px rgba(0, 4, 26, 0.1);
}

/*!**************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/less-loader/dist/cjs.js!./src/vanilla/widget/index/index-ug/index-howItWorks/index.less ***!
  \**************************************************************************************************************************************************************************************************/
.mod-howItWorks-index {
  text-align: center;
  background: #e5e5e5;
  display: none;
}
.mod-howItWorks-index .main-howItWorks-content {
  width: 100%;
  min-width: 1440px;
  margin: 0 auto;
  background: #fff;
  position: relative;
}
.mod-howItWorks-index .center-content {
  position: relative;
  width: 1200px;
  height: 100%;
  margin: 0 auto;
}
.mod-howItWorks-index .center-content .works-title {
  width: 632px;
  font-size: 38px;
  font-weight: bold;
  color: #202020;
  line-height: 56px;
  margin: 0 auto;
}
.mod-howItWorks-index .stars {
  width: 300px;
  margin: 0 auto 40px auto;
}
.mod-howItWorks-index .stars-out {
  display: flex;
  align-items: center;
}
.mod-howItWorks-index .stars-out .stars-img {
  width: 39px;
  height: 36px;
  margin-right: 23px;
  margin-top: 30px;
}
.mod-howItWorks-index .module-title {
  padding: 60px 0 15px;
  width: 100%;
}
.mod-howItWorks-index .module-title .title_text {
  color: #202020;
  font-size: 38px;
  font-weight: bold;
  position: relative;
  display: inline-block;
  line-height: 56px;
}
.mod-howItWorks-index .module-title .title_text .title_icon {
  display: block;
  width: 54px;
  height: 54px;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAJAAAACQCAYAAADnRuK4AAADCUlEQVR4Xu3cwU3cYBhFUf99QCEugUYoikYowYVAH0YWLO2RNZdZjHyySRZ5kXJ1gi19E8ayLG/TNH1Mvz/e53n+/Pv1zZ/s9vNcrctYluVrXdeXLccY43ue59eTgOx2Ql2tJ0AH/1quBuHeLxwbII+w/a8kupzoMs48rvweBY4KAMRGKgBQymcMEAOpAEApnzFADKQCAKV8xgAxkAoAlPIZA8RAKuCUcXwLc8o4c8pwNDz8WIZPG5z4tIFrvGt8+hiPR5hH2Fbg7g8SeolOr5DGADGQCgCU8hkDxEAqAFDKZwwQA6kAQCmfMUAMpAIApXzGADGQCjhlOGW0U4ZrvGt8+Z4IrvGu8a7xtx7i/u//4VfYf/nAnJfo9AppDBADqQBAKZ8xQAykAgClfMYAMZAKAJTyGQPEQCoAUMpnDBADqcDTXOPT39L4YQWe5pj6sAL+4FQAoJTP2COMgVTAS3TKZwwQA6kAQCmfMUAMpAIApXzGADGQCgCU8hkDxEAqAFDKZwwQA6mAU0bKZ+yYykAqAFDKZ+wRxkAq4CU65TMGiIFUAKCUzxggBlIBgFI+Y4AYSAUASvmMAWIgFQAo5TMGiIFUwCkj5TN2TGUgFQAo5TP2CGMgFfASnfIZA8RAKgBQymcMEAOpAEApnzFADKQCAKV8xgAxkAoAlPIZA8RAKuCUkfIZO6YykAoAlPIZe4QxkAp4iU75jAFiIBUAKOUzBoiBVACglM8YIAZSAYBSPmOAGEgFAEr5jAFiIBVwykj5jB1TGUgFAEr5jD3CGEgFvESnfMYAMZAKAJTyGQPEQCoAUMpnDBADqQBAKZ8xQAykAgClfMYAMZAKOGWkfMaOqQykAgClfMYeYQykAl6iUz5jgBhIBQBK+YwBYiAVACjlMwaIgVQAoJTPGCAGUgGAUj5jgBhIBZwyUj5jx1QGUgGAUj5jjzAGUgEv0SmfMUAMpAIApXzGADGQCgCU8hkDxEAqAFDKZwwQA6kAQCmfMUAMpAJOGSmfsWMqA6kAQCmfsUcYA6nAD7e8veDWdUTfAAAAAElFTkSuQmCC) no-repeat;
  background-size: 100% 100%;
  position: absolute;
  left: -31px;
  top: -27px;
}
.mod-howItWorks-index .module-title .star_text {
  font-size: 24px;
  font-weight: 500;
  color: #202020;
  line-height: 56px;
  margin-top: 15px;
}
.mod-howItWorks-index .step-wrap {
  height: 1163px;
  background: url(https://sgp-c2.fastspeed.tech/static/ug_loan_h5_pdl/image/b76e98a461309d0ec73253fec21b2be0.png) no-repeat;
  background-size: 100% 100%;
  box-sizing: border-box;
  padding-top: 138px;
}
.mod-howItWorks-index .step-wrap .step-line {
  position: absolute;
  border: 1px dashed #979797;
  top: 189px;
  width: 100%;
  padding: 0 17px;
  left: -17px;
}
.mod-howItWorks-index .step-wrap .works-content {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: space-around;
  margin-top: 80px;
  text-align: left;
}
.mod-howItWorks-index .step-wrap .works-content .works-content-title {
  height: 27px;
  font-size: 22px;
  font-family: Montserrat-SemiBold, Montserrat;
  font-weight: 600;
  color: #1B1C1F;
  line-height: 27px;
  margin-bottom: 6px;
}
.mod-howItWorks-index .step-wrap .works-content .works-content-tip {
  width: 488px;
  height: 60px;
  font-size: 18px;
  font-family: Montserrat-Regular, Montserrat;
  font-weight: 400;
  color: #999999;
  line-height: 30px;
  margin-bottom: 30px;
}
.mod-howItWorks-index .step-wrap .works-img {
  width: 846px;
  height: 671px;
  position: absolute;
  top: 311px;
  right: 70px;
  background: url(https://sgp-c2.fastspeed.tech/static/ug_loan_h5_pdl/image/9ef3b6cd17c1f37c4453e6ae2de1fee2.png) no-repeat;
  background-size: 100% 100%;
}
.mod-howItWorks-index .download-wrap {
  width: 1200px;
  height: 550px;
  margin: 0 auto;
  margin-bottom: 120px;
}
.mod-howItWorks-index .download-wrap .download-content {
  padding: 80px 0 40px 0;
  display: flex;
  justify-content: space-between;
}
.mod-howItWorks-index .download-wrap .download-content .download-content-img {
  width: 424px;
  height: 505px;
}
.mod-howItWorks-index .download-wrap .download-content .margin-one {
  margin-top: -60px;
}
.mod-howItWorks-index .download-wrap .download-content .margin-two {
  margin-top: -60px;
  margin-left: 90px;
}
.mod-howItWorks-index .download-wrap .download-content .margin-three {
  margin-top: -70px;
}
.mod-howItWorks-index .download-wrap .download-content .pic-explain {
  width: 386px;
  text-align: left;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.mod-howItWorks-index .download-wrap .download-content .pic-explain .red-line-out {
  position: relative;
}
.mod-howItWorks-index .download-wrap .download-content .pic-explain .red-line-out .pic-explain-title {
  color: #202020;
  font-size: 42px;
  font-style: italic;
  line-height: 48px;
  font-weight: bold;
  margin-bottom: 19px;
  position: relative;
  z-index: 10;
}
.mod-howItWorks-index .download-wrap .download-content .pic-explain .red-line-out .red-line {
  position: absolute;
  bottom: 20px;
  left: 0;
  width: 193px;
  height: 14px;
  background: linear-gradient(90deg, #FFC719 0%, #FFFFFF 100%);
  border-radius: 7px;
  z-index: 0;
}
.mod-howItWorks-index .download-wrap .download-content .pic-explain .pic-explain-tip {
  position: relative;
  padding-left: 33px;
  margin-top: 8px;
}
.mod-howItWorks-index .download-wrap .download-content .pic-explain .pic-explain-tip .tip-icon {
  display: inline-block;
  width: 18px;
  height: 18px;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAAXNSR0IArs4c6QAAAT5JREFUOE+tk88uA1EUxn9nSmdmh0i9A+IBJIRaewYRf2J2ErGz6MKKhZXUQkI8gj0NCx6AvkPLoss7E/TIXKOdtpN2JGY593y/893vniNaoUjTP4b2DsgEw78HqYYr6RLRwD8BPUx+6gjAYwbAbdnOjizKuXkeAbDHuss0jr9BwVyLBl7cVaUaOrnEe5QQ9w5kHuTgTwD9Ed+DzCH6gkSrPQDdYgrX38SYG7niPe1oQGyitbimFxC4+yBniNZpR2W54M3eub9zIo7PBh0U3RrIAmgdjcp8Ioxb27PWdko8AOgkXLAhxZBXwMkSa+DFL/aRGaJ9pg7E+uzprBUcmt5XpoPf4CxkzLtFcQjD9XSouQDDZuK/AckoiyxRMk95ppGGt4xQA1r9y5RL3y2SU+mus24DkzkJ8QJeMmOOvgHdV7m6JJV5FAAAAABJRU5ErkJggg==) no-repeat;
  background-size: 100% 100%;
  margin-right: 15px;
  position: absolute;
  left: 0;
  top: 3px;
}
.mod-howItWorks-index .download-wrap .download-content .pic-explain .pic-explain-tip p {
  color: #59647c;
  line-height: 32px;
  font-size: 18px;
  font-family: Montserrat-Regular, Montserrat;
}
.mod-howItWorks-index .customer-wrap {
  min-width: 1440px;
  width: 100%;
  height: 656px;
  margin-top: 50px;
  background: url(https://sgp-c2.fastspeed.tech/static/ug_loan_h5_pdl/image/b46821c1566a325660c1c17a82cdded4.png) no-repeat;
}
.mod-howItWorks-index .customer-wrap .customer-content {
  padding: 19px 0 90px;
  position: relative;
}
.mod-howItWorks-index .customer-wrap .customer-content .customer-main {
  display: none;
  width: 767px;
  height: 201px;
  background: #ffffff;
  margin: 0 auto;
  box-shadow: 0px 26px 51px 0px rgba(0, 0, 0, 0.08);
  border-radius: 8px;
  padding: 23px 34px;
  text-align: left;
}
.mod-howItWorks-index .customer-wrap .customer-content .customer-main .customer-main-details {
  display: flex;
  align-items: center;
}
.mod-howItWorks-index .customer-wrap .customer-content .customer-main .customer-main-icon {
  display: block;
  width: 51px;
  height: 38px;
  background: url(https://sgp-c2.fastspeed.tech/static/ug_loan_h5_pdl/image/481de235d3076e578fbbdfad02930b04.png) no-repeat;
  background-size: 100% 100%;
}
.mod-howItWorks-index .customer-wrap .customer-content .customer-main .headimg {
  width: 113px;
  height: 113px;
}
.mod-howItWorks-index .customer-wrap .customer-content .customer-main .customer-main-word {
  width: 546px;
  margin-left: 27px;
}
.mod-howItWorks-index .customer-wrap .customer-content .customer-main .customer-main-word .customer-main-title {
  color: #202020;
  font-size: 26px;
  line-height: 34px;
  font-weight: 600;
  margin: 14px 0 15px;
}
.mod-howItWorks-index .customer-wrap .customer-content .customer-main .customer-main-word .customer-main-tip {
  color: #59647c;
  font-size: 17px;
  line-height: 33px;
}
.mod-howItWorks-index .customer-wrap .customer-content .display-block {
  display: block;
}
.mod-howItWorks-index .customer-wrap .customer-content .display-none {
  display: none;
}
.mod-howItWorks-index .customer-wrap .customer-content .customer-left {
  position: absolute;
  width: 51px;
  height: 51px;
  background: url(https://sgp-c2.fastspeed.tech/static/ug_loan_h5_pdl/image/ff102c13a6555bae6b41d697bf9e2c38.png) no-repeat;
  background-size: 100% 100%;
  top: 115px;
  left: -40px;
  cursor: pointer;
}
.mod-howItWorks-index .customer-wrap .customer-content .customer-right {
  position: absolute;
  width: 51px;
  height: 51px;
  background: url(https://sgp-c2.fastspeed.tech/static/ug_loan_h5_pdl/image/e578d4b0968150c7f96de37423c036ef.png) no-repeat;
  background-size: 100% 100%;
  top: 115px;
  right: -40px;
  cursor: pointer;
}

