/*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-4.use[1]!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/less-loader/dist/cjs.js!./node_modules/vue-loader/lib/index.js??vue-loader-options!./src/vue/view/index-ph-official/components/NavBar.vue?vue&type=style&index=1&id=652d5197&scoped=true&lang=less ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.nav-wrap[data-v-652d5197] {
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 1000;
}
.navbar[data-v-652d5197] {
  background: rgba(255, 255, 255, 0.97);
  padding: 30px 88px;
  box-sizing: border-box;
}
.container[data-v-652d5197] {
  width: 100%;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}
.logo[data-v-652d5197] {
  color: var(--primary-color);
  width: auto;
  height: 38px;
  -o-object-fit: contain;
     object-fit: contain;
  text-decoration: none;
  cursor: pointer;
}
.right-wrap[data-v-652d5197] {
  display: flex;
  align-items: center;
  -moz-column-gap: 32px;
       column-gap: 32px;
}
.right-wrap .nav-menu[data-v-652d5197] {
  display: flex;
  align-items: center;
  -moz-column-gap: 32px;
       column-gap: 32px;
}
.right-wrap .nav-menu .menu-item[data-v-652d5197] {
  line-height: 28px;
  font-family: Poppins-SemiBold;
  font-size: 15px;
  color: #1b1c1f;
  font-weight: 700;
  cursor: pointer;
  position: relative;
  word-wrap: none;
  white-space: nowrap;
}
.right-wrap .nav-menu .menu-item[data-v-652d5197]:hover {
  color: var(--secondary-color);
  font-family: Poppins-SemiBold;
  font-weight: 700;
}
.right-wrap .nav-menu .menu-item[data-v-652d5197]:hover::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 50%;
  width: 30px;
  transform: translateX(-50%);
  height: 2px;
  background: var(--secondary-color);
}
.right-wrap .nav-menu .menu-active[data-v-652d5197] {
  color: var(--secondary-color);
  font-family: Poppins-SemiBold;
  font-weight: 700;
}
.right-wrap .nav-menu .menu-active[data-v-652d5197]::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 50%;
  width: 30px;
  transform: translateX(-50%);
  height: 2px;
  background: var(--secondary-color);
}
.right-wrap .nav-menu .privacy-item[data-v-652d5197]::after {
  transform: translateX(-100%) !important;
}
.right-wrap .apply[data-v-652d5197] {
  display: flex;
  padding: 8px 25px;
  justify-content: flex-end;
  border-radius: 32px;
  background: linear-gradient(90deg, #837aff 0%, #6b61ed 100%);
  color: #fff;
  font-family: Poppins-SemiBold;
  font-size: 15px;
  line-height: 22px;
  font-style: normal;
  font-weight: 700;
  word-wrap: none;
  white-space: nowrap;
  cursor: pointer;
}
.nav-menu li[data-v-652d5197] {
  margin-left: 2rem;
}
.nav-menu a[data-v-652d5197] {
  color: var(--text-dark);
  text-decoration: none;
  font-weight: 500;
  transition: color 0.3s;
  position: relative;
}
.privacy-wrap[data-v-652d5197] {
  width: -moz-max-content;
  width: max-content;
  display: flex;
  flex-direction: row;
  align-items: center;
  -moz-column-gap: 10px;
       column-gap: 10px;
}
.privacy-wrap img[data-v-652d5197] {
  width: 24px;
  transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  -o-object-fit: contain;
     object-fit: contain;
}
.privacy-wrap img.rotate-icon[data-v-652d5197] {
  transform: rotate(180deg);
}
.child-wrap[data-v-652d5197] {
  background: #fff;
  display: flex;
  flex-direction: column;
  padding: 20px;
  row-gap: 10px;
}
.child-wrap p[data-v-652d5197] {
  min-width: 162px;
  padding: 13px 12px;
  background: #fff;
  box-sizing: border-box;
  text-align: center;
  color: #1b1c1f;
  font-family: Poppins;
  font-size: 15px;
  font-style: normal;
  font-weight: 400;
  line-height: 28px;
  cursor: pointer;
}
.child-wrap p[data-v-652d5197]:hover {
  background: rgba(234, 236, 255, 0.7);
}
.child-wrap .active-item[data-v-652d5197] {
  background: rgba(234, 236, 255, 0.7);
}
@media (max-width: 1200px) {
.apply-bar[data-v-652d5197] {
    width: 100%;
    display: flex;
    justify-content: flex-start;
    padding: 0.14rem 0.31rem 0.07rem 0.34rem;
    box-sizing: border-box;
    background: #f0f2ff;
}
.navbar[data-v-652d5197] {
    padding: 0.29rem 0.29rem 0.29rem 0.34rem;
    background: #f0f2ff;
}
.navbar .btn[data-v-652d5197] {
    min-width: 3.72rem;
    width: -moz-max-content;
    width: max-content;
    height: -moz-max-content;
    height: max-content;
    padding: 0.055rem 0.23893rem;
    box-sizing: border-box;
    text-align: center;
    border-radius: 0.54613rem;
    background: linear-gradient(90deg, #837aff 0%, #6b61ed 100%);
    color: #fff;
    font-family: Poppins-SemiBold;
    font-size: 0.2048rem;
    font-style: normal;
    font-weight: 700;
    line-height: 0.37547rem;
    white-space: nowrap;
    cursor: pointer;
}
.logo[data-v-652d5197] {
    height: 0.37542rem;
}
.hamburger[data-v-652d5197] {
    display: block;
}
.bar[data-v-652d5197] {
    width: 0.4096rem;
    height: 0.4096rem;
    -o-object-fit: contain;
       object-fit: contain;
    cursor: pointer;
}
.menu-pop[data-v-652d5197] {
    padding: 0.14rem;
    background: #fff;
    display: flex;
    flex-direction: column;
    border-radius: 0.17067rem;
}
.menu-pop .menu-pop-item[data-v-652d5197] {
    padding: 0.07rem 0.17rem;
    text-align: left;
    width: 2.75rem;
    color: #1b1c1f;
    font-family: Poppins;
    font-size: 0.256rem;
    font-style: normal;
    font-weight: 400;
    line-height: 0.38229rem;
    display: flex;
    flex-direction: row;
    align-items: center;
    -moz-column-gap: 0.17rem;
         column-gap: 0.17rem;
}
.menu-pop .menu-pop-item p[data-v-652d5197] {
    flex: 1;
    white-space: nowrap;
    text-align: left;
}
.menu-pop .menu-pop-active[data-v-652d5197] {
    background: #f5f6ff;
    color: #7167fa;
    font-weight: 600;
}
.menu-pop .icon[data-v-652d5197] {
    width: 0.34133rem;
    height: 0.34133rem;
    flex-shrink: 0;
    transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    -o-object-fit: contain;
       object-fit: contain;
}
.menu-pop .icon.rotate-icon[data-v-652d5197] {
    transform: rotate(180deg);
}
}

/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-4.use[1]!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/less-loader/dist/cjs.js!./node_modules/vue-loader/lib/index.js??vue-loader-options!./src/vue/view/index-ph-official/components/FooterSection.vue?vue&type=style&index=0&id=01cbf873&lang=less&scoped=true ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@media screen and (min-width: 1200px) {
.footer[data-v-01cbf873] {
    width: 100%;
    background: #181f3a;
}
.footer .footer-box[data-v-01cbf873] {
    width: 1200px;
    margin: 0 auto;
    padding: 45px 0 20px;
}
.footer .footer-box .contact-us[data-v-01cbf873] {
    width: 30%;
}
.footer .footer-box .footer-content[data-v-01cbf873] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    padding-bottom: 12px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.13);
}
.footer .footer-box .footer-content .cu-title[data-v-01cbf873] {
    font-size: 18px;
    font-family: Poppins-SemiBold;
    font-weight: 500;
    color: #fff;
    margin-bottom: 11px;
}
.footer .footer-box .footer-content .flex-start[data-v-01cbf873] {
    display: flex;
    justify-content: flex-start;
    margin-bottom: 11px;
}
.footer .footer-box .footer-content .cu-text[data-v-01cbf873] {
    cursor: pointer;
    font-size: 16px;
    font-family: Poppins;
    font-weight: 500;
    color: rgba(255, 255, 255, 0.7);
    line-height: 28px;
    transition: all 0.5s;
    display: flex;
    flex-direction: row;
    align-items: center;
    -moz-column-gap: 4px;
         column-gap: 4px;
}
.footer .footer-box .footer-content .cu-text[data-v-01cbf873]:hover {
    color: #ffffff;
}
.footer .footer-box .footer-content .download-box[data-v-01cbf873] {
    display: flex;
    flex-direction: column;
}
.footer .footer-box .footer-content .channel-box[data-v-01cbf873] {
    display: flex;
    flex-direction: column;
}
.footer .footer-box .footer-content .channel-box-wrap[data-v-01cbf873] {
    display: none;
}
.footer .footer-box .footer-content .download-box-wap[data-v-01cbf873] {
    display: none;
}
.footer .footer-box .footer-content .download-icon[data-v-01cbf873] {
    width: 130px;
    -o-object-fit: contain;
       object-fit: contain;
    cursor: pointer;
}
.footer .footer-box .footer-content .click_apk[data-v-01cbf873] {
    font-family: Poppins;
    font-size: 14px;
    font-weight: 400;
    text-align: center;
    color: #1483ff;
    text-decoration: underline;
    padding-top: 8px;
}
.footer .footer-box .footer-content .mrr12[data-v-01cbf873] {
    margin-right: 12px;
}
.footer .footer-box .last-light[data-v-01cbf873] {
    color: #fff;
}
.footer .footer-box .bottom[data-v-01cbf873] {
    padding-top: 24px;
    color: #fff;
    font-family: Poppins;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 28px;
    text-align: left;
    opacity: 0.7;
}
.footer .footer-box .copyright[data-v-01cbf873] {
    margin-top: 22px;
    text-align: center;
    font-size: 14px;
    font-family: Poppins;
    font-weight: 500;
    color: rgba(173, 173, 173, 0.51);
    line-height: 24px;
}
.footer .footer-box a[data-v-01cbf873] {
    display: block;
}
.tip[data-v-01cbf873] {
    box-sizing: border-box;
    padding: 30px 137px;
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
    background-color: #837aff;
    border: 1px solid #979797;
    overflow: hidden;
    transform: translateY(100%);
    transition: all 0.5s linear;
    font-weight: 500;
    text-align: left;
    z-index: 999;
}
.tip-show[data-v-01cbf873] {
    transform: translateY(0);
}
.tip__text[data-v-01cbf873] {
    color: #ffffff;
    font-size: 16px;
    font-family: Poppins;
    line-height: 24px;
}
.tip__text__link[data-v-01cbf873] {
    color: #ffd874;
    text-decoration: underline;
}
.tip__confirm[data-v-01cbf873] {
    margin: 15px auto 0;
    width: 160px;
    height: 42px;
    background-color: #ffffff;
    border-radius: 22px;
    color: #333;
    font-size: 13px;
    font-family: Poppins-Medium;
    line-height: 42px;
    text-align: center;
    cursor: pointer;
    -webkit-user-select: none;
       -moz-user-select: none;
            user-select: none;
}
.tip__close[data-v-01cbf873] {
    position: absolute;
    top: 36px;
    right: 72px;
    width: 18px;
    height: 18px;
    cursor: pointer;
}
}
@media screen and (max-width: 1200px) {
.footer[data-v-01cbf873] {
    background: #181f3a;
    width: 100%;
    padding: 0.34rem;
    box-sizing: border-box;
}
.footer .footer-box[data-v-01cbf873] {
    width: 100%;
}
.footer .footer-box .footer-content[data-v-01cbf873] {
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    align-items: flex-start;
    padding-bottom: 0.34rem;
    border: none;
}
.footer .footer-box .footer-content .contact-us[data-v-01cbf873] {
    padding-bottom: 0.41rem;
}
.footer .footer-box .footer-content .cu-title[data-v-01cbf873] {
    font-size: 0.24rem;
    font-family: Poppins-SemiBold;
    font-weight: 500;
    color: rgba(255, 255, 255, 0.922);
    margin-bottom: 0.2rem;
}
.footer .footer-box .footer-content .flex-start[data-v-01cbf873] {
    display: flex;
    justify-content: flex-start;
}
.footer .footer-box .footer-content .cu-text[data-v-01cbf873] {
    cursor: pointer;
    font-size: 0.2rem;
    font-family: Poppins-SemiBold;
    font-weight: 500;
    color: rgba(173, 173, 173, 0.51);
    line-height: 0.41rem;
    display: flex;
    flex-direction: row;
    align-items: center;
    -moz-column-gap: 0.08rem;
         column-gap: 0.08rem;
}
.footer .footer-box .footer-content .cu-text[data-v-01cbf873]:hover {
    color: #ffffff;
}
.footer .footer-box .footer-content .download-box[data-v-01cbf873] {
    display: none;
}
.footer .footer-box .footer-content .channel-box[data-v-01cbf873] {
    display: none;
}
.footer .footer-box .footer-content .channel-box-wrap[data-v-01cbf873] {
    display: flex;
    flex-direction: column;
}
.footer .footer-box .footer-content .download-box-wap[data-v-01cbf873] {
    margin: 0.41rem 0;
    display: flex;
    flex-direction: column;
    gap: 0.14rem;
}
.footer .footer-box .footer-content .download-box-wap .flex-wrap[data-v-01cbf873] {
    display: flex;
    gap: 0.28rem;
}
.footer .footer-box .footer-content .download-box-wap .download-icon[data-v-01cbf873] {
    -o-object-fit: contain;
       object-fit: contain;
    height: 1.024rem;
}
.footer .footer-box .footer-content .download-box-wap .mrr12[data-v-01cbf873] {
    margin-right: 0.27rem;
}
.footer .footer-box .footer-content .click_apk[data-v-01cbf873] {
    color: #1483ff;
    padding-top: 0.27rem;
    text-decoration: underline;
}
.footer .footer-box .last-light[data-v-01cbf873] {
    color: #fff;
}
.footer .footer-box .bottom[data-v-01cbf873] {
    color: #fff;
    font-family: Poppins;
    font-size: 0.2rem;
    font-style: normal;
    font-weight: 400;
    line-height: 0.31rem;
    text-align: left;
    opacity: 0.7;
}
.footer .footer-box .copyright[data-v-01cbf873] {
    margin-top: 0;
    text-align: center;
    font-size: 0.2rem;
    font-family: Poppins-SemiBold;
    font-weight: 500;
    color: rgba(173, 173, 173, 0.51);
    line-height: 0.31rem;
}
.footer .footer-box a[data-v-01cbf873] {
    display: block;
}
.tip[data-v-01cbf873] {
    box-sizing: border-box;
    padding: 0.15rem 0.38rem 0.26rem;
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
    background-color: #837aff;
    overflow: hidden;
    transform: translateY(100%);
    transition: all 0.5s linear;
    font-weight: 500;
    text-align: left;
    z-index: 999;
}
.tip-show[data-v-01cbf873] {
    transform: translateY(0);
}
.tip__text[data-v-01cbf873] {
    color: #ffffff;
    font-size: 0.2rem;
    font-family: Poppins-Medium;
    line-height: 0.31rem;
}
.tip__text__link[data-v-01cbf873] {
    color: #ffd874;
    text-decoration: underline;
}
.tip__confirm[data-v-01cbf873] {
    margin: 0.06rem auto 0;
    width: 2.59rem;
    height: 0.55rem;
    background-color: #ffffff;
    border-radius: 0.26rem;
    color: #333;
    font-size: 0.24rem;
    font-family: Poppins-Medium;
    line-height: 0.55rem;
    text-align: center;
    cursor: pointer;
    -webkit-user-select: none;
       -moz-user-select: none;
            user-select: none;
}
.tip__close[data-v-01cbf873] {
    position: absolute;
    top: 0.23rem;
    right: 0.23rem;
    width: 0.23rem;
    height: 0.23rem;
    cursor: pointer;
}
}

/*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-4.use[1]!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/less-loader/dist/cjs.js!./node_modules/vue-loader/lib/index.js??vue-loader-options!./src/vue/view/index-ph-official/index.vue?vue&type=style&index=0&id=ad433480&lang=less ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
:root {
  --primary-color: #2c3e50;
  --secondary-color: #7167fa;
  --text-dark: #2c3e50;
  --text-light: #ffffff;
  --section-padding: 4rem 0;
}
body {
  font-family: 'Poppins';
  margin: 0;
  padding: 0;
  -webkit-tap-highlight-color: transparent !important;
}
a:focus {
  outline: none !important;
}
#app {
  width: 100%;
  display: flex;
  flex-direction: column;
  min-height: 100vh;
  position: relative;
}
.slide-enter-active,
.slide-leave-active {
  transition: transform 0.25s cubic-bezier(0.18, 0.89, 0.32, 1.28), opacity 0.2s ease-out;
  transform-origin: top;
  overflow: hidden;
  will-change: transform;
  backface-visibility: hidden;
}
.slide-enter,
.slide-leave-to {
  transform: scaleY(0.8) translateZ(0);
  opacity: 0;
  filter: blur(0.5px);
}
.slide-enter-to,
.slide-leave {
  transform: scaleY(1) translateZ(0);
  opacity: 1;
}
.main-content {
  flex: 1;
  padding-top: 98px;
}
.customer {
  width: -moz-max-content;
  width: max-content;
  position: fixed;
  right: 0;
  bottom: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  z-index: 1001;
  cursor: pointer;
  transition: bottom 0.1s ease;
  /* 添加平滑移动过渡 */
}
.customer-transition-enter-active,
.customer-transition-leave-active {
  transition: all 0.1s cubic-bezier(0.4, 0, 0.2, 1);
}
.customer-transition-enter-from {
  opacity: 0;
  transform: translateY(20px) scale(0.9);
}
.customer-transition-leave-to {
  opacity: 0;
  transform: translateY(20px) scale(0.9);
}
.customer .customer-icon {
  width: 50.695px;
  -o-object-fit: contain;
     object-fit: contain;
  cursor: pointer;
}
.customer .content-wrapper {
  display: flex;
  flex-direction: column;
  align-items: center;
  transition: all 0.3s ease;
}
.customer .icon {
  width: 84px;
  -o-object-fit: contain;
     object-fit: contain;
  transform: translateY(4px);
}
.customer .content {
  width: -moz-max-content;
  width: max-content;
  height: -moz-max-content;
  height: max-content;
  text-align: center;
  padding: 12px 20px;
  box-sizing: border-box;
  border-radius: 44px;
  border: 1px solid rgba(170, 197, 255, 0.43);
  background: #fff;
  color: #7268fc;
  font-family: Poppins-SemiBold;
  font-size: 13px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  word-wrap: none;
  position: relative;
  z-index: 2;
}
.common-page {
  width: 100%;
}
.common-page .banner {
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.common-page .banner .banner-word {
  width: 1200px;
  margin: auto;
  text-align: left;
  box-sizing: border-box;
}
.common-page .page-wrap {
  width: 100%;
  background: #fff;
}
.common-page .page-wrap .page-container {
  width: 1200px;
  margin: auto;
  box-sizing: border-box;
}
@media (max-width: 1200px) {
:root {
    --section-padding: 3rem 0;
}
.main-content {
    width: 100%;
    padding-top: 1.65rem;
    overflow: hidden;
}
.customer {
    right: 0;
}
.customer .customer-icon {
    width: 0.56519rem;
}
.customer .icon {
    width: 0.88028rem;
    -o-object-fit: contain;
       object-fit: contain;
}
.customer .content {
    width: -moz-max-content;
    width: max-content;
    height: -moz-max-content;
    height: max-content;
    text-align: center;
    padding: 0.13rem 0.21rem;
    box-sizing: border-box;
    border-radius: 0.46111rem;
    font-size: 0.13623rem;
}
.common-page .banner .banner-word {
    width: 100%;
}
.page-wrap .page-container {
    width: 100%;
}
}

/*!***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-4.use[1]!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/less-loader/dist/cjs.js!./node_modules/vue-loader/lib/index.js??vue-loader-options!./src/vue/view/index-ph-official/components/MainSection.vue?vue&type=style&index=0&id=50754c56&scoped=true&lang=less ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.hero[data-v-50754c56] {
  background: url('https://sgp-c2.hitechset.com/files/official/1959201dd4e8f2568.png') no-repeat #96a0fc;
  background-size: 100% 100%;
  width: 100%;
  height: 750px;
  display: flex;
  align-items: center;
  position: relative;
}
.hero[data-v-50754c56] .video-dialog {
  border-radius: 0;
  background: #fff;
  position: relative;
}
.hero[data-v-50754c56] .video-dialog .close {
  position: absolute;
  right: 0;
  top: 0;
  width: 56px;
  height: 56px;
  -o-object-fit: contain;
     object-fit: contain;
  z-index: 99;
  background: rgba(0, 0, 0, 0.1);
  cursor: pointer;
}
.hero[data-v-50754c56] .video-dialog .sf-dialog__header {
  padding: 0;
}
.hero[data-v-50754c56] .video-dialog .sf-dialog__body {
  padding: 0;
}
.hero[data-v-50754c56] .video-dialog .video-tag {
  width: 100%;
  height: 500px;
}
.hero-content[data-v-50754c56] {
  width: 1200px;
  margin: auto;
  text-align: center;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.hero-content .left[data-v-50754c56] {
  width: 660px;
  display: flex;
  flex-direction: column;
  row-gap: 110px;
  margin-top: 30px;
}
.hero-content .left .icon[data-v-50754c56] {
  position: absolute;
  top: 40px;
  left: 52px;
}
.hero-content .left .play-wrap[data-v-50754c56] {
  width: 100%;
  position: relative;
}
.hero-content .left .play-wrap .word[data-v-50754c56] {
  width: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.hero-content .left .play-wrap .play-btn[data-v-50754c56] {
  position: absolute;
  right: 0;
  bottom: -18px;
  display: flex;
  flex-direction: row;
  align-items: center;
  -moz-column-gap: 10px;
       column-gap: 10px;
}
.hero-content .left .play-wrap .play-btn .line[data-v-50754c56] {
  width: 76px;
  height: 1px;
  flex-shrink: 0;
  background: #452f94;
  margin-right: 16px;
}
.hero-content .left .play-wrap .play-btn span[data-v-50754c56] {
  color: #000;
  font-family: 'Alibaba Sans';
  font-size: 24px;
  font-style: normal;
  font-weight: 400;
  line-height: 90px;
  /* 375% */
  cursor: pointer;
}
.hero-content .left .play-wrap .play-btn .play-icon[data-v-50754c56] {
  width: 56px;
  height: 56px;
  cursor: pointer;
}
.hero-content .left .store-wrap[data-v-50754c56] {
  display: flex;
  align-items: center;
  -moz-column-gap: 18px;
       column-gap: 18px;
}
.hero-content .left .store-wrap img[data-v-50754c56] {
  height: 54px;
  -o-object-fit: contain;
     object-fit: contain;
  cursor: pointer;
}
.hero-content .person[data-v-50754c56] {
  -o-object-fit: contain;
     object-fit: contain;
  width: 512px;
  height: 546px;
}
@media (max-width: 1200px) {
.hero[data-v-50754c56] {
    height: -moz-max-content;
    height: max-content;
    width: 100%;
    background: url('https://sgp-c2.hitechset.com/files/official/40005792742fd488.png') no-repeat #96a0fc;
    background-size: 100% 100%;
    padding: 0.52rem 0 0.86rem;
}
.hero[data-v-50754c56] .video-dialog {
    width: 4.98rem !important;
}
.hero[data-v-50754c56] .video-dialog .close {
    width: 0.68747rem;
    height: 0.68747rem;
}
.hero[data-v-50754c56] .video-dialog .video-tag {
    height: 2.8rem;
}
.hero-content[data-v-50754c56] {
    width: 5.92213rem;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.hero-content .left[data-v-50754c56] {
    width: 100%;
    margin: 0;
    row-gap: 0.51rem;
}
.hero-content .left .icon[data-v-50754c56] {
    position: absolute;
    top: 0.36rem;
    left: 1.15rem;
    width: 1rem;
    -o-object-fit: contain;
       object-fit: contain;
}
.hero-content .left .play-btn[data-v-50754c56] {
    bottom: -0.1rem !important;
}
.hero-content .left .play-btn .line[data-v-50754c56] {
    width: 0.4rem !important;
    margin-right: 0.1rem !important;
}
.hero-content .left .play-btn span[data-v-50754c56] {
    line-height: inherit !important;
}
.hero-content .left .play-btn .play-icon[data-v-50754c56] {
    width: 0.6rem !important;
    height: 0.6rem !important;
}
.hero-content .left .store-wrap[data-v-50754c56] {
    -moz-column-gap: 0.2rem;
         column-gap: 0.2rem;
}
.hero-content .left .store-wrap img[data-v-50754c56] {
    height: 0.58rem;
}
.hero-content .person[data-v-50754c56] {
    margin-top: 0.51rem;
    width: 5.1712rem;
    height: auto;
    -o-object-fit: contain;
       object-fit: contain;
}
}

/*!******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-4.use[1]!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/less-loader/dist/cjs.js!./node_modules/vue-loader/lib/index.js??vue-loader-options!./src/vue/view/index-ph-official/components/FinanceSection.vue?vue&type=style&index=0&id=1ecdf6d2&lang=less&scoped=true ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.finance[data-v-1ecdf6d2] {
  width: 100%;
  background: rgba(234, 236, 255, 0.7);
  padding: 110px 0;
  box-sizing: border-box;
}
.finance .finance-content[data-v-1ecdf6d2] {
  width: 1200px;
  margin: auto;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.finance .finance-content .title[data-v-1ecdf6d2] {
  color: #3830a2;
  max-width: 940px;
  text-align: center;
  font-family: Poppins-SemiBold;
  font-size: 50px;
  font-style: normal;
  font-weight: 700;
  line-height: 60px;
  /* 120% */
  word-wrap: break-word;
  box-sizing: border-box;
}
.finance .finance-content .sub-title[data-v-1ecdf6d2] {
  max-width: 1098px;
  color: #434c59;
  text-align: center;
  font-family: Poppins;
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 28px;
  padding: 40px 0 80px;
  word-wrap: break-word;
  box-sizing: border-box;
}
.finance .finance-content .item-wrap[data-v-1ecdf6d2] {
  width: 100%;
  display: flex;
  align-items: baseline;
  justify-content: space-between;
}
.finance .finance-content .item-wrap .item[data-v-1ecdf6d2] {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.finance .finance-content .item-wrap .item .pic[data-v-1ecdf6d2] {
  height: 124px;
  -o-object-fit: contain;
     object-fit: contain;
  cursor: pointer;
  transition: all 0.5s;
}
.finance .finance-content .item-wrap .item .pic[data-v-1ecdf6d2]:hover {
  scale: 1.2;
}
.finance .finance-content .item-wrap .item .icon[data-v-1ecdf6d2] {
  width: 61px;
  height: auto;
  -o-object-fit: contain;
     object-fit: contain;
}
.finance .finance-content .item-wrap .item .item-title[data-v-1ecdf6d2] {
  color: #342bb1;
  text-align: center;
  font-family: Poppins-SemiBold;
  font-size: 22px;
  font-style: normal;
  font-weight: 700;
  line-height: 18px;
  padding: 40px 0 26px;
}
.finance .finance-content .item-wrap .item .item-content[data-v-1ecdf6d2] {
  color: #434c59;
  text-align: center;
  font-family: Poppins;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 28px;
  max-width: 270px;
  word-wrap: break-word;
}
@media screen and (max-width: 1200px) {
.finance[data-v-1ecdf6d2] {
    padding: 0.85rem 0.32rem;
    box-sizing: border-box;
}
.finance .finance-content[data-v-1ecdf6d2] {
    width: 100%;
}
.finance .finance-content .title[data-v-1ecdf6d2] {
    font-size: 0.3072rem;
    line-height: 0.42rem;
}
.finance .finance-content .sub-title[data-v-1ecdf6d2] {
    font-size: 0.23893rem;
    padding: 0.34rem 0 0.51rem;
    line-height: 0.34rem;
    word-wrap: break-word;
}
.finance .finance-content .item-wrap[data-v-1ecdf6d2] {
    flex-wrap: wrap;
    row-gap: 0.41rem;
}
.finance .finance-content .item-wrap .item[data-v-1ecdf6d2] {
    width: 50%;
    flex: none;
}
.finance .finance-content .item-wrap .item .pic[data-v-1ecdf6d2] {
    width: 2.11531rem;
    height: 1.49033rem;
}
.finance .finance-content .item-wrap .item .icon[data-v-1ecdf6d2] {
    width: 0.73315rem;
}
.finance .finance-content .item-wrap .item .item-title[data-v-1ecdf6d2] {
    font-size: 0.256rem;
    padding: 0.32rem 0 0.17rem;
    line-height: 0.3072rem;
}
.finance .finance-content .item-wrap .item .item-content[data-v-1ecdf6d2] {
    font-size: 0.23893rem;
    line-height: 0.34rem;
}
}

/*!****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-4.use[1]!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/less-loader/dist/cjs.js!./node_modules/vue-loader/lib/index.js??vue-loader-options!./src/vue/view/index-ph-official/components/ApplySection.vue?vue&type=style&index=0&id=1ca8367e&lang=less&scoped=true ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.apply[data-v-1ca8367e] {
  width: 100%;
  padding: 110px 0;
  background: #fff;
  box-sizing: border-box;
}
.apply .apply-content[data-v-1ca8367e] {
  width: 1200px;
  margin: auto;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.apply .apply-content .title[data-v-1ca8367e] {
  color: #434c59;
  text-align: center;
  font-family: Poppins-SemiBold;
  font-size: 50px;
  font-style: normal;
  font-weight: 700;
  line-height: 60px;
  padding-bottom: 80px;
}
.apply .apply-content .apply-wrap[data-v-1ca8367e] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  -moz-column-gap: 60px;
       column-gap: 60px;
}
.apply .apply-content .apply-wrap .left-lottie[data-v-1ca8367e] {
  width: -moz-max-content;
  width: max-content;
  height: 577px;
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.apply .apply-content .apply-wrap .left-lottie .lottie-content[data-v-1ca8367e] {
  position: absolute;
  top: 0;
  left: 107px;
  width: 290.924px;
  height: 577px;
}
.apply .apply-content .apply-wrap .left-lottie .left-img[data-v-1ca8367e] {
  width: 526.775px;
  height: 488px;
  -o-object-fit: contain;
     object-fit: contain;
}
.apply .apply-content .apply-wrap .right-wrap[data-v-1ca8367e] {
  min-width: 435px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  row-gap: 60px;
  flex: 1;
}
.apply .apply-content .apply-wrap .right-wrap .item[data-v-1ca8367e] {
  display: flex;
  align-items: center;
  -moz-column-gap: 20px;
       column-gap: 20px;
  cursor: pointer;
}
.apply .apply-content .apply-wrap .right-wrap .item .number[data-v-1ca8367e] {
  width: 52px;
  height: 52px;
  border-radius: 52px;
  border: 2px solid #434c59;
  text-align: center;
  color: #434c59;
  font-family: Montserrat;
  font-size: 24px;
  font-style: normal;
  font-weight: 500;
  line-height: 52px;
}
.apply .apply-content .apply-wrap .right-wrap .item .content[data-v-1ca8367e] {
  color: #434c59;
  font-family: Poppins;
  font-size: 22px;
  font-style: normal;
  font-weight: 500;
  line-height: 60px;
}
.apply .apply-content .apply-wrap .right-wrap .active .number[data-v-1ca8367e] {
  background: #7167fa;
  border: none;
  color: #fff;
}
.apply .apply-content .apply-wrap .right-wrap .active .content[data-v-1ca8367e] {
  color: #352cae;
  font-family: Poppins-SemiBold;
  font-weight: 700;
}
.apply .apply-content .apply-wrap .right-wrap .btn[data-v-1ca8367e] {
  width: -moz-max-content;
  width: max-content;
  margin-top: 85px;
  border-radius: 10px;
  border: 2px solid #645ebf;
  padding: 12px 30px;
  box-sizing: border-box;
  color: #6d63f1;
  text-align: center;
  font-family: Poppins-SemiBold;
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 26px;
  cursor: pointer;
}
@media screen and (max-width: 1200px) {
.apply[data-v-1ca8367e] {
    padding: 0.85rem 0.32rem;
}
.apply .apply-content[data-v-1ca8367e] {
    width: 100%;
}
.apply .apply-content .title[data-v-1ca8367e] {
    font-size: 0.3072rem;
    line-height: normal;
    padding-bottom: 0.51rem;
}
.apply .apply-content .swiper-wrap[data-v-1ca8367e] {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.apply .apply-content .swiper-wrap[data-v-1ca8367e] .swiper-pagination-bullet-active {
    background: #7f76fc;
}
.apply .apply-content .swiper-wrap .swiper-container[data-v-1ca8367e] {
    width: 100%;
    padding-bottom: 0.64rem;
}
.apply .apply-content .swiper-wrap .item-wrap[data-v-1ca8367e] {
    display: flex;
    align-items: center;
    justify-content: center;
    -moz-column-gap: 20px;
         column-gap: 20px;
    cursor: pointer;
    padding-bottom: 0.56rem;
}
.apply .apply-content .swiper-wrap .item-wrap .number[data-v-1ca8367e] {
    width: 0.6144rem;
    height: 0.6144rem;
    border-radius: 0.6144rem;
    border: 1px solid #434c59;
    text-align: center;
    color: #434c59;
    font-family: Montserrat;
    font-size: 0.256rem;
    font-style: normal;
    font-weight: 500;
    line-height: 0.6144rem;
}
.apply .apply-content .swiper-wrap .item-wrap .content[data-v-1ca8367e] {
    color: #434c59;
    font-family: Poppins;
    font-size: 0.256rem;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}
.apply .apply-content .swiper-wrap .item-active .number[data-v-1ca8367e] {
    background: #7167fa;
    border: none;
    color: #fff;
}
.apply .apply-content .swiper-wrap .item-active .content[data-v-1ca8367e] {
    color: #352cae;
    font-family: Poppins-SemiBold;
    font-weight: 700;
}
.apply .apply-content .swiper-wrap .swiper-item[data-v-1ca8367e] {
    width: 100%;
    height: 6.58773rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    position: relative;
}
.apply .apply-content .swiper-wrap .swiper-item .bg-img[data-v-1ca8367e] {
    width: 5.7715rem;
    height: 5.39306rem;
    flex-shrink: 0;
    -o-object-fit: contain;
       object-fit: contain;
}
.apply .apply-content .swiper-wrap .swiper-item .lottie-content[data-v-1ca8367e] {
    position: absolute;
    top: 0;
    left: 1.02rem;
    width: 3.32155rem;
    height: 6.58773rem;
}
.apply .apply-content .swiper-wrap .btn[data-v-1ca8367e] {
    width: 2.73066rem;
    height: 0.68267rem;
    margin-top: 0.51rem;
    border-radius: 0.17067rem;
    border: 2px solid #645ebf;
    box-sizing: border-box;
    color: #6d63f1;
    text-align: center;
    font-family: Poppins-SemiBold;
    font-size: 0.256rem;
    font-style: normal;
    font-weight: 700;
    line-height: 0.68267rem;
}
}

/*!******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-4.use[1]!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/less-loader/dist/cjs.js!./node_modules/vue-loader/lib/index.js??vue-loader-options!./src/vue/view/index-ph-official/components/MarqueeSection.vue?vue&type=style&index=0&id=2790e18a&lang=less&scoped=true ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.marquee[data-v-2790e18a] {
  width: 100%;
}
.marquee .container[data-v-2790e18a] {
  width: 1200px;
  margin: auto;
}
.marquee .container .title[data-v-2790e18a] {
  width: 100%;
  text-align: center;
  font-family: Poppins-SemiBold;
  font-size: 40px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  padding-bottom: 60px;
  color: #3830a2;
}
.marquee .container .title2[data-v-2790e18a] {
  padding-top: 80px;
}
.marquee .container .swiper-container[data-v-2790e18a] {
  width: 100%;
}
.marquee .container .swiper-container[data-v-2790e18a] .swiper-wrapper {
  -wekit-transition-timing-function: linear !important;
  transition-timing-function: linear !important;
  animation-duration: 0s !important;
}
.marquee .container .swiper-slide[data-v-2790e18a] {
  width: auto !important;
  min-width: 159px;
}
.marquee .container .pic[data-v-2790e18a] {
  height: 80px;
  -o-object-fit: contain;
     object-fit: contain;
  image-rendering: -webkit-optimize-contrast;
}
.marquee .section1[data-v-2790e18a] {
  width: 100%;
  padding: 110px 0;
  box-sizing: border-box;
  background: rgba(240, 242, 255, 0.7);
}
.marquee .section2[data-v-2790e18a] {
  width: 100%;
  padding: 80px 0;
  box-sizing: border-box;
  background: #fff;
}
.marquee .section3[data-v-2790e18a] {
  padding: 89px 0;
  box-sizing: border-box;
  background: linear-gradient(180deg, #7d74fd 0%, #2419c3 100%);
}
.marquee .section3 .container[data-v-2790e18a] {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  -moz-column-gap: 48px;
       column-gap: 48px;
}
.marquee .section3 .item-wrap[data-v-2790e18a] {
  display: flex;
  align-items: center;
  -moz-column-gap: 14px;
       column-gap: 14px;
}
.marquee .section3 .item-wrap .icon[data-v-2790e18a] {
  height: 100px;
  -o-object-fit: contain;
     object-fit: contain;
  flex-shrink: 0;
}
.marquee .section3 .item-wrap .word-wrap[data-v-2790e18a] {
  text-align: left;
}
.marquee .section3 .item-wrap .word-wrap .word-value[data-v-2790e18a] {
  color: #fff;
  font-family: Poppins-SemiBold;
  font-size: 40px;
  font-style: normal;
  font-weight: 700;
}
.marquee .section3 .item-wrap .word-wrap .word-value .number-animation[data-v-2790e18a] {
  display: inline-block;
  min-width: 120px;
  transition: all 0.5s ease-out;
  font-variant-numeric: tabular-nums;
}
.marquee .section3 .item-wrap .word-wrap .word-intro[data-v-2790e18a] {
  color: #fff;
  font-family: Poppins;
  font-size: 24px;
  font-style: normal;
  font-weight: 400;
  line-height: 32px;
}
@media screen and (max-width: 1200px) {
.marquee .container[data-v-2790e18a] {
    width: 100%;
}
.marquee .container .title[data-v-2790e18a] {
    font-size: 0.3072rem;
    line-height: normal;
    padding-bottom: 0.51rem;
}
.marquee .container .title2[data-v-2790e18a] {
    padding-top: 0.82rem;
}
.marquee .container .img-wrap[data-v-2790e18a] {
    width: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    -moz-column-gap: 0.46rem;
         column-gap: 0.46rem;
    row-gap: 0.51rem;
}
.marquee .container .img-wrap .pic[data-v-2790e18a] {
    width: 1.60427rem;
    height: 0.85333rem;
    flex-shrink: 0;
    -o-object-fit: contain;
       object-fit: contain;
}
.marquee .section1[data-v-2790e18a] {
    padding: 0.85rem 0.32rem;
}
.marquee .section2[data-v-2790e18a] {
    padding: 0.85rem 0.32rem;
}
.marquee .section3[data-v-2790e18a] {
    padding: 0.85rem 0.32rem;
}
.marquee .section3 .container[data-v-2790e18a] {
    -moz-column-gap: 0;
         column-gap: 0;
    justify-content: space-between;
    align-items: baseline;
}
.marquee .section3 .item-wrap[data-v-2790e18a] {
    flex-direction: column;
    row-gap: 0.41rem;
    -moz-column-gap: 0;
         column-gap: 0;
    flex: 1;
}
.marquee .section3 .item-wrap .icon[data-v-2790e18a] {
    height: 0.85333rem;
    -o-object-fit: contain;
       object-fit: contain;
}
.marquee .section3 .item-wrap .word-wrap[data-v-2790e18a] {
    text-align: center;
}
.marquee .section3 .item-wrap .word-wrap .word-value[data-v-2790e18a] {
    font-size: 0.3072rem;
    padding-bottom: 0.17rem;
}
.marquee .section3 .item-wrap .word-wrap .word-value .number-animation[data-v-2790e18a] {
    min-width: 1rem;
}
.marquee .section3 .item-wrap .word-wrap .word-intro[data-v-2790e18a] {
    font-size: 0.22187rem;
    line-height: 0.28rem;
    word-wrap: break-word;
    max-width: 1.7rem;
}
}

/*!****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-4.use[1]!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/less-loader/dist/cjs.js!./node_modules/vue-loader/lib/index.js??vue-loader-options!./src/vue/view/index-ph-official/components/StorySection.vue?vue&type=style&index=0&id=158bd697&lang=less&scoped=true ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.story[data-v-158bd697] {
  width: 100%;
  padding: 110px 0;
  background: #fff;
}
.story .title[data-v-158bd697] {
  color: #434c59;
  text-align: center;
  font-family: Poppins-SemiBold;
  font-size: 50px;
  font-style: normal;
  font-weight: 700;
  line-height: 60px;
  max-width: 1100px;
  margin: auto;
}
.story .sub-title[data-v-158bd697] {
  width: 100%;
  color: #434c59;
  text-align: center;
  font-family: Poppins;
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 32px;
  padding: 40px 0 80px;
}
.story .wave-swiper[data-v-158bd697] {
  position: relative;
  padding: 20px 0 0;
}
.story .wave-swiper .swiper-container[data-v-158bd697] {
  overflow: visible;
}
.story .wave-swiper .swiper-slide[data-v-158bd697] {
  width: 560px;
  transition: transform 0.5s ease;
  will-change: transform;
  backface-visibility: hidden;
  transform: translateY(0);
}
.story .wave-swiper .swiper-slide.swiper-slide-active[data-v-158bd697] {
  opacity: 1;
  filter: none;
  z-index: 2;
  transform: translateY(0);
}
.story .wave-swiper .swiper-slide .wave-item[data-v-158bd697] {
  perspective: 1000px;
  border-radius: 24px;
  padding: 30px;
  box-sizing: border-box;
  background: #fff;
  display: flex;
  align-items: flex-start;
  -moz-column-gap: 18px;
       column-gap: 18px;
  box-shadow: 8px 16px 20px 0px rgba(125, 116, 253, 0.1);
  cursor: pointer;
}
.story .wave-swiper .swiper-slide .wave-item .wave-image[data-v-158bd697] {
  width: 70px;
  height: 70px;
  -o-object-fit: contain;
     object-fit: contain;
  flex-shrink: 0;
  border-radius: 70px;
}
.story .wave-swiper .swiper-slide .wave-item .right-wrap[data-v-158bd697] {
  width: 336px;
}
.story .wave-swiper .swiper-slide .wave-item .right-wrap .star-wrap[data-v-158bd697] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-left: 2px;
  padding-bottom: 20px;
}
.story .wave-swiper .swiper-slide .wave-item .right-wrap .star-wrap .name-wrap .name[data-v-158bd697] {
  color: #434c59;
  font-family: Poppins-SemiBold;
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}
.story .wave-swiper .swiper-slide .wave-item .right-wrap .star-wrap .name-wrap .amount[data-v-158bd697] {
  color: #7e7e89;
  text-align: left;
  font-family: Poppins;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
.story .wave-swiper .swiper-slide .wave-item .right-wrap .star-wrap .star[data-v-158bd697] {
  width: 125px;
  -o-object-fit: contain;
     object-fit: contain;
  flex-shrink: 0;
}
.story .wave-swiper .swiper-slide .wave-item .right-wrap .content[data-v-158bd697] {
  width: 100%;
  color: #7e7e89;
  text-overflow: ellipsis;
  font-family: Poppins;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 22px;
  letter-spacing: 1px;
  word-wrap: break-word;
  text-align: left;
}
.story .wave-swiper .swiper-slide .active-item[data-v-158bd697] {
  background: linear-gradient(237deg, #b6b1ff 0%, #675cf2 72.24%, #3915e7 131.63%);
  box-shadow: 8px 16px 20px 0px rgba(125, 116, 253, 0.1);
}
.story .wave-swiper .swiper-slide .active-item .name[data-v-158bd697],
.story .wave-swiper .swiper-slide .active-item .amount[data-v-158bd697],
.story .wave-swiper .swiper-slide .active-item .content[data-v-158bd697] {
  color: #fff !important;
}
.story .wave-swiper .swiper-slide[data-swiper-slide-index][data-v-158bd697] {
  transform: rotateY(5deg) rotateZ(-1deg);
}
.story .wave-swiper .swiper-slide[data-swiper-slide-index].swiper-slide-active[data-v-158bd697] {
  transform: rotateY(0) rotateZ(0);
}
.story .wave-swiper .progress-bar[data-v-158bd697] {
  width: 300px;
  margin: 80px auto 0;
  height: 8px;
  background: #eee;
}
.story .wave-swiper .progress-bar .progress[data-v-158bd697] {
  height: 100%;
  background: #6d63f1;
  transition: width 0.3s ease;
}
@media screen and (max-width: 1200px) {
.story[data-v-158bd697] {
    padding: 0.85rem 0;
}
.story .title[data-v-158bd697] {
    font-size: 0.3072rem;
    max-width: 4.8rem;
    line-height: inherit;
}
.story .sub-title[data-v-158bd697] {
    width: 5rem;
    font-size: 0.23893rem;
    line-height: normal;
    padding: 0.34rem 0 0.72rem;
    margin: auto;
}
.story .wave-swiper[data-v-158bd697] {
    padding: 0.34rem 0 0;
}
.story .wave-swiper .swiper-navigation[data-v-158bd697] {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 100%;
    z-index: 10;
    pointer-events: none;
}
.story .wave-swiper .swiper-navigation .swiper-button-prev[data-v-158bd697],
  .story .wave-swiper .swiper-navigation .swiper-button-next[data-v-158bd697] {
    position: absolute;
    top: 50%;
    width: 0.68267rem;
    height: 0.68267rem;
    border-radius: 50%;
    cursor: pointer;
    pointer-events: auto;
    transition: all 0.3s ease;
}
.story .wave-swiper .swiper-navigation .swiper-button-prev[data-v-158bd697]::after,
  .story .wave-swiper .swiper-navigation .swiper-button-next[data-v-158bd697]::after {
    content: '';
    width: 0;
}
.story .wave-swiper .swiper-navigation .swiper-button-prev[data-v-158bd697] {
    left: 0.31rem;
    background: url('https://sgp-c2.hitechset.com/files/4166386c5e3552794.png') center no-repeat;
    background-size: cover;
}
.story .wave-swiper .swiper-navigation .swiper-button-next[data-v-158bd697] {
    right: 0.31rem;
    background: url('https://sgp-c2.hitechset.com/files/4166394bfd8cf128.png') center no-repeat;
    background-size: cover;
}
.story .wave-swiper .swiper-slide[data-v-158bd697] {
    width: 4.6rem;
}
.story .wave-swiper .swiper-slide .wave-item[data-v-158bd697] {
    border-radius: 0.4096rem;
    padding: 0.22rem;
    -moz-column-gap: 0.34rem;
         column-gap: 0.34rem;
    box-shadow: -8px -16px 20px 0px rgba(125, 116, 253, 0.1), 8px 16px 20px 0px rgba(125, 116, 253, 0.1);
    flex-wrap: wrap;
}
.story .wave-swiper .swiper-slide .wave-item .wave-image[data-v-158bd697] {
    width: 0.68267rem;
    height: 0.68267rem;
    border-radius: 0.68267rem;
}
.story .wave-swiper .swiper-slide .wave-item .right-wrap[data-v-158bd697] {
    width: 3rem;
}
.story .wave-swiper .swiper-slide .wave-item .right-wrap .star-wrap[data-v-158bd697] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-left: 0;
    padding-bottom: 0.34rem;
}
.story .wave-swiper .swiper-slide .wave-item .right-wrap .star-wrap .name-wrap[data-v-158bd697] {
    align-items: flex-start;
}
.story .wave-swiper .swiper-slide .wave-item .right-wrap .star-wrap .name-wrap .name[data-v-158bd697] {
    font-size: 0.27307rem;
}
.story .wave-swiper .swiper-slide .wave-item .right-wrap .star-wrap .name-wrap .amount[data-v-158bd697] {
    font-size: 0.23893rem;
}
.story .wave-swiper .swiper-slide .wave-item .right-wrap .star-wrap .star[data-v-158bd697] {
    width: 1.19467rem;
}
.story .wave-swiper .swiper-slide .wave-item .content[data-v-158bd697] {
    width: 100%;
    color: #7e7e89;
    text-align: center;
    font-family: Poppins;
    font-size: 0.23893rem;
    font-style: normal;
    font-weight: 400;
    line-height: 0.32rem;
    letter-spacing: 0.01707rem;
    word-wrap: break-word;
}
.story .wave-swiper .progress-bar[data-v-158bd697] {
    width: 3.72rem;
    margin: 0.6rem auto 0;
    height: 0.07rem;
    background: #eee;
}
.story .wave-swiper .progress-bar .progress[data-v-158bd697] {
    height: 100%;
    background: #6d63f1;
    transition: width 0.3s ease;
}
}

/*!***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-4.use[1]!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/less-loader/dist/cjs.js!./node_modules/vue-loader/lib/index.js??vue-loader-options!./src/vue/view/index-ph-official/components/HelpSection.vue?vue&type=style&index=0&id=78dfcb4d&lang=less&scoped=true ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.help[data-v-78dfcb4d] {
  width: 100%;
  padding: 110px 0;
  background: rgba(241, 243, 255, 0.7);
  box-sizing: border-box;
}
.help .container[data-v-78dfcb4d] {
  width: 1200px;
  margin: auto;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.help .container .title[data-v-78dfcb4d] {
  color: #434c59;
  text-align: center;
  font-family: Poppins-SemiBold;
  font-size: 50px;
  font-style: normal;
  font-weight: 700;
  line-height: 60px;
}
.help .container .sub-title[data-v-78dfcb4d] {
  padding: 25px 0 80px;
  color: #434c59;
  text-align: center;
  font-family: Poppins;
  font-size: 24px;
  font-style: normal;
  font-weight: 400;
  line-height: 32px;
}
.help .container .content-wrap[data-v-78dfcb4d] {
  display: flex;
  flex-direction: row;
  justify-content: center;
  -moz-column-gap: 72px;
       column-gap: 72px;
  align-items: baseline;
}
.help .container .content-wrap .left-wrap[data-v-78dfcb4d] {
  display: flex;
  flex-direction: column;
  align-items: center;
  row-gap: 40px;
}
.help .container .content-wrap .left-wrap .item[data-v-78dfcb4d] {
  width: 554px;
  padding: 22px 40px 0;
  box-sizing: border-box;
  height: -moz-max-content;
  height: max-content;
  background: #fff;
  border-radius: 10px;
}
.help .container .content-wrap .left-wrap .item .intro[data-v-78dfcb4d] {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-bottom: 22px;
  cursor: pointer;
}
.help .container .content-wrap .left-wrap .item .intro span[data-v-78dfcb4d] {
  color: #434c59;
  font-family: Poppins;
  font-size: 22px;
  font-style: normal;
  font-weight: 400;
  line-height: 28px;
  padding-right: 14px;
  word-wrap: break-word;
  flex: 1;
  text-align: left;
}
.help .container .content-wrap .left-wrap .item .intro .icon[data-v-78dfcb4d] {
  width: 20px;
  height: 20px;
  -o-object-fit: contain;
     object-fit: contain;
  flex-shrink: 0;
  transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}
.help .container .content-wrap .left-wrap .item .intro .icon.rotate-icon[data-v-78dfcb4d] {
  transform: rotate(180deg);
}
.help .container .content-wrap .left-wrap .item .intro-content[data-v-78dfcb4d] {
  padding: 20px 0 22px;
  color: #7e7e89;
  font-family: Poppins;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  text-align: left;
  box-sizing: border-box;
}
.help .container .content-wrap .right-wrap[data-v-78dfcb4d] {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.help .container .content-wrap .right-wrap .right-title[data-v-78dfcb4d] {
  color: #434c59;
  text-align: center;
  font-family: Poppins-SemiBold;
  font-size: 26px;
  font-style: normal;
  font-weight: 500;
  padding: 20px 0 29px;
}
.help .container .content-wrap .right-wrap .video-wrap[data-v-78dfcb4d] {
  width: 549px;
  height: 309px;
  flex-shrink: 0;
  border-radius: 41px;
  background: rgba(0, 0, 0, 0.1);
  position: relative;
}
.help .container .content-wrap .right-wrap .video-wrap .video-mask[data-v-78dfcb4d] {
  position: absolute;
  z-index: 99;
  width: 100%;
  height: 100%;
  border-radius: 41px;
  background: url('https://sgp-c2.hitechset.com/files/3812984f869540518.png') center no-repeat;
  background-size: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.help .container .content-wrap .right-wrap .video-wrap .video-mask[data-v-78dfcb4d]::before {
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  border-radius: 41px;
  top: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.1);
}
.help .container .content-wrap .right-wrap .video-wrap .video-mask .play[data-v-78dfcb4d] {
  width: 75px;
  height: 100px;
  -o-object-fit: contain;
     object-fit: contain;
  cursor: pointer;
  align-self: center;
  z-index: 2;
  position: relative;
}
.help .container .content-wrap .right-wrap .video-wrap .video-tag[data-v-78dfcb4d] {
  width: 100%;
  height: 100%;
  border-radius: 41px;
}
.help .container .content-wrap .right-wrap .btn[data-v-78dfcb4d] {
  width: -moz-max-content;
  width: max-content;
  height: -moz-max-content;
  height: max-content;
  padding: 12px 30px;
  border-radius: 10px;
  border: 2px solid #645ebf;
  text-align: center;
  box-sizing: border-box;
  cursor: pointer;
  color: #6d63f1;
  font-family: Poppins-SemiBold;
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 26px;
  display: inline-block;
  margin: 83px auto 0;
}
@media screen and (max-width: 1200px) {
.help[data-v-78dfcb4d] {
    padding: 0.85rem 0.32rem;
    box-sizing: border-box;
}
.help .container[data-v-78dfcb4d] {
    width: 100%;
}
.help .container .title[data-v-78dfcb4d] {
    font-size: 0.3072rem;
    line-height: inherit;
}
.help .container .sub-title[data-v-78dfcb4d] {
    font-size: 0.23893rem;
    word-wrap: break-word;
    max-width: 3.9rem;
    padding: 0.2rem 0 0.51rem;
    line-height: inherit;
}
.help .container .content-wrap[data-v-78dfcb4d] {
    flex-direction: column;
    -moz-column-gap: 0;
         column-gap: 0;
    row-gap: 0.85rem;
    align-items: center;
}
.help .container .content-wrap .left-wrap[data-v-78dfcb4d] {
    row-gap: 0.34rem;
}
.help .container .content-wrap .left-wrap .item[data-v-78dfcb4d] {
    width: 100%;
    padding: 0.17rem 0.17rem 0 0.17rem;
    border-radius: 0.06827rem;
}
.help .container .content-wrap .left-wrap .item .intro[data-v-78dfcb4d] {
    padding-bottom: 0.17rem;
}
.help .container .content-wrap .left-wrap .item .intro span[data-v-78dfcb4d] {
    font-size: 0.256rem;
    line-height: 0.38229rem;
    padding-right: 0.34rem;
}
.help .container .content-wrap .left-wrap .item .intro .icon[data-v-78dfcb4d] {
    width: 0.34133rem;
    height: 0.34133rem;
}
.help .container .content-wrap .left-wrap .item .intro-content[data-v-78dfcb4d] {
    padding: 0.17rem 0;
    font-size: 0.23893rem;
    line-height: 0.4096rem;
}
.help .container .content-wrap .left-wrap .btn[data-v-78dfcb4d] {
    height: -moz-max-content;
    height: max-content;
    border: 2px solid #645ebf;
    text-align: center;
    box-sizing: border-box;
    cursor: pointer;
    color: #6d63f1;
    font-family: Poppins-SemiBold;
    font-style: normal;
    font-weight: 700;
    width: 2.73066rem;
    height: 0.68267rem;
    border-radius: 0.17067rem;
    font-size: 0.256rem;
    line-height: 0.68267rem;
    margin: 0.17rem 0 0;
}
.help .container .content-wrap .right-wrap .right-title[data-v-78dfcb4d] {
    font-size: 0.3072rem;
    font-style: normal;
    font-weight: 500;
    padding: 0 0 0.51rem;
}
.help .container .content-wrap .right-wrap .video-wrap[data-v-78dfcb4d] {
    width: 100%;
    height: 3.25rem;
    border-radius: 0.2rem;
}
.help .container .content-wrap .right-wrap .video-wrap .video-mask[data-v-78dfcb4d] {
    border-radius: 0.2rem;
    background: url('https://sgp-c2.hitechset.com/files/29605548fc078825.png') center no-repeat;
    background-size: 100%;
}
.help .container .content-wrap .right-wrap .video-wrap .video-mask[data-v-78dfcb4d]::before {
    border-radius: 0.2rem;
}
.help .container .content-wrap .right-wrap .video-wrap .video-mask .play[data-v-78dfcb4d] {
    width: 0.7424rem;
    height: 0.98987rem;
    -o-object-fit: contain;
       object-fit: contain;
}
.help .container .content-wrap .right-wrap .video-wrap .video-tag[data-v-78dfcb4d] {
    border-radius: 0.2rem;
}
}

/*!******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-4.use[1]!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/less-loader/dist/cjs.js!./node_modules/vue-loader/lib/index.js??vue-loader-options!./src/vue/view/index-ph-official/components/PrivacySection.vue?vue&type=style&index=0&id=8984ab38&lang=less&scoped=true ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.privacy[data-v-8984ab38] {
  width: 100%;
  padding: 110px 0;
  box-sizing: border-box;
  background: #fff;
}
.privacy .container[data-v-8984ab38] {
  width: 1200px;
  margin: auto;
}
.privacy .container .title[data-v-8984ab38] {
  color: #434c59;
  font-family: Poppins-SemiBold;
  font-size: 50px;
  font-style: normal;
  font-weight: 700;
  line-height: 60px;
  padding-bottom: 40px;
  text-align: left;
}
.privacy .container .content-wrap[data-v-8984ab38] {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.privacy .container .content-wrap .content[data-v-8984ab38] {
  max-width: 880px;
  color: #59647c;
  font-family: Poppins;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 36px;
  word-wrap: break-word;
  text-align: left;
}
.privacy .container .content-wrap .btn[data-v-8984ab38] {
  width: 210px;
  height: -moz-max-content;
  height: max-content;
  display: flex;
  padding: 12px 0;
  flex-direction: column;
  justify-content: center;
  text-align: center;
  border-radius: 10px;
  border: 2px solid #4f4f4f;
  background: #fff;
  color: #4f4f4f;
  font-family: Poppins-SemiBold;
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 26px;
  cursor: pointer;
}
@media screen and (max-width: 1200px) {
.privacy[data-v-8984ab38] {
    padding: 0.85rem 0.32rem;
}
.privacy .container[data-v-8984ab38] {
    width: 100%;
}
.privacy .container .title[data-v-8984ab38] {
    font-size: 0.3072rem;
    line-height: normal;
    padding-bottom: 0.34rem;
    text-align: center;
}
.privacy .container .content-wrap[data-v-8984ab38] {
    flex-direction: column;
    row-gap: 0.8rem;
}
.privacy .container .content-wrap .content[data-v-8984ab38] {
    font-size: 0.23893rem;
    max-width: 100%;
    line-height: 0.4096rem;
}
.privacy .container .content-wrap .btn[data-v-8984ab38] {
    width: 2.73066rem;
    height: 0.68267rem;
    border-radius: 0.17067rem;
    font-size: 0.256rem;
    line-height: 0.68267rem;
    padding: 0;
    box-sizing: border-box;
}
}

/*!*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-4.use[1]!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/less-loader/dist/cjs.js!./node_modules/vue-loader/lib/index.js??vue-loader-options!./src/vue/view/index-ph-official/HomeView.vue?vue&type=style&index=0&id=15e065c6&scoped=true&lang=less ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.home-view[data-v-15e065c6] {
  overflow-x: hidden;
}

/*!**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-4.use[1]!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/less-loader/dist/cjs.js!./node_modules/vue-loader/lib/index.js??vue-loader-options!./src/vue/view/index-ph-official/AboutView.vue?vue&type=style&index=0&id=e3f2d4c0&lang=less&scoped=true ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.common-page[data-v-e3f2d4c0] {
  -webkit-tap-highlight-color: transparent !important;
}
.common-page .banner[data-v-e3f2d4c0] {
  height: 395px;
  background: url('https://sgp-c2.hitechset.com/files/official/40090505261b08969.png') center / cover no-repeat #e7e9f8;
}
.common-page .banner-word[data-v-e3f2d4c0] {
  color: #6258eb;
  font-family: Poppins-SemiBold;
  font-size: 64px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}
.common-page .page-container[data-v-e3f2d4c0] {
  padding: 100px 0;
  display: flex;
  flex-direction: column;
  row-gap: 40px;
}
.common-page .page-container .content[data-v-e3f2d4c0] {
  color: #7e7e89;
  font-family: Poppins;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  text-align: left;
}
.common-page .contact[data-v-e3f2d4c0] {
  background: rgba(240, 242, 255, 0.7);
}
.common-page .contact .page-container[data-v-e3f2d4c0] {
  padding: 110px 0;
  row-gap: 80px;
}
.common-page .contact .page-container .title[data-v-e3f2d4c0] {
  font-family: Poppins-SemiBold;
  font-size: 50px;
  font-style: normal;
  font-weight: 700;
  line-height: 60px;
  color: #3830a2;
  text-align: center;
}
.common-page .contact .page-container .contact-wrap[data-v-e3f2d4c0] {
  width: 100%;
  display: flex;
  -moz-column-gap: 74px;
       column-gap: 74px;
  align-items: center;
}
.common-page .contact .page-container .contact-wrap .item[data-v-e3f2d4c0] {
  width: 350px;
  height: 318px;
  padding: 31px 25px;
  border-radius: 20px;
  box-sizing: border-box;
  background: #fff;
  display: flex;
  flex-direction: column;
  align-items: center;
  row-gap: 20px;
}
.common-page .contact .page-container .contact-wrap .item .icon[data-v-e3f2d4c0] {
  width: 80px;
  height: 80px;
  flex-shrink: 0;
  -o-object-fit: contain;
     object-fit: contain;
}
.common-page .contact .page-container .contact-wrap .item .item-title[data-v-e3f2d4c0] {
  color: #342bb1;
  text-align: center;
  font-family: Poppins-SemiBold;
  font-size: 22px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}
.common-page .contact .page-container .contact-wrap .item .content[data-v-e3f2d4c0] {
  color: #434c59;
  text-align: center;
  font-family: Poppins-SemiBold;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}
.common-page .contact .page-container .contact-wrap .item .content[data-v-e3f2d4c0] p {
  cursor: pointer;
}
.common-page .contact .page-container .contact-wrap .item .content[data-v-e3f2d4c0] span {
  color: #434c59;
  font-family: Poppins;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
}
.common-page .contact .page-container .contact-wrap .item .content[data-v-e3f2d4c0] .btn {
  width: 280px;
  height: 60px;
  padding: 18px 43px;
  box-sizing: border-box;
  text-align: center;
  cursor: pointer;
  border-radius: 100px;
  background: #eae9ff;
  box-shadow: 0px 8.438px 19.688px 0px rgba(224, 226, 234, 0.53);
  color: #7167fa;
  font-family: Poppins;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  margin-top: 20px;
}
.common-page[data-v-e3f2d4c0] .feedback-dialog {
  border-radius: 20px;
  background: #f5f6ff;
}
.common-page[data-v-e3f2d4c0] .feedback-dialog .sf-dialog__header {
  padding: 32px 0 26px;
  text-align: center;
}
.common-page[data-v-e3f2d4c0] .feedback-dialog .sf-dialog__body {
  padding: 0 49px 40px;
}
.common-page[data-v-e3f2d4c0] .feedback-dialog .sf-dialog__title {
  color: #434c59;
  text-align: center;
  font-family: Poppins-SemiBold;
  font-size: 22px;
  font-style: normal;
  font-weight: 700;
  line-height: 28px;
}
.common-page[data-v-e3f2d4c0] .feedback-dialog .content-wrap {
  width: 100%;
  height: -moz-max-content;
  height: max-content;
  border-radius: 20px;
  background: #fff;
  padding: 16px 33px;
  box-sizing: border-box;
  margin-bottom: 26px;
}
.common-page[data-v-e3f2d4c0] .feedback-dialog .sf-textarea__inner {
  border: none;
  padding: 0;
  font-family: Poppins;
  font-size: 16px;
  line-height: 28px;
  color: #434c59;
}
.common-page[data-v-e3f2d4c0] .feedback-dialog .sf-input__count {
  color: #999;
  text-align: center;
  font-family: Poppins;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 28px;
  right: -5px;
  bottom: -20px;
  background: transparent;
}
.common-page[data-v-e3f2d4c0] .feedback-dialog .sf-icon-close:before {
  font-size: 24px;
}
.common-page[data-v-e3f2d4c0] .feedback-dialog .sub-btn {
  width: 280px;
  height: 60px;
  padding: 18px 43px;
  box-sizing: border-box;
  border-radius: 137.425px;
  background: #8076fd;
  box-shadow: 0px 8.438px 19.688px 0px rgba(224, 226, 234, 0.53);
  color: #fff;
  font-family: Poppins;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  text-align: center;
  margin: 0 auto;
  cursor: pointer;
}
@media (max-width: 1200px) {
.common-page .banner[data-v-e3f2d4c0] {
    height: 3.9424rem;
    background: url('https://sgp-c2.hitechset.com/files/official/62911556d27f95771.png') center / cover no-repeat #e7e9f8;
}
.common-page .banner-word[data-v-e3f2d4c0] {
    font-size: 0.47787rem;
    padding-left: 0.84rem;
}
.common-page .page-container[data-v-e3f2d4c0] {
    width: 100%;
    padding: 0.85rem 0.32rem;
    row-gap: 0.51rem;
}
.common-page .page-container .content[data-v-e3f2d4c0] {
    width: 100%;
    font-size: 0.27307rem;
}
.common-page .contact[data-v-e3f2d4c0] {
    background: rgba(240, 242, 255, 0.7);
}
.common-page .contact .page-container[data-v-e3f2d4c0] {
    width: 100%;
    padding: 0.85rem 0.32rem;
    row-gap: 0.51rem;
}
.common-page .contact .page-container .title[data-v-e3f2d4c0] {
    font-size: 0.3072rem;
    line-height: normal;
}
.common-page .contact .page-container .contact-wrap[data-v-e3f2d4c0] {
    width: 100%;
    display: flex;
    flex-direction: column;
    -moz-column-gap: 0;
         column-gap: 0;
    row-gap: 0.34rem;
    align-items: center;
}
.common-page .contact .page-container .contact-wrap .item[data-v-e3f2d4c0] {
    width: 100%;
    height: -moz-max-content;
    height: max-content;
    min-height: 4.6592rem;
    padding: 0.34rem;
    border-radius: 0.34133rem;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    row-gap: 0.34rem;
}
.common-page .contact .page-container .contact-wrap .item .icon[data-v-e3f2d4c0] {
    width: 1.36533rem;
    height: 1.36533rem;
}
.common-page .contact .page-container .contact-wrap .item .item-title[data-v-e3f2d4c0] {
    font-size: 0.3072rem;
}
.common-page .contact .page-container .contact-wrap .item .content[data-v-e3f2d4c0] {
    font-size: 0.27307rem;
}
.common-page .contact .page-container .contact-wrap .item .content[data-v-e3f2d4c0] span {
    font-size: 0.23893rem;
}
.common-page .contact .page-container .contact-wrap .item .content[data-v-e3f2d4c0] .btn {
    width: 4.77866rem;
    height: 0.8192rem;
    padding: 0;
    border-radius: 2.34538rem;
    background: #eae9ff;
    font-size: 0.3072rem;
    line-height: 0.8192rem;
    margin-top: 0.34rem;
}
.common-page[data-v-e3f2d4c0] .feedback-dialog {
    width: 5.75146rem !important;
    border-radius: 0.34133rem;
}
.common-page[data-v-e3f2d4c0] .feedback-dialog .sf-dialog__header {
    padding: 0.39rem 0 0.22rem;
}
.common-page[data-v-e3f2d4c0] .feedback-dialog .sf-dialog__body {
    padding: 0 0.26rem 0.43rem;
}
.common-page[data-v-e3f2d4c0] .feedback-dialog .sf-dialog__title {
    font-size: 0.37547rem;
    line-height: 0.47787rem;
}
.common-page[data-v-e3f2d4c0] .feedback-dialog .content-wrap {
    border-radius: 0.34133rem;
    padding: 0.27rem;
    margin-bottom: 0.43rem;
}
.common-page[data-v-e3f2d4c0] .feedback-dialog .sf-textarea__inner {
    font-size: 0.23893rem;
    line-height: 0.47787rem;
}
.common-page[data-v-e3f2d4c0] .feedback-dialog .sf-input__count {
    font-size: 0.23893rem;
    line-height: 0.47787rem;
}
.common-page[data-v-e3f2d4c0] .feedback-dialog .sf-icon-close:before {
    font-size: 0.38rem;
}
.common-page[data-v-e3f2d4c0] .feedback-dialog .sub-btn {
    width: 4.77866rem;
    height: 0.8192rem;
    padding: 0 0.73387rem;
    border-radius: 2.34538rem;
    font-size: 0.27307rem;
    line-height: 0.8192rem;
}
}

/*!*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-4.use[1]!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/less-loader/dist/cjs.js!./node_modules/vue-loader/lib/index.js??vue-loader-options!./src/vue/view/index-ph-official/FaqsView.vue?vue&type=style&index=0&id=6241a9f8&lang=less&scoped=true ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.common-page .banner[data-v-6241a9f8] {
  height: 574px;
  background: url('https://sgp-c2.hitechset.com/files/official/72584741ba8060108.png') center / cover no-repeat #e7e9f8;
}
.common-page .banner-word[data-v-6241a9f8] {
  display: flex;
  flex-direction: column;
  row-gap: 16px;
}
.common-page .banner-word .title[data-v-6241a9f8] {
  max-width: 540px;
  color: #6258eb;
  font-family: Poppins-SemiBold;
  font-size: 64px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}
.common-page .banner-word .sub-title[data-v-6241a9f8] {
  color: #6258eb;
  font-family: Poppins-SemiBold;
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}
.common-page .banner-word .ol-wrap[data-v-6241a9f8],
.common-page .banner-word .tips[data-v-6241a9f8] {
  list-style: disc;
  margin-left: 24px;
  color: #333;
  font-family: Poppins;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
.common-page .banner-word .tips[data-v-6241a9f8] {
  margin: 0;
}
.common-page .page-container[data-v-6241a9f8] {
  padding: 50px 0 60px;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  row-gap: 50px;
}
.common-page .page-container .item[data-v-6241a9f8] {
  width: 100%;
  padding: 0 0 50px 0;
  box-sizing: border-box;
  height: -moz-max-content;
  height: max-content;
  background: #fff;
  border-bottom: 2px solid #979797;
}
.common-page .page-container .item .intro[data-v-6241a9f8] {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  cursor: pointer;
}
.common-page .page-container .item .intro span[data-v-6241a9f8] {
  color: #7167fa;
  font-family: Poppins-SemiBold;
  font-size: 22px;
  font-style: normal;
  font-weight: 700;
  line-height: 22.4px;
  padding-right: 14px;
  word-wrap: break-word;
  flex: 1;
  text-align: left;
}
.common-page .page-container .item .intro .icon[data-v-6241a9f8] {
  width: 20px;
  height: 20px;
  -o-object-fit: contain;
     object-fit: contain;
  flex-shrink: 0;
  transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}
.common-page .page-container .item .intro .icon.rotate-icon[data-v-6241a9f8] {
  transform: rotate(180deg);
}
.common-page .page-container .item .intro-content[data-v-6241a9f8] {
  padding-top: 40px;
  color: #7e7e89;
  font-family: Poppins;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 30px;
  word-wrap: break-word;
}
@media screen and (max-width: 1200px) {
.common-page .banner[data-v-6241a9f8] {
    height: 4.93226rem;
    background: url('https://sgp-c2.hitechset.com/files/official/8737802f8458a292.png') center / cover no-repeat #e7e9f8;
}
.common-page .banner-word[data-v-6241a9f8] {
    row-gap: 0;
    padding-left: 0.32rem;
}
.common-page .banner-word .title[data-v-6241a9f8] {
    max-width: 4.2496rem;
    font-size: 0.47787rem;
}
.common-page .banner-word .sub-title[data-v-6241a9f8] {
    font-size: 0.256rem;
    padding-top: 0.03rem;
}
.common-page .banner-word .ol-wrap[data-v-6241a9f8],
  .common-page .banner-word .tips[data-v-6241a9f8] {
    list-style: disc;
    margin-left: 24px;
    color: #333;
    font-family: Poppins;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}
.common-page .banner-word .tips[data-v-6241a9f8] {
    margin: 0;
}
.common-page .page-container[data-v-6241a9f8] {
    width: 100%;
    padding: 0.85rem 0.32rem;
    box-sizing: border-box;
    row-gap: 0.85rem;
}
.common-page .page-container .item[data-v-6241a9f8] {
    width: 100%;
    padding: 0 0 0.85rem 0;
    border-bottom: 0.01707rem solid #979797;
}
.common-page .page-container .item .intro span[data-v-6241a9f8] {
    font-size: 0.27307rem;
    line-height: 0.38229rem;
    padding-right: 0.34rem;
}
.common-page .page-container .item .intro .icon[data-v-6241a9f8] {
    width: 0.34133rem;
    height: 0.34133rem;
}
.common-page .page-container .item .intro-content[data-v-6241a9f8] {
    padding-top: 0.34rem;
    font-size: 0.23893rem;
    line-height: 0.512rem;
}
}

/*!****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-4.use[1]!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/less-loader/dist/cjs.js!./node_modules/vue-loader/lib/index.js??vue-loader-options!./src/vue/view/index-ph-official/PrivacyView.vue?vue&type=style&index=0&id=09d195ca&lang=less&scoped=true ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.common-page .banner[data-v-09d195ca] {
  height: 286px;
  background: url('https://sgp-c2.hitechset.com/files/official/409577434ba8b6259.png') center / cover no-repeat #e7e9f8;
}
.common-page .banner-word[data-v-09d195ca] {
  color: #6258eb;
  font-family: Poppins-SemiBold;
  font-size: 60px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}
.common-page .page-container[data-v-09d195ca] {
  padding: 60px 0 110px;
}
.common-page .page-container .title[data-v-09d195ca] {
  color: #7167fa;
  font-family: Poppins-SemiBold;
  font-size: 22px;
  font-style: normal;
  font-weight: 700;
  line-height: 22.4px;
  text-align: left;
  padding-bottom: 24px;
}
.common-page .page-container .page-content p[data-v-09d195ca],
.common-page .page-container .page-content span[data-v-09d195ca] {
  color: #7e7e89;
  font-family: Poppins !important;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 22.4px;
}
@media (max-width: 1200px) {
.common-page .banner[data-v-09d195ca] {
    height: 3.05493rem;
    background: url('https://sgp-c2.hitechset.com/files/official/5857442613d56d183.png') center / cover no-repeat #e7e9f8;
}
.common-page .banner-word[data-v-09d195ca] {
    font-size: 0.44373rem;
    padding-left: 0.32rem;
}
.common-page .page-container[data-v-09d195ca] {
    width: 100%;
    padding: 0.7rem 0.32rem 1.01rem;
    box-sizing: border-box;
}
.common-page .page-container .title[data-v-09d195ca] {
    font-size: 0.37547rem;
    line-height: 0.38229rem;
    padding-bottom: 0.36rem;
}
.common-page .page-container .page-content p[data-v-09d195ca],
  .common-page .page-container .page-content span[data-v-09d195ca] {
    font-size: 0.27307rem;
    line-height: 0.38229rem;
}
}

/*!***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-4.use[1]!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/less-loader/dist/cjs.js!./node_modules/vue-loader/lib/index.js??vue-loader-options!./src/vue/view/index-ph-official/WebPrivacy.vue?vue&type=style&index=0&id=28ef7e94&lang=less&scoped=true ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.common-page .banner[data-v-28ef7e94] {
  height: 286px;
  background: url('https://sgp-c2.hitechset.com/files/official/409577434ba8b6259.png') center / cover no-repeat #e7e9f8;
}
.common-page .banner-word[data-v-28ef7e94] {
  color: #6258eb;
  font-family: Poppins-SemiBold;
  font-size: 60px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}
.common-page .page-container[data-v-28ef7e94] {
  padding: 60px 0 110px;
}
.common-page .page-container .title[data-v-28ef7e94] {
  color: #7167fa;
  font-family: Poppins-SemiBold;
  font-size: 22px;
  font-style: normal;
  font-weight: 700;
  line-height: 22.4px;
  text-align: left;
  padding-bottom: 24px;
}
.common-page .page-container .page-content p[data-v-28ef7e94],
.common-page .page-container .page-content span[data-v-28ef7e94] {
  color: #7e7e89;
  font-family: Poppins !important;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 22.4px;
}
@media (max-width: 1200px) {
.common-page .banner[data-v-28ef7e94] {
    height: 3.05493rem;
    background: url('https://sgp-c2.hitechset.com/files/official/5857442613d56d183.png') center / cover no-repeat #e7e9f8;
}
.common-page .banner-word[data-v-28ef7e94] {
    font-size: 0.44373rem;
    padding-left: 0.32rem;
}
.common-page .page-container[data-v-28ef7e94] {
    width: 100%;
    padding: 0.7rem 0.32rem 1.01rem;
    box-sizing: border-box;
}
.common-page .page-container .title[data-v-28ef7e94] {
    font-size: 0.37547rem;
    line-height: 0.38229rem;
    padding-bottom: 0.36rem;
}
.common-page .page-container .page-content p[data-v-28ef7e94],
  .common-page .page-container .page-content span[data-v-28ef7e94] {
    font-size: 0.27307rem;
    line-height: 0.38229rem;
}
}

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

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

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

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

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

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

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

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

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

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