@charset "UTF-8";
.mobile-rating[data-v-403a3b61] {
  background: #ffffff;
  text-align: center;
  overflow: hidden;
}

.mobile-rating .title[data-v-403a3b61] {
  font-size: 22px;
  color: #333;
  font-weight: 700;
  text-align: center;
  padding-top: 40px;
  font-family: MiSans-Latin;
}

.mobile-rating .left-card[data-v-403a3b61] {
  height: auto;
  aspect-ratio: 143/128;
  background: url(/assets/png/rate-card-bg-fcaf5c3f.png);
  background-size: cover;
  background-position: center;
  width: 100vw;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  position: relative;
}

.content[data-v-403a3b61] {
  display: flex;
  justify-content: center;
  flex-direction: column;
  padding-top: 30px;
  margin-left: 16px;
  margin-right: 16px;
}

.mobile-rating .rate[data-v-403a3b61],
.mobile-rating .amount[data-v-403a3b61] {
  flex: 1 1 0;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.mobile-rating .right-card[data-v-403a3b61] {
  margin-left: 5px;
  margin-right: 5px;
  width: 308px;
  background-color: #f3f6fb;
  box-shadow: inset 0 0 8px #ffffff80;
  border-radius: 10px;
}

.mobile-rating .rate-num[data-v-403a3b61] {
  font-size: 42px;
  color: #333;
  font-weight: 700;
  text-align: left;
  line-height: 56px;
  padding-top: 60px;
  font-family: MiSans-Latin;
}

.mobile-rating .rate-content[data-v-403a3b61] {
  padding-left: 8vw;
  padding-right: 20vw;
  padding-bottom: 30px;
}

.mobile-rating .start-area[data-v-403a3b61] {
  display: flex;
  align-items: center;
  padding-top: 20px;
}

.mobile-rating .start[data-v-403a3b61] {
  width: 21px;
  height: 21px;
  background: url(/assets/png/star@2x-9408e02b.png);
  background-size: cover;
  background-position: center;
  margin-right: 10px;
}

.mobile-rating .half-start[data-v-403a3b61] {
  width: 25px;
  height: 25px;
  background: url(data:image/png;base64,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);
  background-size: cover;
  background-position: center;
}

.mobile-rating .subtitle[data-v-403a3b61] {
  font-size: 13px;
  color: #333;
  font-weight: 500;
  text-align: left;
  padding-top: 13px;
  font-family: MiSans-Latin;
  line-height: 14px;
}

.mobile-rating .bottom-area[data-v-403a3b61] {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  position: relative;
  padding: 0 5vw;
  box-sizing: border-box;
  bottom: 4vh;
}

.diver[data-v-403a3b61] {
  position: absolute;
  left: 50%;
  top: 70%;
  transform: translate(-50%, -50%);
  height: 27px;
  width: 1px;
  border: none;
  background: #ffffff;
  opacity: 0.2;
}

.bottom-area .title[data-v-403a3b61] {
  font-family: MiSans-Latin;
  font-weight: 900;
  font-size: 21px;
  color: #fff;
  line-height: 30px;
}

.bottom-area .subtitle[data-v-403a3b61] {
  font-family: MiSans-Latin;
  font-weight: 400;
  font-size: 13px;
  color: #fff;
  line-height: 14px;
}

.comment-content[data-v-403a3b61] {
  display: flex;
  justify-content: space-between;
  margin-left: 16px;
  margin-right: 16px;
  padding-top: 20px;
  padding-bottom: 20px;
}

.name[data-v-403a3b61] {
  font-family: MiSans-Latin;
  font-weight: 700;
  font-size: 15px;
  color: #1a1f21;
  line-height: 15px;
  text-align: left;
}

.tag[data-v-403a3b61] {
  font-family: MiSans-Latin;
  font-weight: 500;
  font-size: 10px;
  color: #fff;
  line-height: 10px;
  text-align: center;
  background: #3672ff;
  border-radius: 3px;
  padding: 3px 6px;
  margin-left: 6px;
}

.time[data-v-403a3b61] {
  font-family: MiSans-Latin;
  font-weight: 300;
  font-size: 10px;
  color: #555;
  line-height: 10px;
  text-align: left;
  -webkit-text-stroke: 0px #919199;
  padding-right: 6px;
}

.comment-start[data-v-403a3b61] {
  width: 12px;
  height: 12px;
  background: url(/assets/png/star@2x-9408e02b.png);
  background-size: cover;
  background-position: center;
  margin-right: 3px;
}

.rate-stars[data-v-403a3b61] {
  display: flex;
  align-items: center;
}

.avatar1[data-v-403a3b61] {
  background: url(/avatar1.png);
}

.avatar2[data-v-403a3b61] {
  background: url(/avatar2.png);
}

.avatar3[data-v-403a3b61] {
  background: url(/avatar3.png);
}

.avatar[data-v-403a3b61] {
  width: 36px;
  height: 36px;
  background-size: contain;
}

.name-box[data-v-403a3b61] {
  display: flex;
}

.comment-text[data-v-403a3b61] {
  margin-left: 16px;
  margin-right: 16px;
  text-align: left;
  font-family: MiSans-Latin;
  font-weight: 305;
  font-size: 13px;
  color: #555;
  line-height: 18px;
}

.mobile-card-bottom[data-v-403a3b61] {
  display: block;
  overflow-x: auto;
  margin: 10px 0 0;
  text-align: center;
}

.mobile-card-bottom .card-item[data-v-403a3b61] {
  height: 160px;
  padding: 20px 16px 0;
  background: #f3f6fb;
  border-radius: 10px;
}

.mobile-card-bottom .top[data-v-403a3b61] {
  display: flex;
  align-items: center;
}

.mobile-card-bottom .top img[data-v-403a3b61] {
  margin-right: 8px;
}

.mobile-card-bottom .top .line1[data-v-403a3b61] {
  text-align: left;
}

.mobile-card-bottom .top .name[data-v-403a3b61] {
  margin-right: 6px;
  max-width: 230px;
  font-weight: 700;
  font-size: 15px;
  color: #1a1f21;
  line-height: 14px;
  flex-wrap: nowrap;
  align-items: center;
}

.mobile-card-bottom .top .tag[data-v-403a3b61] {
  display: inline-block;
  position: relative;
  top: -3px;
  padding: 3px 4px;
  margin-right: 6px;
  font-size: 10px;
  background: #3672ff;
  color: #fff;
  text-align: left;
  border-radius: 3px;
}

.mobile-card-bottom .top .tag[data-v-403a3b61]:last-child {
  margin-right: 0;
}

.mobile-card-bottom .top .line2[data-v-403a3b61] {
  margin-top: 9px;
  display: flex;
  align-items: center;
}

.mobile-card-bottom .top .time[data-v-403a3b61] {
  margin-right: 6px;
  font-weight: 300;
  font-size: 10px;
  color: #555;
  line-height: 10px;
  text-align: left;
}

.mobile-card-bottom .bottom[data-v-403a3b61] {
  word-break: break-word;
  overflow: hidden;
  margin-top: 13px;
  font-weight: 305;
  font-size: 13px;
  color: #333;
  line-height: 18px;
  text-align: left;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;
}

.rating[data-v-151d4c9e] {
  background: url(/assets/jpg/rate-background@2x-feeaf408.jpg);
  background-size: cover;
  background-position: center;
  height: 960px;
  text-align: center;
}

.rating .title[data-v-151d4c9e] {
  font-size: 46px;
  color: #fff;
  font-weight: 700;
  text-align: center;
  padding-top: 110px;
  font-family: MiSans-Latin;
}

.rating .left-card[data-v-151d4c9e] {
  height: 650px;
  width: 770px;
  background: url(/assets/png/rate-card-bg@2x-32854850.png);
  background-size: cover;
  background-position: center;
}

.content[data-v-151d4c9e] {
  display: flex;
  justify-content: center;
  height: 100%;
  padding-top: 80px;
}

.rating .right-card[data-v-151d4c9e] {
  height: 606px;
  width: 600px;
  background-color: #f3f6fb;
  box-shadow: inset 0 0 8px #ffffff80;
  border-radius: 30px;
}

.rating .rate-num[data-v-151d4c9e] {
  font-size: 80px;
  color: #333;
  font-weight: 700;
  text-align: left;
  line-height: 112px;
  padding-top: 120px;
  font-family: MiSans-Latin;
}

.rating .rate-content[data-v-151d4c9e] {
  padding-left: 148px;
  padding-right: 100px;
  height: 400px;
}

.rating .start-area[data-v-151d4c9e] {
  display: flex;
  align-items: center;
  padding-top: 20px;
}

.rating .start[data-v-151d4c9e] {
  width: 40px;
  height: 40px;
  background: url(/assets/png/star@2x-9408e02b.png);
  background-size: cover;
  background-position: center;
  margin-right: 20px;
}

.rating .half-start[data-v-151d4c9e] {
  width: 50px;
  height: 50px;
  background: url(data:image/png;base64,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);
  background-size: cover;
  background-position: center;
}

.rating .subtitle[data-v-151d4c9e] {
  font-size: 22px;
  color: #333;
  font-weight: 500;
  text-align: left;
  padding-top: 20px;
  font-family: MiSans-Latin;
  line-height: 26px;
}

.rating .bottom-area[data-v-151d4c9e] {
  padding-left: 126px;
  padding-right: 126px;
  display: flex;
  justify-content: space-around;
  align-items: center;
  height: 110px;
  width: 72%;
}

.diver[data-v-151d4c9e] {
  border: 1px solid #ffffff;
  height: 51px;
  opacity: 0.2;
  margin-top: 100px;
}

.bottom-area .title[data-v-151d4c9e] {
  font-family: MiSans-Latin;
  font-weight: 900;
  font-size: 40px;
  color: #fff;
  line-height: 56px;
}

.bottom-area .subtitle[data-v-151d4c9e] {
  font-family: MiSans-Latin;
  font-weight: 400;
  font-size: 16px;
  color: #fff;
  line-height: 26px;
  text-align: center;
}

.comment-content[data-v-151d4c9e] {
  display: flex;
  justify-content: space-between;
  margin-left: 40px;
  margin-right: 40px;
  padding-top: 45px;
  transition: all 0.5s ease;
}

.name[data-v-151d4c9e] {
  font-family: MiSans-Latin;
  font-weight: 700;
  font-size: 22px;
  color: #1a1f21;
  line-height: 26px;
  text-align: left;
}

.tag[data-v-151d4c9e] {
  font-family: MiSans-Latin;
  font-weight: 500;
  font-size: 14px;
  color: #fff;
  line-height: 16px;
  text-align: center;
  background: #3672ff;
  border-radius: 4px;
  margin-top: 8px;
  padding: 3px 8px;
}

.time[data-v-151d4c9e] {
  font-family: MiSans-Latin;
  font-weight: 300;
  font-size: 16px;
  color: #555;
  line-height: 16px;
  text-align: left;
  -webkit-text-stroke: 0px #919199;
  padding-right: 16px;
}

.comment-start[data-v-151d4c9e] {
  width: 24px;
  height: 24px;
  background: url(/assets/svg/star@2x-50385ba9.svg);
  background-size: cover;
  background-position: center;
  margin-right: 3px;
}

.rate-stars[data-v-151d4c9e] {
  display: flex;
  align-items: center;
}

.avatar1[data-v-151d4c9e] {
  background: url(/avatar1.png);
}

.avatar2[data-v-151d4c9e] {
  background: url(/avatar2.png);
}

.avatar3[data-v-151d4c9e] {
  background: url(/avatar3.png);
}

.avatar[data-v-151d4c9e] {
  width: 60px;
  height: 60px;
  background-size: contain;
}

.name-box[data-v-151d4c9e] {
  padding-left: 16px;
}

.comment-text[data-v-151d4c9e] {
  margin-left: 40px;
  margin-right: 40px;
  text-align: left;
  font-family: MiSans-Latin;
  font-weight: 305;
  font-size: 16px;
  color: #555;
  line-height: 26px;
  padding-top: 20px;
  transition: all 0.5s linear;
}

.diver-line[data-v-151d4c9e] {
  border-bottom: #d0d6db 1px solid;
  padding-top: 45px;
  margin-left: 40px;
  margin-right: 40px;
}

.expand-effect[data-v-151d4c9e] {
  overflow: hidden;
  animation: expand-effect-anim 0.6s cubic-bezier(0.39, 0.575, 0.565, 1) both;
  transform-origin: top center;
}

.fade-in-text[data-v-151d4c9e] {
  animation: fadeIn-151d4c9e 1s;
}

@keyframes fadeIn-151d4c9e {
  0% {
    opacity: 0;
  }

  50% {
    opacity: 0.5;
  }

  to {
    opacity: 1;
  }
}

@keyframes scale-up-ver-top-151d4c9e {
  0% {
    transform: scaleY(0.4);
    transform-origin: 100% 0%;
  }

  to {
    transform: scaleY(1);
    transform-origin: 100% 0%;
  }
}

.accordion-enter-active[data-v-151d4c9e] {
  transition: all 0.5s cubic-bezier(0.42, 0.31, 0.16, 0.99);
  max-height: 300px;
  opacity: 1;
}

.accordion-leave-active[data-v-151d4c9e] {
  transition: all 0.2s cubic-bezier(0.42, 0.31, 0.16, 0.99);
  max-height: 0;
  opacity: 0;
}

.high-text[data-v-151d4c9e] {
  height: 120px;
}

.mobile-rate[data-v-151d4c9e] {
  display: none;
}

@media (max-width: 768px) {
  .rating[data-v-151d4c9e] {
    display: none;
  }

  .mobile-rate[data-v-151d4c9e] {
    display: block;
  }
}

.scroll-loop-viewport[data-v-17f09cf5] {
  overflow: hidden;
}

.scroll-loop-viewport.direction-forward > .scroll-loop-track[data-v-17f09cf5]:before {
  content: "";
}

.scroll-loop-viewport.direction-backward > .scroll-loop-track[data-v-17f09cf5]:after {
  content: "";
}

.scroll-loop-viewport.direction-vertical[data-v-17f09cf5] {
  height: 100%;
}

.scroll-loop-viewport.direction-vertical > .scroll-loop-track[data-v-17f09cf5] {
  display: flow-root;
}

.scroll-loop-viewport.direction-horizontal > .scroll-loop-track[data-v-17f09cf5] {
  display: flex;
  width: -moz-max-content;
  width: max-content;
}

.mobile-container[data-v-1a6b1ec0] {
  width: 100%;
  height: 157px;
  background: url(/assets/png/institution-bg@2x-eb4cf56b.png) repeat center center;
  background-size: cover;
  overflow: hidden;
}

.title[data-v-1a6b1ec0] {
  width: 100%;
  height: 50px;
  font-family: MiSans-Latin;
  font-weight: 700;
  font-size: 22px;
  color: #333;
  line-height: 29px;
  text-align: center;
  margin-top: 40px;
}

.scroll[data-v-1a6b1ec0] {
  position: relative;
  display: flex;
  height: 60px;
  overflow: hidden;
  -webkit-mask-image: linear-gradient(90deg, transparent, #fff 20%, #fff 80%, transparent);
}

.scroll div[data-v-1a6b1ec0] {
  white-space: nowrap;
  animation: scroll-1a6b1ec0 var(--time) linear infinite;
}

.scroll div[data-v-1a6b1ec0]:nth-child(2) {
  animation: scroll2-1a6b1ec0 var(--time) linear infinite;
  animation-delay: calc(var(--time) / -2);
}

@keyframes scroll-1a6b1ec0 {
  0% {
    transform: translate(100%);
  }

  to {
    transform: translate(-100%);
  }
}

@keyframes scroll2-1a6b1ec0 {
  0% {
    transform: translate(0);
  }

  to {
    transform: translate(-200%);
  }
}

.imgBox div[data-v-1a6b1ec0] {
  display: flex;
  align-items: center;
  justify-content: center;
}

.imgBox img[data-v-1a6b1ec0] {
  max-width: 140px;
}

.container[data-v-33d66d00] {
  width: 100%;
  height: 400px;
  background: url(/assets/png/institution-bg@2x-eb4cf56b.png) repeat center center;
  background-size: cover;
}

.title[data-v-33d66d00] {
  width: 100%;
  height: 80px;
  font-family: MiSans-Latin;
  font-weight: 700;
  font-size: 46px;
  color: #333;
  line-height: 61px;
  text-align: center;
  margin-top: 110px;
}

.swiper {
  &[data-v-33d66d00] {
    width: 100%;
    margin-top: -10px;
    padding-bottom: 10px;
  }

  [data-v-33d66d00] .scroll-loop-item {
    padding: 100px;
  }
}

.bottom[data-v-33d66d00] {
  width: 100%;
  height: 98px;
}

.mobile-institution[data-v-33d66d00] {
  display: none;
}

@media (max-width: 768px) {
  .mobile-institution[data-v-33d66d00] {
    display: block;
  }

  .container[data-v-33d66d00] {
    display: none;
  }
}

.container[data-v-1bbcc5b8] {
  width: 100%;
  height: 416px;
  padding-bottom: 110px;
  display: flex;
  justify-content: center;
}

.card[data-v-1bbcc5b8] {
  height: 100%;
  width: 1300px;
  background: #1c59ed;
  border-radius: 46px;
}

.content[data-v-1bbcc5b8] {
  margin-top: 60px;
  margin-left: 80px;
  margin-right: 80px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.title[data-v-1bbcc5b8] {
  font-family: MiSans-Latin;
  font-weight: 700;
  font-size: 46px;
  color: #fff;
  line-height: 65px;
  width: 600px;
}

.subtitle[data-v-1bbcc5b8] {
  font-family: MiSans-Latin;
  font-weight: 300;
  font-size: 18px;
  color: #fff;
  line-height: 26px;
  margin-top: 20px;
}

@media only screen and (max-width: 768px) {
  .container[data-v-1bbcc5b8] {
    display: none;
  }
}

.mobile-container[data-v-3ccf23e8] {
  width: 100%;
  display: flex;
  justify-content: center;
  background-color: #fff;
  margin-bottom: 30px;
  overflow: hidden;
}

.content[data-v-3ccf23e8] {
  width: 90%;
  min-width: 340px;
}

.title[data-v-3ccf23e8] {
  font-family: MiSans-Latin;
  font-weight: 700;
  font-size: 22px;
  color: #1a1f21;
  line-height: 29px;
  margin-top: 50px;
  text-align: center;
}

.question-item[data-v-3ccf23e8] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-right: 8px;
}

.question-icon[data-v-3ccf23e8] {
  width: 20px;
  height: 20px;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAYAAACM/rhtAAAAAXNSR0IArs4c6QAAA9xJREFUWEetmblP40AUh+dBXCKxLRU01FHGBV2SHtBSIhooOLoF8QeE9FzbcRSbBig3AvplOwoPm5pmU0G5kShJeMvPsi0nGdvj40kRh9+8+fyuOUIio9i2Xfv4+CgTUZWIZpl5Vggx7ZnrCSHw6TDz74mJiY7jOA9ZpqI0gxYWFmbf398bQoiaEAJAaaRHRN/7/f5pp9MBvJEYAYbA1o2sxisBtNXv95smoImAlUplnYjgtbQeS3oXeHFDKdWOU4wFtG37hJl3k2bK85yITh3H2YuyoQUsl8vTk5OTPz6T/GvS5DMzM6JarQoppZiamnLVX15exOvrq7i/v3d/N5D2YDDY0IVcCyil/GkCt7W1JRYXFwUgo+Tu7k4cHx+Lt7e3JM62UmplVGkM0CSsADo7O4sFC08EL+7s7CR6UxfuIUApJUIK70VKWjjfkFJKbG9vJ3lRMPPG09NTy1cMAL28+xtqtlpj5+fnbr5lEQACNEG6lmXVHx8fu9ALAE1CiwHw4NXVVVAQSbOFnyMfm82myZCWUmojADT1nm95fn5ewJN+1WJiVCz+xjMUj05Mw4yxlmXNwYuuB23bPmBmNGNjAcj19bXrEQCGZX9/X6yuro7ZQiXX63XTOVwvuoBSyn9JuaezinDr+hxyFB7WyaczTAG7Sqk5wq6EmX+ZjjLRiwLEyywvL5uYcHWIqE6VSmWXiE6MRxkoIgd1eZgmBzENM++R6aphwOWqxFW5YZsJT9UGIHpfITsVVDFyDwU0Kmm954W4A8BMBaLzaKPREEtLS9rqXVtbS1zqNDZ7AGTT8MXpoa2gvegkQ2gDM4UA+j1RB3d0dCRubm4y+6CQEEc1ZoABMIf00Af/MHM5qxEUxu3t7djajFUDPc9gHxg3dTd3m6nVauLw8HBskgK8B5vt3I0aVYvqHRXdGp02Sm6jzrvUYVnDtn9U4MHn5+e0TEP67lKH/xTZrHMRDQ/uKaW++IA4wRVxKC+Mj4iajuMcuIDezQGWvFwStf3KYLQ3GAzmcAwNtvxSysxeDO9e0FYuLi7yNefQYT4A9LyIfWGqjUPU3g890PDQPurgwHt4MHTs9O5h4EljiVqDcyxxK+H7mkwH9zB9FGCWPph4cPcnTrOJ1R3kEVpsr1Iuc2ZXH4BMc3kEfUBubm66PwF3eXmZNv/SXR75njQ9zBsnrEYx0/Vb2I53X4PC8e+f8/CEx3aZuRm+h9EZTrxh9UNeKpUazIzVpgjQlmVZTf/+Je6NjQB9A8jNUqm0y8zfMoDiMujBFMyfMxVg+E3DX0Ogrjzg4GsIIkII8cn1NcR/c3jkr9i0xGgAAAAASUVORK5CYII=)
    no-repeat center center;
  background-size: cover;
}

.list[data-v-3ccf23e8] {
  margin-top: 30px;
  background: #f8fafc;
  border-radius: 10px;
}

.question-title[data-v-3ccf23e8] {
  font-family: MiSans-Latin;
  font-weight: 400;
  font-size: 15px;
  color: #333;
  line-height: 21px;
  padding-left: 16px;
  width: 90%;
  margin-top: 20px;
  margin-bottom: 20px;
}

.arrow[data-v-3ccf23e8] {
  width: 12px;
  height: 12px;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAkCAYAAADhAJiYAAAAAXNSR0IArs4c6QAAATBJREFUWEftltsNgzAMRWMmanns0RHaSUon6Ah0HxDtRLgKUhCkBMdOqPgIX0ixrw83Jg6ogz1wMB6VgKgdSQ4lhygHqPVFD1VVdWrb9kMlxVy3a05AZVnWiHhHxFvf96+YRV1aeZ5fAaABgEfXdbWOG4EMjEn8B5SBMTUNFGjLhmF421+xJ5QNY2pnWXYeHXIF7AFF1Zp6iAqM0VM+NRZ/mU+CFMxX+2d0+CZywDiaq7OMI0CBcbWcw5UrtAYm0dic9hJBAybNJa8fEmFJznRAUj3APadCYKbREQsqFIYFRDk1igE0oSOI7CG7gMuFNZclo4cNtOXUHEoCw96yecEtp6QwQUAup0JggoG0QFEUF6XUU78j4iP0tinqIZ9jQhqTgCjnkkPJIcoBav1wPfQFmxwJA15ckz8AAAAASUVORK5CYII=);
  background-size: cover;
  text-align: right;
  margin-right: 16px;
}

.answer[data-v-3ccf23e8] {
  font-family: MiSans-Latin;
  font-weight: 300;
  font-size: 13px;
  color: #333;
  line-height: 18px;
  padding-left: 15px;
  padding-bottom: 20px;
  width: 90%;
}

.rotate-center[data-v-3ccf23e8] {
  animation: rotate-center-3ccf23e8 0.4s ease-in-out both;
}

.arrow-box[data-v-3ccf23e8] {
  width: 30px;
}

@keyframes rotate-center-3ccf23e8 {
  0% {
    transform: rotate(0);
  }

  to {
    transform: rotate(180deg);
  }
}

.container[data-v-19695ade] {
  width: 100%;
  display: flex;
  justify-content: center;
  background-color: #fff;
  margin-bottom: 100px;
  margin-top: 80px;
}

.content[data-v-19695ade] {
  width: 1300px;
}

.title[data-v-19695ade] {
  font-family: MiSans-Latin;
  font-weight: 600;
  font-size: 46px;
  color: #1a1f21;
  line-height: 64px;
  margin-top: 100px;
  text-align: center;
}

.question-container[data-v-19695ade] {
  margin-bottom: 20px;
  background: #f8fafc;
  border-radius: 20px;
}

.question-item[data-v-19695ade] {
  height: 90px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-left: 40px;
  padding-right: 40px;
  cursor: pointer;
}

.question-icon[data-v-19695ade] {
  width: 20px;
  height: 20px;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAYAAACM/rhtAAAAAXNSR0IArs4c6QAAA9xJREFUWEetmblP40AUh+dBXCKxLRU01FHGBV2SHtBSIhooOLoF8QeE9FzbcRSbBig3AvplOwoPm5pmU0G5kShJeMvPsi0nGdvj40kRh9+8+fyuOUIio9i2Xfv4+CgTUZWIZpl5Vggx7ZnrCSHw6TDz74mJiY7jOA9ZpqI0gxYWFmbf398bQoiaEAJAaaRHRN/7/f5pp9MBvJEYAYbA1o2sxisBtNXv95smoImAlUplnYjgtbQeS3oXeHFDKdWOU4wFtG37hJl3k2bK85yITh3H2YuyoQUsl8vTk5OTPz6T/GvS5DMzM6JarQoppZiamnLVX15exOvrq7i/v3d/N5D2YDDY0IVcCyil/GkCt7W1JRYXFwUgo+Tu7k4cHx+Lt7e3JM62UmplVGkM0CSsADo7O4sFC08EL+7s7CR6UxfuIUApJUIK70VKWjjfkFJKbG9vJ3lRMPPG09NTy1cMAL28+xtqtlpj5+fnbr5lEQACNEG6lmXVHx8fu9ALAE1CiwHw4NXVVVAQSbOFnyMfm82myZCWUmojADT1nm95fn5ewJN+1WJiVCz+xjMUj05Mw4yxlmXNwYuuB23bPmBmNGNjAcj19bXrEQCGZX9/X6yuro7ZQiXX63XTOVwvuoBSyn9JuaezinDr+hxyFB7WyaczTAG7Sqk5wq6EmX+ZjjLRiwLEyywvL5uYcHWIqE6VSmWXiE6MRxkoIgd1eZgmBzENM++R6aphwOWqxFW5YZsJT9UGIHpfITsVVDFyDwU0Kmm954W4A8BMBaLzaKPREEtLS9rqXVtbS1zqNDZ7AGTT8MXpoa2gvegkQ2gDM4UA+j1RB3d0dCRubm4y+6CQEEc1ZoABMIf00Af/MHM5qxEUxu3t7djajFUDPc9gHxg3dTd3m6nVauLw8HBskgK8B5vt3I0aVYvqHRXdGp02Sm6jzrvUYVnDtn9U4MHn5+e0TEP67lKH/xTZrHMRDQ/uKaW++IA4wRVxKC+Mj4iajuMcuIDezQGWvFwStf3KYLQ3GAzmcAwNtvxSysxeDO9e0FYuLi7yNefQYT4A9LyIfWGqjUPU3g890PDQPurgwHt4MHTs9O5h4EljiVqDcyxxK+H7mkwH9zB9FGCWPph4cPcnTrOJ1R3kEVpsr1Iuc2ZXH4BMc3kEfUBubm66PwF3eXmZNv/SXR75njQ9zBsnrEYx0/Vb2I53X4PC8e+f8/CEx3aZuRm+h9EZTrxh9UNeKpUazIzVpgjQlmVZTf/+Je6NjQB9A8jNUqm0y8zfMoDiMujBFMyfMxVg+E3DX0Ogrjzg4GsIIkII8cn1NcR/c3jkr9i0xGgAAAAASUVORK5CYII=)
    no-repeat center center;
  background-size: cover;
}

.list[data-v-19695ade] {
  margin-top: 80px;
}

.question-title[data-v-19695ade] {
  font-family: MiSans-Latin;
  font-weight: 700;
  font-size: 18px;
  color: #333;
  line-height: 26px;
  padding-left: 20px;
}

.arrow[data-v-19695ade] {
  width: 18px;
  height: 18px;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAkCAYAAADhAJiYAAAAAXNSR0IArs4c6QAAATBJREFUWEftltsNgzAMRWMmanns0RHaSUon6Ah0HxDtRLgKUhCkBMdOqPgIX0ixrw83Jg6ogz1wMB6VgKgdSQ4lhygHqPVFD1VVdWrb9kMlxVy3a05AZVnWiHhHxFvf96+YRV1aeZ5fAaABgEfXdbWOG4EMjEn8B5SBMTUNFGjLhmF421+xJ5QNY2pnWXYeHXIF7AFF1Zp6iAqM0VM+NRZ/mU+CFMxX+2d0+CZywDiaq7OMI0CBcbWcw5UrtAYm0dic9hJBAybNJa8fEmFJznRAUj3APadCYKbREQsqFIYFRDk1igE0oSOI7CG7gMuFNZclo4cNtOXUHEoCw96yecEtp6QwQUAup0JggoG0QFEUF6XUU78j4iP0tinqIZ9jQhqTgCjnkkPJIcoBav1wPfQFmxwJA15ckz8AAAAASUVORK5CYII=);
  background-size: cover;
  text-align: right;
}

.answer[data-v-19695ade] {
  font-family: MiSans-Latin;
  font-weight: 300;
  font-size: 16px;
  color: #333;
  line-height: 26px;
  padding-left: 80px;
  padding-bottom: 32px;
  margin-top: -16px;
  width: 90%;
}

.accordion-enter-active[data-v-19695ade] {
  transition: all 0.5s;
  max-height: 300px;
  opacity: 1;
}

.accordion-leave-active[data-v-19695ade] {
  transition: all 0.3s;
  max-height: 0;
  opacity: 0;
}

.rotate-center[data-v-19695ade] {
  animation: rotate-center-19695ade 0.4s ease-in-out both;
}

@keyframes rotate-center-19695ade {
  0% {
    transform: rotate(0);
  }

  to {
    transform: rotate(180deg);
  }
}

.mobile-container[data-v-19695ade] {
  display: none;
}

.fade-in-text[data-v-19695ade] {
  animation: fadeIn-19695ade 0.5s;
}

@keyframes fadeIn-19695ade {
  0% {
    opacity: 0;
  }

  50% {
    opacity: 0.5;
  }

  to {
    opacity: 1;
  }
}

@media only screen and (max-width: 768px) {
  .container[data-v-19695ade] {
    display: none;
  }

  .mobile-container[data-v-19695ade] {
    display: flex;
  }
}

.mobile-container[data-v-7d7a227a] {
  width: 100%;
  display: flex;
  justify-content: center;
  overflow: hidden;
}

.content[data-v-7d7a227a] {
  background: #ffffff;
  border-radius: 46px;
  width: 100%;
}

.title[data-v-7d7a227a] {
  font-family: MiSans-Latin;
  font-weight: 700;
  font-size: 22px;
  color: #1a1f21;
  line-height: 29px;
  text-align: center;
  margin-top: 40px;
}

.card-group[data-v-7d7a227a] {
  margin-top: 30px;
}

.bg1[data-v-7d7a227a] {
  position: absolute;
  z-index: 0;
}

.bg2[data-v-7d7a227a] {
  position: absolute;
  z-index: 1;
}

.top[data-v-7d7a227a] {
  position: absolute;
  z-index: 2;
}

.blog-card[data-v-7d7a227a] {
  width: 100%;
  height: 540px;
  background: #f3f6fb;
  border-radius: 10px;
  margin-top: 54px;
  display: flex;
}

.card-title[data-v-7d7a227a] {
  font-family: MiSans-Latin;
  font-weight: 900;
  font-size: 15px;
  color: #333;
  line-height: 21px;
  text-align: left;
}

.card-desc[data-v-7d7a227a] {
  margin-top: 8px;
  font-family: MiSans-Latin;
  font-weight: 300;
  font-size: 13px;
  color: #333;
  opacity: 0.8;
  line-height: 18px;
  text-align: left;
}

.card-btn[data-v-7d7a227a] {
  margin-top: 18px;
  width: 100px;
  height: 40px;
  background: #ffffff;
  border-radius: 6px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.btn-text[data-v-7d7a227a] {
  font-family: MiSans-Latin;
  font-weight: 400;
  font-size: 14px;
  color: #1a1f21;
  line-height: 15px;
  padding-right: 4px;
}

.card-item[data-v-7d7a227a] {
  background: #f3f6fb;
  border-radius: 20px 20px 10px 10px;
  margin-left: 16px;
  margin-right: 16px;
  padding-bottom: 20px;
  width: 100%;
}

.custom-indicator[data-v-7d7a227a] {
  position: absolute;
  right: 8vw;
  bottom: 4.5vh;
}

.dot[data-v-7d7a227a] {
  width: 4px;
  height: 4px;
  background: #000000;
  opacity: 0.2;
  border-radius: 4px;
}

.active-dot[data-v-7d7a227a] {
  opacity: 1;
}

.container[data-v-0becb2f2] {
  width: 100%;
  height: 800px;
  display: flex;
  justify-content: center;
}

.content[data-v-0becb2f2] {
  width: 1300px;
  background: #ffffff;
  border-radius: 46px;
}

.title[data-v-0becb2f2] {
  font-family: MiSans-Latin;
  font-weight: 600;
  font-size: 46px;
  color: #1a1f21;
  line-height: 64px;
  text-align: center;
  margin-top: 100px;
}

.card-group[data-v-0becb2f2] {
  margin-top: 100px;
  display: flex;
  justify-content: center;
}

.bg1[data-v-0becb2f2] {
  position: absolute;
  z-index: 0;
}

.bg2[data-v-0becb2f2] {
  position: absolute;
}

.top-card[data-v-0becb2f2] {
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: z-index 0s;
}

.top-card[data-v-0becb2f2]:nth-child(1) {
  z-index: 23;
}

.top-card[data-v-0becb2f2]:nth-child(2) {
  z-index: 22;
  opacity: 0;
}

.top-card[data-v-0becb2f2]:nth-child(3) {
  z-index: 21;
  opacity: 0;
}

.top-card.leave[data-v-0becb2f2] {
  animation: leave-0becb2f2 0.5s cubic-bezier(0.4, 0, 0.2, 1) forwards;
}

.indicator[data-v-0becb2f2] {
  position: absolute;
  bottom: -50px;
  left: 50%;
  transform: translate(-50%);
  width: 60px;
  display: flex;
  justify-content: space-between;
  z-index: 10;
}

.top-card.enter[data-v-0becb2f2] {
  animation: enter-0becb2f2 0.5s cubic-bezier(0.4, 0, 0.2, 1) forwards;
}

.custom-indicator[data-v-0becb2f2] {
  position: relative;
  bottom: -50px;
  width: 60px;
}

.dot[data-v-0becb2f2] {
  width: 8px;
  height: 8px;
  background: #000000;
  opacity: 0.2;
  border-radius: 4px;
}

.active-dot[data-v-0becb2f2] {
  opacity: 1;
}

@keyframes leave-0becb2f2 {
  0% {
    opacity: 1;
    scale: 1;
  }

  to {
    opacity: 0;
    scale: 1.1;
    display: none;
  }
}

@keyframes enter-0becb2f2 {
  0% {
    opacity: 0;
    scale: 0.9;
    transform: translateY(-50px);
  }

  to {
    opacity: 1;
    scale: 1;
    transform: translateY(0);
  }
}

.card1[data-v-0becb2f2] {
  width: 1132px;
  height: 452px;
  background: #cad6eb;
  border-radius: 17px;
  display: flex;
  overflow: hidden;
}

.card2[data-v-0becb2f2] {
  width: 1194px;
  height: 480px;
  background: #e0e8f4;
  border-radius: 17px;
  margin-top: 27px;
  display: flex;
  overflow: hidden;
}

.blog-card[data-v-0becb2f2] {
  width: 1300px;
  height: 540px;
  background: #f3f6fb;
  border-radius: 28px;
  margin-top: 54px;
  display: flex;
}

.right[data-v-0becb2f2] {
  width: 540px;
  height: 540px;
  overflow: hidden;
  border-radius: 0 25px 25px 0;
}

.left[data-v-0becb2f2] {
  width: 760px;
  height: 100%;
}

.card-content[data-v-0becb2f2] {
  margin-left: 60px;
  margin-top: 88px;
  margin-right: 60px;
}

.card-title[data-v-0becb2f2] {
  font-family: MiSans-Latin;
  font-weight: 900;
  font-size: 28px;
  color: #333;
  line-height: 41px;
  text-align: left;
}

.card-desc[data-v-0becb2f2] {
  margin-top: 24px;
  font-family: MiSans-Latin;
  font-weight: 300;
  font-size: 16px;
  color: #333c;
  line-height: 26px;
  text-align: left;
}

.card-btn[data-v-0becb2f2] {
  margin-top: 74px;
  width: 120px;
  height: 56px;
  background: #ffffff;
  border-radius: 6px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.btn-text[data-v-0becb2f2] {
  font-family: MiSans-Latin;
  font-weight: 330;
  font-size: 16px;
  color: #1a1f21;
  line-height: 16px;
  padding-right: 7px;
}

.mobile-blog[data-v-0becb2f2] {
  display: none;
}

@media only screen and (max-width: 768px) {
  .container[data-v-0becb2f2] {
    display: none;
  }

  .mobile-blog[data-v-0becb2f2] {
    display: block;
  }
}

.mobile-container[data-v-791af31e] {
  width: 100%;
  height: 300px;
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
  overflow: hidden;
}

.subtitle[data-v-791af31e] {
  font-family: MiSans-Latin;
  font-size: 13px;
  font-weight: 300;
  color: #333;
  margin-top: 20px;
  line-height: 18px;
  text-align: center;
  z-index: 10;
  margin-left: 18px;
  margin-right: 18px;
}

.btn[data-v-791af31e] {
  display: flex;
  flex-direction: row;
  justify-content: center;
  width: 178px;
  height: 52px;
  background: linear-gradient(317deg, #174cff 0%, #2ab3ff 100%);
  border-radius: 112px;
  margin-top: 20px;
  z-index: 10;
}

.start[data-v-791af31e] {
  width: 16px;
  height: 16px;
  background: url(/assets/png/star@2x-9408e02b.png);
  background-size: cover;
  background-position: center;
  margin-right: 10px;
}

.start-area[data-v-791af31e] {
  display: flex;
  align-items: center;
}

.half-start[data-v-791af31e] {
  width: 19px;
  height: 19px;
  background: url(data:image/png;base64,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);
  background-size: cover;
  background-position: center;
}

.desc-txt[data-v-791af31e] {
  font-family: MiSans-Latin;
  font-size: 13px;
  color: #fff;
  font-weight: 400;
  line-height: 13px;
}

.desc-box[data-v-791af31e] {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 6px;
}

.google-icon[data-v-791af31e] {
  width: 12px;
  height: 12px;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAAAXNSR0IArs4c6QAAA+5JREFUaEPVmctrE0Ecx7+/ydZHRU1J9KbUk/hCvXqx/gG+wLO2ePPgA/SodsGDaNUW0UqtNsWLKD5QDz5azEFaL5UgEVRUVgTf1VVrm9rtjsymqUmz2Z3N7qZxIOSwM7ufz8785vfLhPCfN/rP+WErEPl6pAvs5xaAdOK822C1rahr1qtRtkiApcf3oubDKYqdB9jIP2aiRA1IzdQd1apJxEaAd3HwRkS+g8U7IL7zG3Go1TQjRQKUNh8CaLCgS0gA0ImjrRpEnAWcJcTVaRdxFxCYbAQs1gHUfCi1/HXGoY7FjrVWOj7kBHIS8+4AtQNOjBpMro7HjycqJSIvMEHEolfdJMTenAKxfUbd0WTYIp4FBBDN7bE+7o2SRKSGKVKWgDcJq3doImULWFhzHoHm33GfiMkewYv4ErAkagdAIi68tACzum8BS2LWC42il+sLSg8JISJqNTBb9VNnBSJgSdS8R1H9JCHhNxkGJmCxKt90Fj8tEl9Ujr2gl975435bo55qpbWQrnyDFXAvPUp6HRzqx6Ff/VZ5woE29seQEgleYFKiU0dkUGom8uDzBEkzOVRl5ZhjVg9HwAqKYZ0tPAM3CXv4fA8kaRwqrTJss3p4AjmJBR0pKB+z5fmUduJnErt/P5ELF7IXCVcgi6azWEcKM98USFzQ72H7yDM5+PxeQmTU2JoL9EoIZCXiF5OY8XJL1BxF54972Jx55R1+cgRpbMXYEmuSp96l4BeZj0fYDNVp3i19ILOrfvXYZ993NolvVZaP36ykAA7fvoRDqXZgVxqIZ3xJkIkNIrArJmDB376UhY5lgP2psiU4oEZWGM0VW0IF8Ln3XpZEcW4IfQZOXmnHnp4b9sul1sjOxKIhl+VUOqmFJhAdHsLJK+ewo+++M5yQEDGx1K78cc/GoQgI+N4TB7Dm3Wv5QG16Dqz7ONGfNA7enVvnTjcJXKB+8BN6W/ZDfHtuGzXwTZrKmJKgZRmpI8xABXzBW0mJEtT3oMmLeGACfuAFOMyISo/vSr31wspiim45mVis9Wtnm70vG6tAU5rKAc9h+56B9S+e4np7M0Tgyjexu5j7lP7em/Jj7Hv6EhBb5MVEiwcG0kxAVfoeBHb0WLaAbXYtqRI8uK8lJA8fHnjZAnLwE4mor8cquMJsnpaQY12TLQ11ztHGTCXhZ2fxIiwtIILVqa7xs5d7AZ7a11XAra6ZLnCpGHDKrtMN7ipQCr5awEsKRNJG4+LBL11FFaVI+wSVHvWE/reRl5goigExOL1t58Pl799mz3EISZNTd5DZ0wugW19bATGINzRY55qUTEqfFLs9LIzrJQXCeFgY9/wLSaIiT68jsJgAAAAASUVORK5CYII=)
    no-repeat center center;
  background-size: contain;
  margin-left: 2px;
}

.roll-up-num[data-v-791af31e] {
  margin-top: 50px;
  font-weight: 700;
  font-size: 48px;
  line-height: 67px;
  z-index: 10;
}

.gradient-text[data-v-791af31e] {
  background-image: linear-gradient(90deg, #2853e3 0%, #0c6eff 49%, #6e4eff 100%);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  font-family: MiSans-Latin;
  font-weight: 800;
}

.container[data-v-d0f8a8a8] {
  width: 100%;
  height: 677px;
  display: flex;
  flex-direction: column;
  align-items: center;
  background: #f8fafc;
  position: relative;
  overflow: hidden;
}

.subtitle[data-v-d0f8a8a8] {
  font-family: MiSans-Latin;
  font-size: 24px;
  font-weight: 300;
  color: #333;
  margin-top: 20px;
  line-height: 36px;
  width: 900px;
  text-align: center;
  z-index: 10;
}

.btn[data-v-d0f8a8a8] {
  display: flex;
  flex-direction: row;
  justify-content: center;
  width: 434px;
  height: 130px;
  background: linear-gradient(317deg, #174cff 0%, #2ab3ff 100%);
  border-radius: 298px;
  margin-top: 60px;
  z-index: 10;
}

.start[data-v-d0f8a8a8] {
  width: 40px;
  height: 40px;
  background: url(/assets/svg/star@2x-50385ba9.svg);
  background-size: cover;
  background-position: center;
  margin-right: 20px;
}

.start-area[data-v-d0f8a8a8] {
  display: flex;
  align-items: center;
  padding-top: 20px;
}

.half-start[data-v-d0f8a8a8] {
  width: 40px;
  height: 40px;
  background: url(data:image/png;base64,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);
  background-size: cover;
  background-position: center;
}

.desc-txt[data-v-d0f8a8a8] {
  font-family: MiSans-Latin;
  font-size: 22px;
  color: #fff;
  font-weight: 400;
  line-height: 26px;
}

.desc-box[data-v-d0f8a8a8] {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 12px;
}

.google-icon[data-v-d0f8a8a8] {
  width: 24px;
  height: 24px;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAAAXNSR0IArs4c6QAAA+5JREFUaEPVmctrE0Ecx7+/ydZHRU1J9KbUk/hCvXqx/gG+wLO2ePPgA/SodsGDaNUW0UqtNsWLKD5QDz5azEFaL5UgEVRUVgTf1VVrm9rtjsymqUmz2Z3N7qZxIOSwM7ufz8785vfLhPCfN/rP+WErEPl6pAvs5xaAdOK822C1rahr1qtRtkiApcf3oubDKYqdB9jIP2aiRA1IzdQd1apJxEaAd3HwRkS+g8U7IL7zG3Go1TQjRQKUNh8CaLCgS0gA0ImjrRpEnAWcJcTVaRdxFxCYbAQs1gHUfCi1/HXGoY7FjrVWOj7kBHIS8+4AtQNOjBpMro7HjycqJSIvMEHEolfdJMTenAKxfUbd0WTYIp4FBBDN7bE+7o2SRKSGKVKWgDcJq3doImULWFhzHoHm33GfiMkewYv4ErAkagdAIi68tACzum8BS2LWC42il+sLSg8JISJqNTBb9VNnBSJgSdS8R1H9JCHhNxkGJmCxKt90Fj8tEl9Ujr2gl975435bo55qpbWQrnyDFXAvPUp6HRzqx6Ff/VZ5woE29seQEgleYFKiU0dkUGom8uDzBEkzOVRl5ZhjVg9HwAqKYZ0tPAM3CXv4fA8kaRwqrTJss3p4AjmJBR0pKB+z5fmUduJnErt/P5ELF7IXCVcgi6azWEcKM98USFzQ72H7yDM5+PxeQmTU2JoL9EoIZCXiF5OY8XJL1BxF54972Jx55R1+cgRpbMXYEmuSp96l4BeZj0fYDNVp3i19ILOrfvXYZ993NolvVZaP36ykAA7fvoRDqXZgVxqIZ3xJkIkNIrArJmDB376UhY5lgP2psiU4oEZWGM0VW0IF8Ln3XpZEcW4IfQZOXmnHnp4b9sul1sjOxKIhl+VUOqmFJhAdHsLJK+ewo+++M5yQEDGx1K78cc/GoQgI+N4TB7Dm3Wv5QG16Dqz7ONGfNA7enVvnTjcJXKB+8BN6W/ZDfHtuGzXwTZrKmJKgZRmpI8xABXzBW0mJEtT3oMmLeGACfuAFOMyISo/vSr31wspiim45mVis9Wtnm70vG6tAU5rKAc9h+56B9S+e4np7M0Tgyjexu5j7lP7em/Jj7Hv6EhBb5MVEiwcG0kxAVfoeBHb0WLaAbXYtqRI8uK8lJA8fHnjZAnLwE4mor8cquMJsnpaQY12TLQ11ztHGTCXhZ2fxIiwtIILVqa7xs5d7AZ7a11XAra6ZLnCpGHDKrtMN7ipQCr5awEsKRNJG4+LBL11FFaVI+wSVHvWE/reRl5goigExOL1t58Pl799mz3EISZNTd5DZ0wugW19bATGINzRY55qUTEqfFLs9LIzrJQXCeFgY9/wLSaIiT68jsJgAAAAASUVORK5CYII=)
    no-repeat center center;
  background-size: contain;
  margin-left: 16px;
  margin-right: 8px;
}

.roll-up-num[data-v-d0f8a8a8] {
  margin-top: 90px;
  font-size: 160px;
  line-height: 212px;
  z-index: 10;
}

.gradient-text[data-v-d0f8a8a8] {
  background-image: linear-gradient(90deg, #2853e3 0%, #0c6eff 49%, #6e4eff 100%);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  font-family: MiSans-Latin;
  font-weight: 800;
}

.earth-container[data-v-d0f8a8a8] {
  width: 100%;
  height: 677px;
  position: absolute;
  left: 300px;
  top: -240px;
  bottom: 0;
  z-index: 0;
  display: flex;
  justify-content: right;
}

.mobile-container[data-v-d0f8a8a8] {
  display: none;
}

@media only screen and (max-width: 768px) {
  .container[data-v-d0f8a8a8] {
    display: none;
  }

  .mobile-container[data-v-d0f8a8a8] {
    display: flex;
  }
}

.mobile-container[data-v-62afd702] {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  background-color: #fff;
  padding-bottom: 50px;
  overflow: hidden;
}

.title[data-v-62afd702] {
  font-family: MiSans-Latin;
  font-weight: 630;
  font-size: 22px;
  color: #333;
  line-height: 29px;
}

.content[data-v-62afd702] {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-top: 40px;
  justify-content: center;
}

.cube[data-v-62afd702] {
  width: 90%;
  background: #f3f6fb;
  border-radius: 10px;
  margin-bottom: 10px;
  padding-bottom: 20px;
}

.text-content[data-v-62afd702] {
  padding-left: 17px;
  padding-right: 28px;
  padding-top: 20px;
}

.cube-title[data-v-62afd702] {
  font-family: MiSans-Latin;
  font-weight: 700;
  font-size: 15px;
  color: #333;
  line-height: 21px;
}

.cube-text[data-v-62afd702] {
  font-family: MiSans-Latin;
  font-weight: 300;
  font-size: 13px;
  color: #333;
  line-height: 18px;
  margin-top: 8px;
  opacity: 0.8;
}

.head[data-v-62afd702] {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}

.head-pic[data-v-62afd702] {
  width: 40px;
  height: 40px;
  margin-right: 10px;
}

.container[data-v-59f24716] {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  background-color: #fff;
}

.title[data-v-59f24716] {
  font-family: MiSans-Latin;
  font-weight: 600;
  font-size: 46px;
  color: #333;
  line-height: 61px;
  margin-top: 100px;
}

.content[data-v-59f24716] {
  display: flex;
  flex-direction: row;
  align-items: center;
  width: 1300px;
  margin-top: 80px;
  justify-content: space-between;
}

.cube[data-v-59f24716] {
  background: url(/assets/png/brand-cube-bg@2x-c7164aad.png) no-repeat center center;
  width: 400px;
  height: 290px;
  border-radius: 20px;
  background-size: auto;
  margin-bottom: 60px;
  cursor: pointer;
}

.active-cube[data-v-59f24716] {
  background-size: cover !important;
  background: url(/assets/png/brand-cube-bg-active-08c9b284.png);
  box-shadow: 0 26px 58px #d1dcf6e6, 0 5px 14px #0000002e;
}

.text-content[data-v-59f24716] {
  padding-left: 32px;
  padding-right: 28px;
  padding-top: 36px;
}

.cube-title[data-v-59f24716] {
  font-family: MiSans-Latin;
  font-weight: 700;
  font-size: 20px;
  color: #333;
  line-height: 29px;
  margin-bottom: 17px;
}

.cube-text[data-v-59f24716] {
  font-family: MiSans-Latin;
  font-weight: 300;
  font-size: 16px;
  color: #333;
  line-height: 26px;
  opacity: 0.8;
}

.pic-bottom-1[data-v-59f24716] {
  background: url(/assets/png/cube-1@2x-cfc1370e.png);
}

.pic-bottom-2[data-v-59f24716] {
  background: url(/assets/png/cube-2@2x-ba44a03a.png);
}

.pic-bottom-3[data-v-59f24716] {
  background: url(/assets/png/cube-3@2x-68acf263.png);
}

.pic-bottom-4[data-v-59f24716] {
  background: url(/assets/png/cube-4@2x-e69e2199.png);
}

.bottom-pic[data-v-59f24716] {
  background-size: cover;
  width: 140px;
  height: 110px;
  position: relative;
  bottom: 8px;
}

.show-area[data-v-59f24716] {
  margin-bottom: -5px;
}

.mobile-brand[data-v-59f24716] {
  display: none;
}

@media only screen and (max-width: 768px) {
  .container[data-v-59f24716] {
    display: none;
  }

  .mobile-brand[data-v-59f24716] {
    display: flex;
  }
}

.mobile-container[data-v-0c4d78ca] {
  width: 100%;
  background-color: #fff;
  display: flex;
  justify-content: center;
  overflow: hidden;
}

.title[data-v-0c4d78ca] {
  font-family: MiSans-Latin;
  font-weight: 630;
  font-size: 22px;
  color: #333;
  line-height: 29px;
  width: 300px;
  text-align: center;
}

.content[data-v-0c4d78ca] {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-top: 50px;
  justify-content: space-between;
}

.box[data-v-0c4d78ca] {
  display: flex;
  flex-direction: row;
  margin-top: 30px;
}

.cube[data-v-0c4d78ca] {
  width: 195px;
  height: 200px;
  background: #f3f6fb;
  border-radius: 10px;
  margin-bottom: 10px;
}

.right-card[data-v-0c4d78ca] {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.text-content[data-v-0c4d78ca] {
  padding-left: 16px;
  padding-right: 16px;
  padding-top: 16px;
}

.cube-title[data-v-0c4d78ca] {
  font-family: MiSans-Latin;
  font-weight: 700;
  font-size: 15px;
  color: #333;
  line-height: 21px;
  margin-bottom: 6px;
}

.cube-text[data-v-0c4d78ca] {
  font-family: MiSans-Latin;
  font-weight: 300;
  font-size: 13px;
  color: #333;
  line-height: 18px;
}

.pic-bottom-1[data-v-0c4d78ca] {
  background: url(/assets/png/trust-cube-bg1@2x-5a506f92.png);
  margin-top: 26px;
}

.pic-bottom-2[data-v-0c4d78ca] {
  background: url(/assets/png/trust-cube-bg2@2x-4b94838c.png);
  margin-top: 6px;
}

.pic-bottom-3[data-v-0c4d78ca] {
  background: url(/assets/png/trust-cube-bg3@2x-59e3de7f.png);
  margin-top: 46px;
}

.pic-bottom-4[data-v-0c4d78ca] {
  background: url(/assets/png/trust-cube-bg4@2x-2ab18aa8.png);
  margin-top: 26px;
}

.bottom-pic[data-v-0c4d78ca] {
  background-size: contain;
  width: 135px;
  height: 76px;
  position: relative;
}

.title-box[data-v-0c4d78ca] {
  padding-top: 32px;
  padding-left: 40px;
  padding-right: 40px;
}

@media only screen and (max-width: 420px) {
  .cube[data-v-0c4d78ca] {
    width: 175px;
    height: 200px;
    background: #f3f6fb;
    border-radius: 10px;
    margin-bottom: 10px;
  }

  .cube-title[data-v-0c4d78ca] {
    font-family: MiSans-Latin;
    font-weight: 700;
    font-size: 13px;
    color: #333;
    line-height: 21px;
    margin-bottom: 6px;
  }
}

.container[data-v-4c774a08] {
  width: 100%;
  background-color: #fff;
  display: flex;
  justify-content: center;
  margin-bottom: 100px;
}

.title[data-v-4c774a08] {
  font-family: MiSans-Latin;
  font-weight: 630;
  font-size: 46px;
  color: #333;
  line-height: 61px;
  width: 1000px;
  text-align: center;
}

.content[data-v-4c774a08] {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 1300px;
  margin-top: 110px;
  justify-content: space-between;
}

.box[data-v-4c774a08] {
  display: flex;
  flex-direction: row;
  margin-top: 80px;
}

.cube[data-v-4c774a08] {
  width: 330px;
  height: 305px;
  background: #f3f6fb;
  border-radius: 30px;
  margin-bottom: 25px;
  margin-right: 25px;
}

.right-card[data-v-4c774a08] {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-left: 30px;
}

.text-content[data-v-4c774a08] {
  padding-left: 24px;
  padding-right: 24px;
  padding-top: 32px;
}

.cube-title[data-v-4c774a08] {
  font-family: MiSans-Latin;
  font-weight: 700;
  font-size: 20px;
  color: #333;
  line-height: 29px;
  margin-bottom: 12px;
}

.cube-text[data-v-4c774a08] {
  font-family: MiSans-Latin;
  font-weight: 300;
  font-size: 16px;
  color: #333;
  line-height: 26px;
  opacity: 0.8;
}

.pic-bottom-1[data-v-4c774a08] {
  background: url(/assets/png/trust-cube-bg1@2x-5a506f92.png);
}

.pic-bottom-2[data-v-4c774a08] {
  background: url(/assets/png/trust-cube-bg2@2x-4b94838c.png);
}

.pic-bottom-3[data-v-4c774a08] {
  background: url(/assets/png/trust-cube-bg3@2x-59e3de7f.png);
}

.pic-bottom-4[data-v-4c774a08] {
  background: url(/assets/png/trust-cube-bg4@2x-2ab18aa8.png);
}

.bottom-pic[data-v-4c774a08] {
  background-size: contain;
  width: 280px;
  height: 180px;
  position: relative;
  bottom: 3px;
  margin-top: 26px;
}

.left-card[data-v-4c774a08] {
  width: 635px;
  height: 635px;
  border-radius: 30px;
  background: url(/assets/jpg/trust-left-card-bg@2x-0c1e4cfc.jpg) no-repeat center center;
  background-size: cover;
}

.title-box[data-v-4c774a08] {
  padding-top: 32px;
  padding-left: 40px;
  padding-right: 40px;
}

.left-card-title[data-v-4c774a08] {
  font-family: MiSans-Latin;
  font-weight: 800;
  font-size: 40px;
  color: #fff;
  line-height: 60px;
  margin-bottom: 16px;
}

.left-card-subtile[data-v-4c774a08] {
  font-family: Roboto, Roboto;
  font-weight: 400;
  font-size: 22px;
  color: #fff;
  line-height: 28px;
}

.left-card[data-v-4c774a08]:hover {
  cursor: pointer;
}

.mobile-container[data-v-4c774a08] {
  display: none;
}

@media (max-width: 768px) {
  .mobile-container[data-v-4c774a08] {
    display: block;
  }

  .container[data-v-4c774a08] {
    display: none;
  }
}

.mobile-container[data-v-01c2ed43] {
  width: 100%;
  background: #fff;
  display: flex;
  align-items: center;
  flex-direction: column;
  overflow: hidden;
}

.content[data-v-01c2ed43] {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-self: center;
}

.title[data-v-01c2ed43] {
  font-family: MiSans-Latin;
  font-weight: 700;
  font-size: 22px;
  color: #333;
  line-height: 29px;
  text-align: center;
  width: 300px;
}






.card-box[data-v-01c2ed43] {
  display: flex;
  flex-direction: row;
  justify-content: center;
  margin-top: 40px;
  width: 100%;
  overflow: hidden;
  padding: 0 20px;
}

.swiper-container[data-v-01c2ed43] {
  width: 100%;
  height: auto;
}

.swiper-slide[data-v-01c2ed43] {
  width: 285px;
  height: 390px;
  opacity: 0.6;
  transition: all 0.3s ease;
  transform: scale(0.95);
}

.swiper-slide-active[data-v-01c2ed43] {
  opacity: 1;
  transform: scale(1);
}

.card[data-v-01c2ed43] {
  width: 100%;
  height: 100%;
  border-radius: 10px;
  margin-bottom: 32px;
}

.long-card1[data-v-01c2ed43] {
  background: url(/assets/png/loan-guide-1-ced250bd.png) no-repeat center center;
  background-size: 100% 100%;
}

.long-card2[data-v-01c2ed43] {
  background: url(/assets/png/loan-guide-2-77918725.png) no-repeat center center;
  background-size: 100% 100%;
}

.long-card3[data-v-01c2ed43] {
  background: url(/assets/png/loan-guide-3-2c250f72.png) no-repeat center center;
  background-size: 100% 100%;
}

.card-title[data-v-01c2ed43] {
  font-family: MiSans-Latin;
  font-weight: 700;
  font-size: 40px;
  color: #fff;
  line-height: 53px;
  text-align: center;
}

.subtitle[data-v-01c2ed43] {
  font-family: MiSans-Latin;
  font-weight: 600;
  font-size: 13px;
  color: #fff;
  line-height: 20px;
  text-align: center;
  width: 90%;
}

.text-content[data-v-01c2ed43] {
  padding-top: 40px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.container[data-v-4cfe489c] {
  width: 100%;
  height: 950px;
  background: #f3f6fb;
  display: flex;
  align-items: center;
  flex-direction: column;
  padding-bottom: 100px;
}

.content[data-v-4cfe489c] {
  width: 1300px;
  margin-top: 110px;
}

.title[data-v-4cfe489c] {
  font-family: MiSans-Latin;
  font-weight: 600;
  font-size: 46px;
  color: #333;
  line-height: 61px;
  text-align: center;
}

.card-box[data-v-4cfe489c] {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  margin-top: 80px;
}

.left[data-v-4cfe489c] {
  display: flex;
  flex-direction: column;
  align-items: center;
  overflow: hidden;
}

.right[data-v-4cfe489c] {
  overflow: hidden;
}

.card[data-v-4cfe489c] {
  width: 635px;
  border-radius: 30px;
  margin-bottom: 32px;
  transition: height 1s ease, transform 1s ease;
  transform: translateY(-100%);
  will-change: transform, height;
  backface-visibility: hidden;
  cursor: pointer;
}

.card[style*="opacity: 0"][data-v-4cfe489c],
.card.zero-height[data-v-4cfe489c] {
  margin-bottom: 0 !important;
}

.card-bottom[data-v-4cfe489c] {
  margin-bottom: 32px;
}

.card-top[data-v-4cfe489c] {
  margin-top: 32px;
}

.zero-height[data-v-4cfe489c] {
  height: 0 !important;
  overflow: hidden;
  transform: translateY(50%);
}

.up-close[data-v-4cfe489c] {
  transform: translateY(-100%);
}

.short-card[data-v-4cfe489c] {
  display: flex;
  justify-content: center;
  align-items: center;
}

.card1-bg[data-v-4cfe489c] {
  background: #5f39ea;
}

.short-card .text-content[data-v-4cfe489c] {
  padding-top: 0;
}

.short-card1[data-v-4cfe489c] {
  height: 324px;
  transform: translateY(0);
  background: #5f39ea;
}

.long-card1[data-v-4cfe489c] {
  height: 680px;
  transform: translateY(0);
  background: url(/assets/png/guide-bg1@2x-9c76138a.png) no-repeat center center;
  background-size: cover;
}

.short-card2[data-v-4cfe489c] {
  height: 324px;
  transform: translateY(0);
  background: #0095ff;
}

.card2-bg[data-v-4cfe489c] {
  background: #0095ff;
}

.long-card2[data-v-4cfe489c] {
  height: 680px;
  transform: translateY(0);
  background: url(/assets/png/guide-bg2@2x-a5dddf5c.png) no-repeat center center;
  background-size: cover;
}

.short-card3[data-v-4cfe489c] {
  height: 324px;
  transform: translateY(0);
  background: #004fff;
}

.card3-bg[data-v-4cfe489c] {
  background: #004fff;
}

.long-card3[data-v-4cfe489c] {
  height: 680px;
  transform: translateY(0);
  background: url(/assets/png/guide-bg3@2x-8181262a.png) no-repeat center center;
  background-size: cover;
}

.card-title[data-v-4cfe489c] {
  font-family: MiSans-Latin;
  font-weight: 700;
  font-size: 70px;
  color: #fff;
  line-height: 100px;
  text-align: center;
}

.long-card .text-content[data-v-4cfe489c] {
  padding-top: 90px;
}

.pic-box[data-v-4cfe489c] {
  position: absolute;
  bottom: -5px;
  opacity: 0;
  animation: pic-fadein-4cfe489c 0.6s ease forwards;
  animation-delay: 0.4s;
}

.subtitle[data-v-4cfe489c] {
  font-family: MiSans-Latin;
  font-weight: 500;
  font-size: 28px;
  color: #fff;
  line-height: 35px;
  text-align: center;
}

.text-content[data-v-4cfe489c] {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding-bottom: 5px;
}

.fade-out-text[data-v-4cfe489c] {
  animation: fadeout-4cfe489c 0.4s ease forwards;
}

@keyframes fadeout-4cfe489c {
  0% {
    opacity: 1;
  }

  50% {
    opacity: 0.5;
  }

  to {
    opacity: 0;
  }
}

@keyframes pic-fadein-4cfe489c {
  0% {
    opacity: 0;
    transform: scale(0.96);
  }

  to {
    opacity: 1;
    transform: scale(1);
  }
}

.card-desc[data-v-4cfe489c] {
  width: 545px;
  font-family: MiSans-Latin;
  font-weight: 300;
  font-size: 16px;
  color: #fff;
  line-height: 30px;
  text-align: center;
  padding-top: 12px;
}

.mobile-container[data-v-4cfe489c] {
  display: none;
}

@media (max-width: 768px) {
  .container[data-v-4cfe489c] {
    display: none;
  }

  .mobile-container[data-v-4cfe489c] {
    display: block;
  }
}

.mobile-container[data-v-2dbdef21] {
  width: 100%;
  background: url(/assets/jpg/hero-bg-tiny-41dd0c5a.jpg);
  background-size: cover;
  z-index: 100;
  height: 580px;
  overflow: hidden;
}

.title[data-v-2dbdef21] {
  width: 316px;
  font-family: MiSans-Latin;
  font-weight: 630;
  font-size: 28px;
  color: #f6f7fa;
  line-height: 36px;
  text-align: center;
}

.text-area[data-v-2dbdef21] {
  padding-top: 100px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.subtitle[data-v-2dbdef21] {
  font-family: MiSans-Latin;
  font-weight: 305;
  font-size: 13px;
  color: #fff;
  line-height: 17px;
  text-align: center;
  padding-top: 12px;
}

.btn-group[data-v-2dbdef21] {
  display: flex;
  margin-top: 30px;
}

.download-btn[data-v-2dbdef21] {
  height: 40px;
  background: #ffffff;
  border-radius: 6px;
  margin-right: 16px;
  align-items: center;
  display: flex;
  justify-content: center;
  padding-left: 10px;
  padding-right: 10px;
}

.btn-txt[data-v-2dbdef21] {
  font-family: MiSans-Latin, MiSansLatin-Regular;
  font-weight: 400;
  font-size: 12px;
  color: #1a1f21;
  line-height: 18px;
  text-align: left;
}

.google-icon[data-v-2dbdef21] {
  width: 16px;
  height: 16px;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAAAXNSR0IArs4c6QAAA+5JREFUaEPVmctrE0Ecx7+/ydZHRU1J9KbUk/hCvXqx/gG+wLO2ePPgA/SodsGDaNUW0UqtNsWLKD5QDz5azEFaL5UgEVRUVgTf1VVrm9rtjsymqUmz2Z3N7qZxIOSwM7ufz8785vfLhPCfN/rP+WErEPl6pAvs5xaAdOK822C1rahr1qtRtkiApcf3oubDKYqdB9jIP2aiRA1IzdQd1apJxEaAd3HwRkS+g8U7IL7zG3Go1TQjRQKUNh8CaLCgS0gA0ImjrRpEnAWcJcTVaRdxFxCYbAQs1gHUfCi1/HXGoY7FjrVWOj7kBHIS8+4AtQNOjBpMro7HjycqJSIvMEHEolfdJMTenAKxfUbd0WTYIp4FBBDN7bE+7o2SRKSGKVKWgDcJq3doImULWFhzHoHm33GfiMkewYv4ErAkagdAIi68tACzum8BS2LWC42il+sLSg8JISJqNTBb9VNnBSJgSdS8R1H9JCHhNxkGJmCxKt90Fj8tEl9Ujr2gl975435bo55qpbWQrnyDFXAvPUp6HRzqx6Ff/VZ5woE29seQEgleYFKiU0dkUGom8uDzBEkzOVRl5ZhjVg9HwAqKYZ0tPAM3CXv4fA8kaRwqrTJss3p4AjmJBR0pKB+z5fmUduJnErt/P5ELF7IXCVcgi6azWEcKM98USFzQ72H7yDM5+PxeQmTU2JoL9EoIZCXiF5OY8XJL1BxF54972Jx55R1+cgRpbMXYEmuSp96l4BeZj0fYDNVp3i19ILOrfvXYZ993NolvVZaP36ykAA7fvoRDqXZgVxqIZ3xJkIkNIrArJmDB376UhY5lgP2psiU4oEZWGM0VW0IF8Ln3XpZEcW4IfQZOXmnHnp4b9sul1sjOxKIhl+VUOqmFJhAdHsLJK+ewo+++M5yQEDGx1K78cc/GoQgI+N4TB7Dm3Wv5QG16Dqz7ONGfNA7enVvnTjcJXKB+8BN6W/ZDfHtuGzXwTZrKmJKgZRmpI8xABXzBW0mJEtT3oMmLeGACfuAFOMyISo/vSr31wspiim45mVis9Wtnm70vG6tAU5rKAc9h+56B9S+e4np7M0Tgyjexu5j7lP7em/Jj7Hv6EhBb5MVEiwcG0kxAVfoeBHb0WLaAbXYtqRI8uK8lJA8fHnjZAnLwE4mor8cquMJsnpaQY12TLQ11ztHGTCXhZ2fxIiwtIILVqa7xs5d7AZ7a11XAra6ZLnCpGHDKrtMN7ipQCr5awEsKRNJG4+LBL11FFaVI+wSVHvWE/reRl5goigExOL1t58Pl799mz3EISZNTd5DZ0wugW19bATGINzRY55qUTEqfFLs9LIzrJQXCeFgY9/wLSaIiT68jsJgAAAAASUVORK5CYII=)
    no-repeat center center;
  background-size: contain;
  margin-right: 4px;
}

.app-store-icon[data-v-2dbdef21] {
  width: 16px;
  height: 16px;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAAAXNSR0IArs4c6QAAA21JREFUaEPdWl1W2lAQnrkcOD1JH+gOZAGFuILCg8BbcQXiCqorsK5AuwLoCopvog+6A4NdgHQF5sFwPLbcqTcClZj7EwgJNK8h9873fTNzZ+aCsOEPZm1/0WkVPbfnLWpHJgDeO80qJ9pDohYheqNBv7QRAN45zS1GdARE7ZnBiMONABAYz/kVAGzNsY3QGw0udtdaAeHnT3x088Z4AEDAQ/+2f7rWAOxy44SADsJGIoCXZ1ZprYPYdnYc4ijYj3qOR7cXXxdlX3y38iwkYx8Q3AJatWXYTwWAVWncAdF84AIMOWO1R/d8uAz7KwcwCd77+ayDXY54nITxKwcgNrDKdQoAIPSQ05n/87K7LOuvv18qBkSAIuSKBGMvDznPM3QJocwfeHRo7kwYu7576cYFFxuA5dRbQLCHBFUCKIbY8ACwiwzPHtzz69fvhNG/x36LGH4GglaUoSKtyr6XATMGIE7SHFGHiKomLCHi9bOhgtFfhPQpCrBqHQQ89W/7h7q9jAAI1pFDJ8y4bvFl3wsS/EG/pgaq2SWoHF9qmEwenRJKBQK34fwmbebn40pdKykB2JXGlanPJy1PENCMarrMJAWQtesAg92Re9HTESMFYFcaIuP8azx0KyX5PkaPIAdQrt9n5fsFxkqmh2IkgCzdxyR1aksJ22m2ifNOkl5hupYubYbXiVTAKtdFk3FkummSv4vbYkYCkDYhSVoqWQsZ2/fdc+OKde0UeC68Y7WZMgUOCOgkBcLfbPEfBDF4Y8a2TTu2tUujE0mM3Uh6kM1awSz8CAA4YyUTFVSlRGaF3ISzYYFZ27qxi0qBzM6CmegGsyO5AuqJWmqOJcpqYrAvq0yV/YBVqd8AgZOatYqNZAecuqH5uNMmxExqojCWArM+RMWDEoBqLJ6qKojd0aC/H7WndiqRZWE3NZgxVgvPmabvtADED61y/S7qciINFXSlhREAO6NYEBlIV1YYAQhUqDQ6c5dzKdBv0hsYA5Be0q0IiM51YsXA9MdiGg0cr1Jo9o3KCGGXsQIpgoh1exMbgAAyubj7ocxMCD0gGCBjL9dInCrPlxyOZtIXy/iFFJgqMTnkDhDgy9SlgpE659/zObsnqyKLTnPrifM2IO7N7s4QXOT0bZHbm4UUCMetMMp0EPX22w38s0eSiesv58+aQJd2Q8oAAAAASUVORK5CYII=)
    no-repeat center center;
  background-size: contain;
  margin-right: 4px;
}

.huawei-icon[data-v-2dbdef21] {
  width: 16px;
  height: 16px;
  background: url(data:image/png;base64,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)
    no-repeat center center;
  background-size: contain;
  margin-right: 4px;
}

.hero-container[data-v-da3fdc7a] {
  position: relative;
  width: 100%;
  background: url(/assets/jpg/hero-bg-tiny-41dd0c5a.jpg);
  background-size: cover;
  overflow: hidden;
  margin-top: -80px;
}

.hero-bg[data-v-da3fdc7a] {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  left: 50%;
  transform: translate(-50%);
}

.bubble-bg[data-v-da3fdc7a] {
  position: absolute;
  height: 150px;
  z-index: 2;
}

.hero-foreground[data-v-da3fdc7a] {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
  color: #fff;
  font-size: 32px;
}

.title[data-v-da3fdc7a] {
  width: 556px;
  font-family: MiSans-Latin;
  font-weight: 630;
  font-size: 50px;
  color: #f6f7fa;
  line-height: 73px;
  text-align: left;
}

.text-area[data-v-da3fdc7a] {
  position: absolute;
  top: 22%;
}

.subtitle[data-v-da3fdc7a] {
  font-family: MiSans-Latin;
  font-weight: 305;
  font-size: 24px;
  color: #fff;
  line-height: 27px;
  text-align: left;
  padding-top: 20px;
}

.hero-lottie-box[data-v-da3fdc7a] {
  position: absolute;
  width: 100%;
  height: 100vh;
  z-index: -1;
  align-content: space-around;
  -webkit-box-align: center;
}

@keyframes fadeInUp-da3fdc7a {
  0% {
    opacity: 0;
    transform: translateY(100px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.animated[data-v-da3fdc7a] {
  animation-duration: 1s;
  animation-fill-mode: both;
  -webkit-animation-duration: 1s;
  -webkit-animation-fill-mode: both;
}

.animatedFadeInUp[data-v-da3fdc7a] {
  opacity: 0;
}

.fadeInUp[data-v-da3fdc7a] {
  opacity: 0;
  animation-name: fadeInUp-da3fdc7a;
  -webkit-animation-name: fadeInUp-da3fdc7a;
}

@media (max-width: 768px) {
  .mobile-container[data-v-da3fdc7a] {
    display: block;
  }

  .hero-container[data-v-da3fdc7a] {
    display: none;
  }
}