html,
body {
  width: 100%;
  box-sizing: border-box;
  font-size: 16px;
  background: #fff;
  color: #14181c;
  font-family: var(--primaryFontFamily);
}
html div,
body div,
html p,
body p,
html h1,
body h1,
html h2,
body h2,
html h3,
body h3,
html h4,
body h4,
html h5,
body h5,
html h6,
body h6,
html ul,
body ul,
html header,
body header,
html main,
body main,
html nav,
body nav,
html input,
body input {
  margin: 0;
  padding: 0;
  display: block;
  box-sizing: border-box;
  outline: 0;
}
html img,
body img {
  margin: 0;
  padding: 0;
}
html ol,
body ol,
html ul,
body ul {
  list-style: none;
}
html table,
body table {
  border-collapse: collapse;
  border-spacing: 0;
}
html :focus,
body :focus {
  outline: 0;
}
html *,
body * {
  margin: 0;
  padding: 0;
  list-style: none;
  box-sizing: border-box;
}
html div::-webkit-scrollbar,
body div::-webkit-scrollbar {
  width: 4px;
  background-color: #ebeced;
  border-radius: 100px;
}
html div::-webkit-scrollbar-thumb,
body div::-webkit-scrollbar-thumb {
  background-color: #adb1b5;
  border-radius: 100px;
}
.hide {
  display: none;
}
.download-nav-content {
  width: 100%;
  border-bottom: 1px solid #ebeced;
  height: 84px;
  background: #fff;
}
@media only screen and (max-width: 1023px) {
  .download-nav-content {
    height: 48px;
  }
}
.download-nav-content .download-wrap {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 100%;
  margin-left: auto;
  margin-right: auto;
  padding: 0 24px;
  max-width: 1200px;
}
@media only screen and (max-width: 1023px) {
  .download-nav-content .download-wrap {
    height: 48px;
  }
}
.download-nav-content .download-wrap .download-nav-logo img {
  width: 62px;
  height: 32px;
}
.download-nav-content .download-wrap .download-right .language-box {
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
.download-nav-content .download-wrap .download-right .language-box .line {
  padding: 0 7px;
  color: #adb1b5;
  font-size: 14px;
}
.download-nav-content .download-wrap .download-right .language-box .language {
  padding: 0 7px;
  cursor: pointer;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  color: #14181c;
  font-family: var(--primaryFontFamily);
}
.download-nav-content .download-wrap .download-right .language-box .language.language-sc {
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  color: #14181c;
  font-family: "Noto Sans SC";
}
.download-nav-content .download-wrap .download-right .language-box .language.language-tc {
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  color: #14181c;
  font-family: "Noto Sans TC";
}
.download-content .panel-wrap {
  margin: 0 auto;
  width: 760px;
  background-color: #fff;
  padding-bottom: 68px;
}
@media only screen and (max-width: 1023px) {
  .download-content .panel-wrap {
    width: 360px;
    padding-bottom: 18px;
    text-align: center;
  }
}
@media only screen and (min-width: 1024px) {
  .download-content .panel-wrap {
    text-align: center;
  }
}
@media only screen and (max-width: 767px) {
  .download-content .panel-wrap {
    width: 343px;
    padding-bottom: 32px;
  }
}
.download-content .panel-wrap .panel-box {
  text-align: center;
}
.download-content .panel-wrap .panel-box.ios-redirect-box1 {
  margin-top: 24px;
}
.download-content .panel-wrap .panel-box.aos-redirect-box1 {
  margin-top: 24px;
}
.download-content .panel-wrap .panel-box.ios-redirect-box2 {
  margin-top: 16px;
}
.download-content .panel-wrap .panel-box.aos-redirect-box2 {
  margin-top: 16px;
}
.download-content .panel-wrap .panel-box.ios-redirect-box3 {
  margin-top: 32px;
}
.download-content .panel-wrap .panel-box.panel-box1 {
  margin-top: 32px;
}
@media only screen and (max-width: 1023px) {
  .download-content .panel-wrap .panel-box.panel-box1 {
    margin-top: 24px;
  }
}
@media only screen and (max-width: 767px) {
  .download-content .panel-wrap .panel-box.panel-box1 {
    display: inline-flex;
    vertical-align: middle;
    margin-top: 16px;
  }
}
@media only screen and (max-width: 767px) {
  .download-content .panel-wrap .panel-box.panel-box1 {
    margin-top: 16px;
  }
}
@media only screen and (max-width: 767px) {
  .download-content .panel-wrap .panel-box.panel-box1 .main-text {
    font-weight: 500;
    font-size: 20px;
    line-height: 26px;
    color: #14181c;
    font-family: "AIA Everest";
    margin-top: 0;
    margin-left: 16px;
    text-align: left;
  }
}
.download-content .panel-wrap .panel-box.panel-box2 {
  margin: 16px auto 0 auto;
  width: 368px;
}
@media only screen and (max-width: 767px) {
  .download-content .panel-wrap .panel-box.panel-box2 {
    width: 100%;
    margin: 16px 0 0 0;
  }
}
.download-content .panel-wrap .panel-box.panel-box3 {
  margin: 16px auto 0 auto;
  width: 368px;
}
@media only screen and (max-width: 767px) {
  .download-content .panel-wrap .panel-box.panel-box3 {
    width: 100%;
    margin: 8px 0 0 0;
  }
}
.download-content .panel-wrap .panel-box.panel-box4 {
  margin: 16px auto 0 auto;
  width: 368px;
}
@media only screen and (max-width: 767px) {
  .download-content .panel-wrap .panel-box.panel-box4 {
    width: 100%;
    margin: 16px 0 0 0;
  }
}
.download-content .panel-wrap .panel-box.panel-box5 {
  margin-top: 24px;
}
.download-content .panel-wrap .panel-box.panel-box6 {
  margin: 32px 0;
}
@media only screen and (max-width: 767px) {
  .download-content .panel-wrap .panel-box.panel-box6 {
    margin: 0;
  }
}
.download-content .panel-wrap .panel-box.panel-box7 {
  margin-top: 24px;
}
.download-content .panel-wrap .panel-box .logo {
  width: 144px;
  height: 144px;
}
@media only screen and (max-width: 1023px) {
  .download-content .panel-wrap .panel-box .logo {
    width: 80px;
    height: 80px;
  }
}
@media only screen and (max-width: 767px) {
  .download-content .panel-wrap .panel-box .logo {
    width: 60px;
    height: 60px;
  }
}
.download-content .panel-wrap .panel-box .main-text {
  margin-top: 32px;
  font-weight: 500;
  font-size: 24px;
  line-height: 32px;
  color: #14181c;
  font-family: var(--secondaryFontFamily);
}
@media only screen and (max-width: 1023px) {
  .download-content .panel-wrap .panel-box .main-text {
    margin-top: 24px;
  }
}
.download-content .panel-wrap .panel-box .redirect-text {
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  color: #14181c;
  font-family: var(--primaryFontFamily);
}
.download-content .panel-wrap .panel-box .title-text {
  display: flex;
  column-gap: 8px;
  justify-content: flex-start;
  align-items: flex-start;
}
@media only screen and (max-width: 767px) {
  .download-content .panel-wrap .panel-box .title-text {
    column-gap: 4px;
  }
}
.download-content .panel-wrap .panel-box .title-text .item-num {
  font-weight: 600;
  font-size: 16px;
  line-height: 24px;
  color: #14181c;
  font-family: var(--primaryFontFamily);
}
@media only screen and (max-width: 767px) {
  .download-content .panel-wrap .panel-box .title-text .item-num {
    font-weight: 600;
    font-size: 14px;
    line-height: 20px;
    color: #14181c;
    font-family: var(--primaryFontFamily);
  }
}
.download-content .panel-wrap .panel-box .title-text .text {
  text-align: left;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  color: #14181c;
  font-family: var(--primaryFontFamily);
}
@media only screen and (max-width: 767px) {
  .download-content .panel-wrap .panel-box .title-text .text {
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    color: #14181c;
    font-family: var(--primaryFontFamily);
  }
}
@media only screen and (max-width: 767px) {
  .download-content .panel-wrap .panel-box .title-text .text-webportal {
    display: none;
  }
}
.download-content .panel-wrap .panel-box .title-text .download-file-text {
  cursor: pointer;
  text-decoration: underline;
}
.download-content .panel-wrap .panel-box .img-box {
  margin-top: 16px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  row-gap: 16px;
}
.download-content .panel-wrap .panel-box .img-box img.qr-code {
  width: 175px;
}
@media only screen and (max-width: 767px) {
  .download-content .panel-wrap .panel-box .img-box img.qr-code {
    display: none;
  }
}
.download-content .panel-wrap .panel-box .img-box img.apk-file {
  width: 164px;
  cursor: pointer;
}
.download-content .panel-wrap .panel-box .img-box img.apple-store {
  width: 164px;
  cursor: pointer;
}
.download-content .panel-wrap .panel-box .img-box img.apk-download-popup {
  width: 255px;
}
.download-content .panel-wrap .panel-box .img-box img.apk-install-popup {
  width: 255px;
}
.download-content .panel-wrap .panel-box .img-box img.apk-update-popup {
  width: 255px;
}
.download-content .panel-wrap .panel-box .tips-text {
  font-weight: 400;
  font-size: 12px;
  line-height: 18px;
  color: #14181c;
  font-family: var(--primaryFontFamily);
}
.download-content .panel-wrap .panel-box .app-link-box {
  margin-top: 16px;
  display: flex;
  justify-content: center;
  align-items: center;
  column-gap: 24px;
}
@media only screen and (max-width: 767px) {
  .download-content .panel-wrap .panel-box .app-link-box {
    column-gap: 12px;
  }
}
.download-content .panel-wrap .panel-box .app-link-box img.apple-store {
  width: 164px;
  cursor: pointer;
}
.download-content .panel-wrap .panel-box .app-link-box img.google-play {
  width: 235px;
  cursor: pointer;
}
@media only screen and (max-width: 767px) {
  .download-content .panel-wrap .panel-box .app-link-box img.google-play {
    width: 164px;
  }
}
.download-content .panel-wrap .panel-box .app-link-box img.apk-file {
  width: 235px;
  cursor: pointer;
}
@media only screen and (max-width: 767px) {
  .download-content .panel-wrap .panel-box .app-link-box img.apk-file {
    width: 164px;
  }
}
.download-content .panel-wrap .panel-box .bottom-text {
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: 600;
  font-size: 16px;
  line-height: 24px;
  color: #14181c;
  font-family: var(--primaryFontFamily);
}
.download-content .panel-wrap .panel-box .bottom-text .btn-login {
  margin-left: 10px;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}
.download-content .panel-wrap .panel-box .bottom-text .btn-login img.arrow-right {
  width: 24px;
  margin-left: 4px;
}
.download-content .panel-wrap .subTextBox {
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  color: #14181c;
  font-family: var(--primaryFontFamily);
  text-align: center;
}
@media only screen and (max-width: 767px) {
  .download-content .panel-wrap .subTextBox {
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: #14181c;
    font-family: var(--primaryFontFamily);
    margin-top: 24px;
  }
}
.wxtip {
  width: 100%;
  height: 100vh;
  background: rgba(20, 24, 28, 0.5);
  padding: 8px 16px 0 0;
  position: absolute;
  top: 0;
  left: 0;
}
.wxtip .wxtip-txt {
  width: 256px;
  float: right;
  background-color: #333D47;
  padding: 8px 12px;
  color: #fff;
  font-size: 14px;
  line-height: 20px;
  font-weight: 400;
  font-family: "Open Sans";
  border-radius: 4px;
}
.wxtip .tip-arrow {
  width: 0;
  height: 0;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 8px solid #333D47;
  position: absolute;
  top: 0;
  right: 28px;
}