*, :after, :before {
  box-sizing: border-box
}
* {
  font-family: SF Pro SC, SF Pro Text, SF Pro Icons, PingFang SC, Microsoft YaHei, Helvetica Neue, Helvetica, Arial, sans-serif;
  margin: 0;
  padding: 0
}
html {
  scroll-behavior: smooth
}
img {
  display: block;
  max-width: 100%
}
h1, h2, h3, h4, h5, h6 {
  text-wrap: balance
}
a {
  text-decoration: none
}
body {
  background: top/cover no-repeat url(../../static/images/image_bg_tinified@2x.f9473d28ded566c2efcf.jpg);
  min-height: 650px
}
header {
  position: sticky;
  top: -1px;
  transition: all .3s;
  z-index: 2
}
header.is_sticky {
  backdrop-filter: blur(10px) opacity(1);
  -webkit-backdrop-filter: blur(10px) opacity(1);
  background: #fffc
}
.header_left_container {
  display: flex;
  margin-right: auto
}
.header_left_link {
  color: #000;
  font-size: 16px;
  font-weight: 500;
  height: 40px;
  line-height: 40px;
  margin-left: 28px;
  padding-right: 16px;
  position: relative;
  transition: all .3s
}
.header_left_link:hover {
  color: #009fa3
}
.header_left_link:after {
  background: url(../../static/images/arrow-link.5001d26cca7271c1316e.svg) 50%/contain no-repeat;
  content: "";
  display: inline-block;
  filter: brightness(0);
  height: 12px;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: all .3s;
  width: 12px
}
.header_left_link:hover:after {
  filter: brightness(0) saturate(100%) invert(48%) sepia(95%) saturate(389%) hue-rotate(140deg) brightness(97%) contrast(101%);
  transform: translate(2px, calc(-50% - 2px))
}
@media (max-width:1279px) {
  .header_left_link {
    display: none
  }
}
.main_core {
  margin: 0 auto;
  width: 1200px
}
.header_core {
  align-items: center;
  display: flex;
  height: 72px;
  justify-content: flex-end;
  transition: all .3s;
  white-space: nowrap
}
.is_sticky .header_core {
  height: 60px
}
.header_logo_link {
  align-items: center;
  color: #000;
  display: block;
  display: flex;
  font-size: 24px;
  margin-right: auto;
  transition: all .3s
}
.header_logo_link svg {
  margin-right: 10px
}
.header_logo_link svg path {
  fill: #000;
  transition: all .3s
}
.header_logo_link:hover {
  color: #194afa
}
.header_logo_link:hover svg path {
  fill: #194afa
}
.header_right_link {
  border-radius: 20px;
  color: #000;
  font-size: 16px;
  height: 40px;
  line-height: 40px;
  padding: 0 24px;
  transition: all .3s
}
.header_right_link:not(.header_go2_store):hover, .header_right_link:not(.header_go2_store):not(:disabled):not(.ant-btn-disabled):hover {
  color: #009fa3
}
.header_logo_link + .header_right_link {
  margin-left: 0
}
.header_go2_store {
  background-color: #0000001a;
  margin-left: 20px
}
.is_sticky .header_go2_store {
  background-color: #000c;
  color: #fff
}
.header_go2_store:hover, .is_sticky .header_go2_store:hover {
  background-color: #000;
  color: #fff
}
.header_popover {
  border-radius: 20px;
  height: 278px;
  width: 348px
}
.qrcode-container {
  align-items: center;
  display: flex;
  justify-content: center
}
.qrcode-content {
  height: 230px;
  margin: 24px 36px;
  width: 276px
}
.web_popover_title {
  color: #000;
  font-size: 16px;
  letter-spacing: 0;
  line-height: 22.4px;
  margin: 0 auto;
  text-align: center
}
.qrcode-wrapper {
  display: flex;
  height: 146px;
  justify-content: space-between;
  margin-top: 24px;
  width: 276px
}
.qrcode-item {
  height: 146px;
  width: 120px
}
.web_popover_qrcode {
  border: .5px solid #e6ebeb;
  border-radius: 8px;
  height: 120px;
  width: 120px
}
.popover_qrcode_text {
  align-items: center;
  display: flex;
  height: 18px;
  margin-left: 19px;
  margin-top: 10px;
  width: 82px
}
.icon {
  height: 18px;
  width: 18px
}
.popover_qrcode_title {
  color: #161d1f;
  font-size: 12px;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 16.8px;
  text-align: center
}
.web_popover_additional_info {
  color: #898e8f;
  font-size: 10px;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 14px;
  margin-top: 29px;
  text-align: center
}
.header_popover, .qrcode_modal {
  text-align: center;
  .ant-popover-content {
    margin-top: 10px
  }
  .ant-modal-content, .ant-popover-inner {
    background: linear-gradient(352.38deg, #fff 82.17%, #e9f7f7 100.99%);
    border: 1px solid #fff;
    border-radius: 12px;
    padding: 8px 16px
  }
  .popover_title {
    font-size: 12px;
    font-weight: 400;
    line-height: 22px;
    margin-bottom: 6px;
    min-width: auto
  }
  .popover_qrcode {
    border: 1px solid #e6ebeb;
    border-radius: 8px;
    margin: 0 auto;
    width: 140px
  }
  .popover_buttons {
    border-radius: 1.2rem;
    display: flex;
    font-size: .8rem;
    height: 2.3rem;
    justify-content: space-between;
    line-height: 2.1rem;
    margin: 1rem auto;
    width: 8.1rem
  }
  .custom-button {
    background-color: initial;
    border: none;
    border-radius: 1.2rem;
    color: #000;
    font-size: .8rem;
    margin: 2px;
    transition: background-color .3s;
    width: 4.2rem
  }
  .custom-button.active, .custom-button:hover {
    background: #00000014;
    border-radius: 1.2rem
  }
  .popover_additional_info {
    color: #898e8f;
    font-size: 11px;
    margin: 8px auto 0
  }
}
.main {
  display: flex;
  flex-direction: column;
  overflow: hidden;
  position: relative
}
.abdomen {
  align-items: center;
  display: flex;
  margin: auto
}
.video_section {
  margin-bottom: 130px
}
.video_section h2 {
  font-size: 36px;
  font-weight: 500;
  margin: 40px auto;
  text-align: center
}
.the_video {
  width: 100%
}
footer {
  color: #898e8f;
  font-size: 14px;
  padding: 30px 0
}
footer a {
  color: #898e8f;
  margin-left: 20px;
  transition: all .3s
}
footer a:hover {
  color: #000000b3
}
.footer_core {
  display: flex;
  justify-content: flex-end
}
.footer_all_rights_reserved {
  margin-right: auto
}
.face_section {
  text-align: left
}
.face_section_core {
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin: 0 auto 0 0;
  min-height: calc(100vh - 72px);
  width: 560px
}
.face_section h1 {
  font-size: 64px;
  font-weight: 700;
  margin: 30px 0
}
.face_section h3 {
  font-size: 20px;
  font-weight: 400;
  height: 36px;
  line-height: 36px;
  padding: 0 0 0 46px;
  position: relative
}
.face_section h3:before {
  background: 0/116px no-repeat url(../../static/images/20250514cx.png);
  content: "";
  display: inline-block;
  height: 116px;
  left: 0;
  margin: 10px 0 0 -40px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 116px
}
.spring_festival .face_section h3:before {
  background: 40px 23px/40px no-repeat url(../../static/images/robot_avatar_spring_festival@2x.e44b5e6ad1a55193d863.png)
}
.badge {
  position: relative
}
.badge:after {
  background: linear-gradient(131.59deg, #caff8e -2.21%, #5ce5e5 104.42%);
  border-radius: 8px 8px 8px 0;
  content: "安卓端";
  display: inline-block;
  font-size: 12px;
  height: 22px;
  left: 0;
  line-height: 22px;
  margin: -22px 0 0;
  padding: 0 6px;
  position: absolute;
  top: 0;
  white-space: nowrap
}
.face_section p {
  color: #3f4647;
  font-size: 16px;
  line-height: 32px
}
.face_section ul.secondary_p {
  color: #898e8f;
  font-size: 12px;
  font-weight: 400;
  line-height: 24px;
  margin: 20px auto 40px 18px;
  li {
    &::marker, strong {
      color: #3d4647
    }
    &:first-child {
      list-style: none;
      position: relative;
      &:before {
        background: url(../../static/images/icon_stamped.ec7d1924c359f675f883.svg) 0 no-repeat;
        content: "";
        display: block;
        height: 100%;
        margin-left: -17px;
        position: absolute;
        width: 18px
      }
    }
  }
}
.go2web {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAcCAYAAAB75n/uAAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAI6SURBVHgBnVZdahRBEK7q7rjxZcUFhTx4Hk8giCC+i4iI+C6oIHoAEUT0BB7KB4WACQlkloSp1E/3kN7uSU+nYNllqqe+qq+qvl588PBiBE9IHkm+//zeQ7hiB8/O1Q8BYHQA/77eyvwtC+D4Zc+/+EMOaPcAP1Mf6DdBr7kUmJxmWWYX+Lnj6hSgK3kDsOCWJYeiSgqgFAZJpL+CIqWDp8x5MNok4N9vq+zM/bdbTUgA5czhu9W1ZbniiQZGqyqU72pwr35aUpGrBUCfKqi8oQOhfv60ESoVMN8u8u2hUkFqOOhYQ8OaB+692XIgpkSCMS2H71dZUne/DOLXhGgP6fh57nctgDRFErw6xqnawH4sK2oD+GnZbNt3jKYlFTUox7wJoNsdR1a3vgQgA8FqT7pXc/N5O1KUFwpIRy9yzte/zkiepzMBOm0KLnTUK7JKGWR0tKAHu5ZkZYbzuIQsO4TIZ/ormJqOAlZSLAtoKiBAbYDNp+3UZOX8Za49658DUVw6AT59tJ/5mwA2PdbQKufmt+2vbP6yPfAWfE6bpkvpRgByQoPPaVNKAqjW9KLkzcdBJMGayZkfvcrn/M6PgUYfwbjRJ4/3e+8DjJQAzM95vBcW3AehEoC0aTOcmrBZArRArgsAjOOWsiwBwHoSNJFmCbj5MFDSFXnx/+uc0/X3M4qTpH9bTp7c7tIvZyqIkwRUTtjWelPVXgsqXkpHDLJjUbzsPuhXLg49LYlsJFb+eCGlZaIbVHAJAnX6RQ73rE0AAAAASUVORK5CYII=) 100%/12px no-repeat;
  color: #1478fa;
  display: inline-flex;
  font-size: 16px;
  margin-right: auto;
  padding-right: 20px
}
.go2web > span {
  background: linear-gradient(134.98deg, #203afc -7.47%, #00ecf4 116.18%);
  -webkit-background-clip: text;
  background-clip: text;
  color: #0000;
  transition: all .3s
}
.go2web:hover > span {
  color: #1478fa
}
.button_wrap {
  margin-top: 60px
}
.button {
  background: #000;
  border-radius: 16px;
  color: #fff;
  display: inline-block;
  font-size: 18px;
  height: 60px;
  line-height: 58px;
  margin-right: 14px;
  padding: 0;
  text-align: center;
  transition: all .3s;
  width: 148px
}
.button_wrap .button:last-child {
  margin-right: 0
}
.button:not(.download).ant-btn:not(:disabled):not(.ant-btn-disabled):hover, .button:not(.download):hover {
  -webkit-tap-highlight-color: transparent;
  background: #0000000d;
  color: inherit
}
.button.button_pure_link {
  background: none;
  box-shadow: none;
  color: #000
}
.button.internal_test_applicate {
  border: none
}
.ant-btn-color-default.ant-btn-variant-solid.button.internal_test_applicate:hover, .button.internal_test_applicate, .button.internal_test_applicate:hover {
  background: radial-gradient(73.84% 35.31% at 39.34% -34.17%, #6de9b6 0, #6de9b600 100%), radial-gradient(158.68% 49.23% at 91.54% 188.33%, #4fa7ff80 0, #4fa7ff00 100%), linear-gradient(272deg, #5ce5e5 -11.8%, #4ae6cc4d 28.46%, #a0ed9580 93.24%, #c8f398 115.65%);
  color: #000
}
.ant-btn-color-default.ant-btn-variant-solid.button.internal_test_applicate:hover, .button.internal_test_applicate:hover {
  opacity: .6
}
.button.download {
  padding: 0 45px;
  position: relative;
  width: auto
}
@keyframes floatingUpDown {
  0% {
    transform: translate(0)
  }
  50% {
    transform: translateY(-10px)
  }
  to {
    transform: translate(0)
  }
}
.button.download:after {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAASCAYAAABIB77kAAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAEoSURBVHgBvZU9T4RAEIZnZjmy3CX+DxpzxlMS/6OtiR22Wmp7JjZcYXO2tNhu6RUSZnTR426TJfcFPAX7QcLDOwxZfP96uwcgsND/CIDNrL5Hm9UGBB/CaJAwJ8CCKzR6ogu7H2Ns7BhAB4hgrpCWoY6W6we3sSUkz8xd2Eyy3hZaCcH8m6uP6/FVAXsSeCUtSC3CXxHPSy2vM5yt4EB2lNR9DRTIw4jTGBMDRxLsk82mwhE/no+SBZyIJ6HbfcLwGY757pRUHmFLSsKMtXqKj/hWO4RbjmaisosoeYCOoebi7PYj87oEKe9LZnFKioKmrDCFHnESlqxuk7NuurGN5j9UCp8vJ/3KLPU5YEs51TcvMAB/XRqoFAaCKoHFVCc5DASFAWcwID9fXVTwY/IeIQAAAABJRU5ErkJggg==) 50%/cover no-repeat;
  content: "";
  height: 9px;
  margin-top: -3px;
  width: 14px
}
.button.download:after, .button.download:before {
  animation: floatingUpDown 2s infinite;
  display: block;
  left: 0;
  position: absolute;
  top: 0
}
.button.download:before {
  background: linear-gradient(272.66deg, #88eded -11.39%, #4ae6cc4d 28.55%, #a0ed9540 92.84%, #c8f398 115.07%), radial-gradient(37.34% 122.3% at 91.54% 146.99%, #4fa7ff80 0, #4fa7ff00 100%), radial-gradient(34.22% 57.56% at 39.34% -26.67%, #6de9b680 0, #6de9b600 100%), linear-gradient(0deg, #fff, #fff);
  border-radius: 16px 16px 16px 0;
  color: #000;
  content: "Android电视端版本";
  font-size: 12px;
  line-height: 32px;
  margin: -35px 0 0;
  padding: 0 15px
}
.button.download span {
  background: url(../../static/images/download.9bc3165137b88c85a787.svg) 0/24px no-repeat;
  display: inline-block;
  padding: 0 0 0 36px
}
.phone {
  background: url(../../static/images/1747184371431bbb.png) 50%/550px no-repeat;
  height: 350px;
  width: 550px;
  .spring_festival & {
    background-image: url(../../static/images/phone_tinified_spring_festival@2x.b164acad3b9c28eba2fc.png)
  }
}
@media (max-width:1279px) {
  body {
    background-image: url(../../static/images/image_bg_phone_tinified@2x.bd17273632877e67c760.png);
    height: auto;
    min-height: auto
  }
  header {
    border-bottom: 1px solid #ebebeb
  }
  .main_core {
    width: 21rem
  }
  .header_core {
    height: 4rem
  }
  .is_sticky .header_core {
    height: 3.33rem
  }
  .header_logo_link svg {
    height: 1.25rem;
    width: 4rem
  }
  .header_logo_link {
    font-size: 1rem
  }
  .header_right_link {
    border-radius: 1.2rem;
    font-size: .7rem;
    height: 2rem;
    line-height: 2rem;
    padding: 0 .5rem
  }
  .header_right_link.header_go2_store {
    margin-left: .5rem;
    padding: 0 1rem
  }
  .header_popover {
    display: none
  }
  .qrcode_modal {
    .ant-modal-content {
      border-radius: 1rem;
      padding: 1.6rem 1.6rem 1rem;
      text-align: center;
      .ant-modal-close {
        height: 1.2rem;
        inset-inline-end: .5rem;
        top: .5rem;
        width: 1.2rem;
        .ant-modal-close-x {
          font-size: .9rem;
          line-height: 1.2rem
        }
      }
    }
    .popover_title {
      font-size: .9rem;
      line-height: 1.2rem;
      margin-bottom: .72rem
    }
    .popover_qrcode {
      border-radius: .8rem;
      width: 12rem
    }
    .popover_additional_info {
      font-size: .8rem;
      margin-top: .7rem
    }
  }
  .face_section {
    padding-bottom: 0;
    padding-top: 2rem;
    text-align: center
  }
  .face_section h1 {
    font-size: 2.4rem;
    margin: 1.18rem auto
  }
  .face_section h3 {
    display: inline-block;
    font-size: 1.2rem;
    height: 1.44rem;
    line-height: 1.44rem;
    margin: 0 auto;
    padding: 0 0 0 1.84rem
  }
  .face_section h3:before {
    background-size: 4.64rem;
    height: 4.64rem;
    margin: .39rem 0 0 -1.6rem;
    width: 4.64rem
  }
  .spring_festival .face_section h3:before {
    background-position: .6rem .4rem;
    background-size: 2.2rem auto
  }
  .badge {
    border-radius: .4rem .4rem .4rem 0;
    font-size: .7rem;
    height: 1.2rem;
    line-height: 1.2rem;
    margin: -1.2rem 0 0;
    padding: 0 .3rem
  }
  .face_section p {
    font-size: .85rem;
    line-height: 1.7rem;
    margin: 0 2rem
  }
  .face_section p.secondary_p {
    margin: 2rem
  }
  .secondary_wrap {
    background: linear-gradient(180deg, #fff, #ffffff80 50%);
    border-radius: .8rem;
    margin: 1rem 0;
    padding: .8rem 1rem .8rem 2rem
  }
  .face_section ul.secondary_p {
    font-size: .72rem;
    line-height: 1.7rem;
    margin: 0;
    text-align: left
  }
  .go2web {
    font-size: .84rem;
    margin: 0 auto
  }
  .main, header.is_sticky ~ .main {
    height: auto
  }
  .abdomen {
    flex-direction: column
  }
  .face_section_core {
    height: auto;
    width: auto
  }
  @keyframes floatingUpDown {
    0% {
      transform: translate(0)
    }
    50% {
      transform: translateY(-.5rem)
    }
    to {
      transform: translate(0)
    }
  }
  .button_wrap {
    display: flex;
    flex-direction: column;
    margin-top: 3.6rem
  }
  .button {
    border-radius: 1rem;
    font-size: 1rem;
    height: 3.2rem;
    line-height: 3.2rem;
    margin-bottom: 1rem;
    width: auto
  }
  .button.download {
    margin-right: 0
  }
  .button.download span {
    background-size: 1.2rem;
    margin-left: -1rem;
    padding: 0 0 0 1.8rem
  }
  .button.download:after {
    height: .54rem;
    margin-top: -.18rem;
    width: .84rem
  }
  .button.download:before {
    border-radius: .96rem .96rem .96rem 0;
    font-size: .72rem;
    line-height: 1.92rem;
    margin-top: -2.1rem;
    padding: 0 .9rem
  }
  .phone {
    background-size: 19.34rem;
    height: 12rem;
    margin: 1rem auto 0;
    position: static;
    transform: none;
    width: 19.34rem
  }
  .video_section h2 {
    font-size: 1.44rem
  }
  footer {
    flex-direction: column-reverse;
    font-size: .84rem;
    padding: 1rem 0;
    text-align: center;
    width: auto
  }
  footer a, footer span {
    font-size: .84rem;
    margin-left: .7rem
  }
  footer span {
    margin-left: 0
  }
  footer a {
    color: #3d4647
  }
  .footer_all_rights_reserved {
    font-size: .72rem;
    margin: .6rem 0 0;
    span {
      font-size: .72rem
    }
  }
}
.form_modal .ant-modal-header {
  background: none;
  margin-top: 20px
}
.form_modal .ant-modal-close {
  border-radius: 50%
}
.form_modal .ant-modal-title {
  font-size: 20px;
  font-weight: 600;
  text-align: center
}
.form_modal .ant-modal-content {
  background: #fff url(../../static/images/modal_bg.60845178814cbf2c05fd.png) top/contain no-repeat;
  border-radius: 24px
}
.form_modal .ant-form {
  margin: 50px auto 20px;
  max-width: 420px
}
.form_modal .ant-form-item-label > label {
  font-size: 16px;
  height: 48px
}
.form_modal input {
  border-radius: 12px;
  height: 48px
}
.form_modal input.ant-input-outlined:focus, .form_modal input.ant-input-outlined:hover {
  border-color: #00b2b2
}
.form_modal .error_p {
  margin: 20px auto -20px;
  min-height: 32px;
  text-align: center
}
.form_modal .ant-btn[type=submit] {
  border-radius: 12px;
  box-shadow: 0 8px 20px -4px #b9e9e466;
  display: block;
  font-size: 16px;
  height: 48px;
  line-height: 48px;
  margin: 40px auto 0;
  padding: 0;
  width: 180px
}
.success_wrap {
  padding: 60px 0 20px;
  text-align: center
}
.success_wrap h2 {
  background: url(../../static/images/modal_success.671805b37578101f86d7.png) top/72px no-repeat;
  padding: 92px 0 20px
}
.success_wrap p {
  margin: 0 auto 100px
}
.success_wrap .ant-btn {
  height: 48px;
  line-height: 48px
}
@media (max-width:1279px) {
  .form_modal .ant-modal-title {
    font-size: 1.2rem
  }
  .form_modal .ant-form {
    margin: 2rem auto 1rem;
    max-width: 18rem
  }
  .form_modal .ant-form-item-label > label, .form_modal .ant-form-item-label > label.ant-form-item-required:not(.ant-form-item-required-mark-optional):before, .form_modal input {
    font-size: 1rem;
    height: 2.2rem;
    line-height: 2.2rem
  }
  .ant-form-item-explain-error {
    font-size: .8rem
  }
  .form_modal .error_p {
    font-size: .9rem;
    margin: 1rem auto -1rem;
    min-height: 2rem
  }
  .form_modal .ant-btn[type=submit] {
    border-radius: .8rem;
    font-size: 1rem;
    height: 2.4rem;
    line-height: 2.4rem;
    padding: 0;
    width: 8rem
  }
}
/*# sourceMappingURL=main.dcdad275.css.map*/