@font-face {
  font-family: "iconfont";
  src: url('./font/font_4739394_jz5k5ll23zp.woff2') format('woff2'),
       url('./font/font_4739394_jz5k5ll23zp.woff') format('woff'),
       url('./font/font_4739394_jz5k5ll23zp.ttf') format('truetype');
}

.iconfont {
  font-family: "iconfont" !important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-setup:before {
  content: "\e728";
}

.icon-file-alt:before {
  content: "\e68c";
}

.icon-checkcircle:before {
  content: "\e605";
}

.icon-camera-retro:before {
  content: "\e638";
}

.icon-adjust:before {
  content: "\ef12";
}

.icon-list-alt:before {
  content: "\e654";
}

.icon-star:before {
  content: "\e708";
}

.icon-video:before {
  content: "\e602";
}

.icon-clock:before {
  content: "\e819";
}

.icon-desktop:before {
  content: "\e601";
}

.icon-clone:before {
  content: "\e815";
}

.icon-check:before {
  content: "\e82b";
}

.icon-riqi:before {
  content: "\e6b7";
}

.icon-star-shixin:before {
  content: "\e63e";
}

.icon-comments:before {
  content: "\e625";
}

.icon-shield-alt:before {
  content: "\f045";
}

.icon-rocket:before {
  content: "\e696";
}

.icon-arrow-circle-up:before {
  content: "\eaf1";
}

.icon-android:before {
  content: "\e71e";
}

.icon-min-shield:before {
  content: "\e6f0";
}

.icon-facebook-round:before {
  content: "\eb8d";
}

.icon-huojian:before {
  content: "\e6e1";
}

.icon-cpu:before {
  content: "\e8fd";
}

.icon-ram:before {
  content: "\e781";
}

.icon-huabanx:before {
  content: "\e60a";
}

.icon-secure:before {
  content: "\e67c";
}

.icon-gift:before {
  content: "\e659";
}

.icon-chat:before {
  content: "\e6ac";
}

.icon-down:before {
  content: "\e69b";
}

.icon-up:before {
  content: "\e845";
}

.icon-date:before {
  content: "\e72a";
}

.icon-author:before {
  content: "\e682";
}

.icon-right:before {
  content: "\e623";
}

.icon-left:before {
  content: "\e624";
}

.icon-mac:before {
  content: "\e667";
}

.icon-win:before {
  content: "\e882";
}

.icon-facebook:before {
  content: "\e695";
}

.icon-menu:before {
  content: "\e7f4";
}

.icon-twitter:before {
  content: "\e883";
}

.icon-close:before {
  content: "\e61a";
}

.icon-down-arrow:before {
  content: "\e877";
}

.icon-lightbulb:before {
  content: "\e600";
}

.icon-comment-dots:before {
  content: "\e74f";
}

.icon-mail-bulk:before {
  content: "\ed07";
}

.icon-youtube:before {
  content: "\e8e2";
}

.icon-point:before {
  content: "\e6c4";
}

.icon-loading:before {
  content: "\e7a9";
}

.icon-double-quote:before {
  content: "\e732";
}
body,
div,
p,
h1,
h2,
h3,
ul,
li,
a {
  box-sizing: border-box;
  padding: 0;
  margin: 0;
  -webkit-tap-highlight-color: transparent;
}

ul,
ol,
li {
  list-style: none;
}

a {
  text-decoration: none;
  color: #333;
}

img {
  vertical-align: top;
}
* {
  font-family: "Roboto", Sans-serif;
}
.flex-box {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  flex-wrap: wrap;
}
i {
  display: inline-block;
}
html {
  scroll-behavior: smooth;
}
.download {
  cursor: pointer;
}
body {
  font-family: 'Rubik';
  font-weight: normal;
  font-size: 16px;
  color: #000;
}
.container {
  max-width: 1140px;
  margin: 0 auto;
  box-sizing: border-box;
}
.flex-wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
}
.pc-style {
  display: block;
}
.mobile-style {
  display: none;
}
.back-to-top {
  position: fixed;
  bottom: 180px;
  right: 50px;
  width: 54px;
  height: 75px;
  background-image: url(/img/common/back-to-top.png);
  background-size: 100% 100%;
  transition: all 100ms;
  cursor: pointer;
  visibility: hidden;
  opacity: 0;
  z-index: 100;
}
.back-to-top.is-active {
  visibility: visible;
  opacity: 0.8;
}
.back-to-top:hover {
  opacity: 1;
}
.wrap-h2 {
  font-size: 36px;
  font-weight: bold;
  color: #1a224e;
  line-height: 1.5;
  text-align: center;
}
.mt-20 {
  margin-top: 20px;
}
.mt-30 {
  margin-top: 30px;
}
.mt-50 {
  margin-top: 50px;
}
header {
  background-color: #1a224e;
}
header .container {
  height: 80px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: relative;
  z-index: 10000;
}
header .menu {
  height: 100%;
  display: flex;
  gap: 40px;
  z-index: 9;
}
header .menu-item {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 0 5px;
}
header .menu-item:hover .item-header {
  color: #2ad9c2;
  border-color: #2ad9c2;
}
header .menu-item:hover .item-header::after {
  color: #2ad9c2;
  transform: rotate(180deg);
}
header .menu-item:hover .item-content {
  visibility: visible;
  opacity: 1;
}
header .item-header {
  height: 100%;
  display: flex;
  align-items: center;
  gap: 5px;
  font-weight: bold;
  color: #fff;
  border-bottom: 2px solid transparent;
  transition: color 250ms, border-color 250ms;
}
header .item-header.is-more::after {
  content: '\e877';
  font-family: 'iconfont';
  transition: color 250ms, transform 250ms;
}
header .item-header.is-highlight {
  color: #2ad9c2;
  border-color: #2ad9c2;
}
header .item-content {
  position: absolute;
  z-index: 20;
  top: 80px;
  left: -20px;
  display: flex;
  flex-direction: column;
  background-color: #fff;
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.5);
  border-radius: 10px;
  overflow: hidden;
  visibility: hidden;
  opacity: 0;
  transition: opacity 500ms;
}
header .item-content_link {
  padding: 15px 20px;
  font-weight: 500;
  color: #020202;
  transition: color 250ms, background-color 250ms;
}
header .item-content_link:hover,
header .item-content_link.is-highlight {
  color: #2ad9c2;
  background-color: #dbf9f5;
}
header .item-content.videobyte {
  width: 180px;
}
header .item-content.videosolo {
  width: 220px;
}
header .mobile-menu-switch {
  display: none;
}
header .mobile-menu-switch .icon-menu,
header .mobile-menu-switch .icon-close {
  font-weight: bold;
  font-size: 22px;
  color: #fff;
  cursor: pointer;
}
footer {
  background-color: #1a224e;
  padding: 60px 0 30px;
}
footer .menu {
  display: flex;
  flex-wrap: wrap;
}
footer .menu-item {
  flex: 0 0 220px;
}
footer .menu-item:last-child {
  flex: 0 0 400px;
  padding-left: 100px;
}
footer .item-header {
  display: block;
  font-size: 18px;
  color: #fff;
  margin-bottom: 30px;
}
footer .item-content {
  display: flex;
  flex-direction: column;
}
footer .item-content_link {
  font-weight: bold;
  font-size: 14px !important;
  line-height: 1.5;
  color: #c2c3cf !important;
  margin-bottom: 20px;
}
footer .item-content_link:hover {
  color: #2ad9c2;
}
footer .item-content_link:last-child {
  margin-bottom: 0;
}
footer .item-content_media {
  display: flex;
  gap: 20px;
  margin-bottom: 30px;
}
footer .item-content_media .media-item {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background-color: #ffffff66;
  border: 2px solid transparent;
  transition: background-color 250ms, border-color 250ms;
}
footer .item-content_media .media-item:hover {
  background-color: #ffffff00;
  border-color: #00c8b7;
}
footer .item-content_media .iconfont {
  color: #fff;
}
footer .item-content_subscribe {
  width: fit-content;
  font-weight: normal !important;
  font-size: 14px;
  color: #fff;
  border-radius: 10px;
  cursor: pointer;
  transition: background-color 250ms, border-color 250ms;
}
footer .copyright {
  font-size: 14px;
  color: rgba(255, 255, 255, 0.5);
  border-top: 1px dotted rgba(255, 255, 255, 0.5);
  padding-top: 30px;
  margin-top: 80px;
}
.subscribe-dialog {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  z-index: 1000;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  background-color: rgba(0, 0, 0, 0.32);
  visibility: hidden;
  opacity: 0;
  transition: opacity 500ms;
}
.subscribe-dialog_content {
  position: relative;
  width: 424px;
  display: flex;
  flex-direction: column;
  background-color: #fff;
  border-radius: 16px;
  overflow: hidden;
  padding-bottom: 20px;
}
.subscribe-dialog .content-close {
  position: absolute;
  top: 10px;
  right: 10px;
  width: 26px;
  height: 26px;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #fff;
  cursor: pointer;
  transition: background-color 250ms;
}
.subscribe-dialog .content-close .icon-close {
  font-weight: bold;
  font-size: 18px;
  color: #00c8b7;
  transition: color 250ms;
}
.subscribe-dialog .content-close:hover {
  background-color: #00c8b7;
}
.subscribe-dialog .content-close:hover .icon-close {
  color: #fff;
}
.subscribe-dialog .content-close:active {
  opacity: 0.5;
}
.subscribe-dialog .content-desc {
  font-size: 18px;
  color: #494949;
  line-height: 2;
  padding: 20px;
}
.subscribe-dialog .content-email {
  box-sizing: border-box;
  width: auto;
  margin: 0 20px 10px;
  padding: 15px;
  outline: none;
  border: 1px solid #b5b5b5;
  background-color: #f9faff;
  border-radius: 5px;
  transition: border-color 250ms;
}
.subscribe-dialog .content-email:focus {
  border-color: #dce2ff;
}
.subscribe-dialog .content-email.is-error {
  border-color: #fa5656;
}
.subscribe-dialog .content-email-error {
  height: 20px;
  display: flex;
  flex-direction: column;
  margin: 0 20px;
  opacity: 0;
  transition: opacity 250ms;
}
.subscribe-dialog .content-email-error .error-empty,
.subscribe-dialog .content-email-error .error-calibration {
  font-size: 12px;
  line-height: 20px;
  color: #fa5656;
  display: none;
}
.subscribe-dialog .content-email-error.error-empty-show {
  opacity: 1;
}
.subscribe-dialog .content-email-error.error-empty-show .error-empty {
  display: block;
}
.subscribe-dialog .content-email-error.error-calibration-show {
  opacity: 1;
}
.subscribe-dialog .content-email-error.error-calibration-show .error-calibration {
  display: block;
}
.subscribe-dialog .content-submit {
  height: 60px;
  font-size: 18px;
  color: #fff;
  background-color: #00c8b7;
  margin: 10px 20px 0;
  border-radius: 50px;
  outline: none;
  border: none;
  transition: background-color 250ms;
  cursor: pointer;
}
.subscribe-dialog .content-submit .icon-loading {
  display: none;
  font-size: 36px;
  animation: loading 1s linear infinite;
}
@keyframes loading {
  0% {
    transform: rotate(0);
  }
  100% {
    transform: rotate(360deg);
  }
}
.subscribe-dialog .content-submit:hover {
  background-color: #00a295;
}
.subscribe-dialog .content-submit:active {
  opacity: 0.5;
}
.subscribe-dialog .content-submit.is-active .content-submit_text {
  display: none;
}
.subscribe-dialog .content-submit.is-active .icon-loading {
  display: block;
}
.subscribe-dialog.is-active {
  visibility: visible;
  opacity: 1;
}
.bottom_ads {
  display: block;
  margin: 0 auto;
  width: 100%;
  max-width: -webkit-fill-available;
  position: fixed;
  bottom: 0;
  left: 0;
  z-index: 10000;
}
.bottom_ads img {
  margin: 0 auto;
  width: 100%;
  height: auto;
  max-width: -webkit-fill-available;
}
.bottom_ads img:nth-of-type(2) {
  display: none;
}
.bottom_ads i {
  width: 24px;
  height: 24px;
  position: absolute;
  right: 0;
  background: url(/img/common/close-1.svg);
}
.bottom_ads i:hover {
  background-position-y:-24px;
}
.bottom_ads i:active {
  background-position-y:-48px;
}
.body_special{
  position: sticky;
  z-index: 8;
  top: 0;
  width: 100%;
}
.body_special img{
  display: block;
  width: 100%;
  height: auto;
}
.body_special .speacial_pc{
  display: block;
}
.body_special .speacial_pad,
.body_special .speacial_phone{
  display: none;
}
@media (max-width: 1140px) {
  .container {
    padding: 0 15px;
  }
}
@media (max-width: 850px){
  .body_special .speacial_pad{
    display: block;
  }
  .body_special .speacial_pc,
  .body_special .speacial_phone{
    display: none;
  }
}
@media (max-width: 768px) {
  html {
    font-size: 0.2666667vw;
  }
  body,
  .iconfont {
    font-size: 16rem;
  }
  .container {
    width: 100%;
    padding: 0 15rem;
  }
  .back-to-top {
    display: none;
  }
  .pc-style {
    display: none;
  }
  .mobile-style {
    display: block;
  }
  header .container {
    position: relative;
    height: 80rem;
  }
  header .logo {
    width: 132rem;
    height: 30rem;
  }
  header .menu {
    max-height: 0;
    position: absolute;
    top: 90rem;
    left: 50%;
    transform: translateX(-50%);
    width: 345rem;
    height: auto;
    flex-direction: column;
    gap: 0;
    border-radius: 10rem;
    box-shadow: 0 0 5rem 0 rgba(0, 0, 0, 0.5);
    overflow: hidden;
    visibility: visible;
    transition: opacity 250ms, max-height 250ms;
    opacity: 1;
    background-color: #fff;
  }
  header .menu-item {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 0;
  }
  header .menu-item.special{
      display: none;
  }
  header .menu-item:hover .item-header {
    color: #2ad9c2;
    background-color: #dbf9f5;
    border-color: transparent;
  }
  header .menu-item:hover .item-header.is-more {
    color: #020202;
    background-color: transparent;
  }
  header .menu-item:hover .item-header::after {
    color: #020202;
    transform: rotate(0);
  }
  header .menu-item:hover .item-content {
    visibility: visible;
    opacity: 1;
  }
  header .menu-item.active .item-header.is-more {
    color: #2ad9c2;
    background-color: #dbf9f5;
  }
  header .menu-item.active .item-header.is-more::after {
    color: #2ad9c2;
    transform: rotate(180deg);
  }
  header .item-header {
    width: 100%;
    height: auto;
    gap: 5rem;
    font-size: 14rem;
    color: #020202;
    border-width: 2rem;
    padding: 12rem 20rem;
  }
  header .item-header.is-highlight {
    border-color: transparent;
  }
  header .item-content {
    max-height: 0;
    position: unset;
    background-color: #fff;
    box-shadow: unset;
    border-radius: 0;
    visibility: visible;
    opacity: 1;
    transition: opacity 500ms, max-height 500ms;
  }
  header .item-content_link {
    padding: 15rem 30rem;
    font-size: 12rem;
  }
  header .item-content.videobyte,
  header .item-content.videosolo {
    width: 100%;
  }
  header .mobile-menu-switch {
    display: block;
  }
  header .mobile-menu-switch .icon-menu,
  header .mobile-menu-switch .icon-close {
    font-weight: bold;
    font-size: 24rem;
    color: #fff;
    cursor: pointer;
  }
  header .mobile-menu-switch .icon-close {
    display: none;
  }
  header .mobile-menu-switch.is-active .icon-menu {
    display: none;
  }
  header .mobile-menu-switch.is-active .icon-close {
    display: block;
  }
  footer {
    padding: 30rem 0;
  }
  footer .menu {
    display: flex;
    flex-flow: row wrap;
  }
  footer .menu-item {
    flex: 0 0 50%;
    margin-bottom: 40rem;
  }
  footer .menu-item:last-child {
    flex: 0 0 100%;
    padding-left: 0;
    margin-bottom: 0;
  }
  footer .item-header {
    font-size: 18rem;
    margin-bottom: 30rem;
  }
  footer .item-content_link {
    font-size: 14rem;
    margin-bottom: 20rem;
  }
  footer .item-content_media {
    display: flex;
    gap: 20rem;
    margin-bottom: 30rem;
  }
  footer .item-content_media .media-item {
    width: 40rem;
    height: 40rem;
    border-width: 2rem;
  }
  footer .item-content_subscribe {
    font-size: 14rem;
    padding: 3rem 20rem;
    border-radius: 10rem;
    border-width: 2rem;
  }
  footer .copyright {
    font-size: 14rem;
    border-top-width: 1rem;
    padding-top: 30rem;
    margin-top: 30rem;
  }
  .subscribe-dialog_content {
    width: 345rem;
    border-radius: 16rem;
    padding-bottom: 20rem;
  }
  .subscribe-dialog .content-cover {
    width: 100%;
    height: auto;
  }
  .subscribe-dialog .content-close {
    top: 10rem;
    right: 10rem;
    width: 26rem;
    height: 26rem;
  }
  .subscribe-dialog .content-close .icon-close {
    font-size: 18rem;
  }
  .subscribe-dialog .content-desc {
    font-size: 14rem;
    padding: 20rem;
  }
  .subscribe-dialog .content-email {
    font-size: 14rem;
    margin: 0 20rem 5rem;
    padding: 15rem;
    border-width: 1rem;
    border-radius: 5rem;
  }
  .subscribe-dialog .content-email-error {
    height: 20rem;
    margin: 0 20rem 5rem;
  }
  .subscribe-dialog .content-email-error .error-empty,
  .subscribe-dialog .content-email-error .error-calibration {
    font-size: 12rem;
    line-height: 20rem;
  }
  .subscribe-dialog .content-submit {
    height: 40rem;
    font-size: 14rem;
    margin: 0 20rem 0;
    border-radius: 50rem;
  }
  .subscribe-dialog .content-submit .icon-loading {
    font-size: 24rem;
  }
  .bottom_ads img:nth-of-type(1) {
    display: none;
  }
  .bottom_ads img:nth-of-type(2) {
    display: block;
  }
}

.prompt-box {
  display: flex;
  justify-content: center;
  align-items: center;
  flex: 1;
  box-sizing: border-box;
  position: fixed;
  bottom: 0;
  left: 0;
  z-index: 99999999;
  width: 100%;
  line-height: 1.5;
  color: #fff;
  font-size: 12px;
  background-color: rgba(0, 0, 0, 0.7);
  padding: 0.25rem;
  display: none;
}
.prompt-box .prompt-box-text {
  text-align: left;
}
.prompt-box .prompt-box-text a{
  font-size: 12px;
  font-weight: normal;
}
#agree-button {
  height: fit-content;
  padding: 10px 12px;
  margin-left: 8px;
  margin-top: 4px;
  border-radius: 50px;
  font-size: 12px;
  background-color: #655BEF;
  border: 0px solid;
  color: #fff;
  cursor: pointer;
  white-space: nowrap;
}
@media (max-width: 680px){
  .prompt-box {
    padding-inline: 8px;
  }
}
@media (max-width: 560px){
  .body_special .speacial_phone{
    display: block;
  }
  .body_special .speacial_pc,
  .body_special .speacial_pad{
    display: none;
  }
}