[v-cloak] {
  display: none;
}
body {
  overflow-x: hidden;
}
.color-navy-blue {
  color: #14478B;
}
.color-sky-blue {
  color: #2C88FF;
}
.color-charcoal-gray {
  color: #333;
}
.color-dark-gray {
  color: #666;
}
.color-medium-gray {
  color: #888;
}
.color-vivid-red {
  color: #FF1D39;
}
.bg-color-pale-bluish-gray {
  background-color: #F7F9FC;
}
.bg-color-sky-blue {
  background-color: #2C88FF;
}
.border-color-sky-blue {
  border-color: #2C88FF;
}
/* 优化最顶部!!! */
@media (min-width: 768px) {
  .header-topnav-wrapper .topnav-right {
    flex: 1;
    display: flex;
    justify-content: flex-end;
  }
  .header-topnav-wrapper .topnav-right .topnav-info {
    width: 0px;
    flex-grow: 1;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .header-topnav-wrapper .topnav-right .topnav-info span {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .header-topnav-wrapper .topnav-right .login-before,
  .header-topnav-wrapper .topnav-right .login-after {
    white-space: nowrap;
  }
  .header-topnav-wrapper .topnav-right .login-after > a img {
    display: inline;
  }
  .header-topnav-wrapper .header-nav-list {
    white-space: nowrap;
  }
}
/* 设置导航栏样式!!! */
#bannerContainer .header-wrapper {
  background-color: #2b73f8;
}
#bannerContainer .header-wrapper .header-inner .logo-outer {
  min-width: 330px;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (max-width: 768px) {
  #bannerContainer .header-wrapper .header-inner .logo-outer {
    display: none;
  }
}
#bannerContainer .header-wrapper .header-inner .header-nav {
  flex: 1;
}
@media (max-width: 1200px) {
  #bannerContainer {
    /* 设置鼠标悬浮导航栏不显示下拉框问题 */
  }
  #bannerContainer .header-wrapper {
    overflow-x: initial !important;
  }
}
.hidden-pc > img {
  border-radius: 10px;
}
#appMain .card-box * {
  font-family: 'HONOR Sans CN';
  transition: all;
  transition-duration: 0.3s;
}
#appMain img {
  display: block;
}
#bannerContainer .header-wrapper {
  background-color: #2B73F8;
}
#bannerContainer #no-aboutus > li > a {
  color: #fff;
}
#bannerContainer #no-aboutus > li > em {
  border-color: #fff transparent transparent transparent;
}
.maxWidth {
  width: 100%;
  max-width: 1200px;
}
.max-width-1060 {
  width: 100%;
  max-width: 1060px;
}
.functionality-card2 {
  background-color: #F5F7FF;
}
.functionality-card3 {
  background-color: #FDFEFF;
}
.functionality-card4 {
  background-color: #444446;
}
.functionality-card5 {
  background-color: #1A65E1;
}
.recommended-card > .recommended {
  opacity: 1;
  display: block;
}
.recommended-card > .card {
  border-top-left-radius: initial;
  border-top-right-radius: initial;
  border-color: #2C88FF;
}
.choose-package-btn {
  transition: all 0.3s;
}
.choose-package-btn:hover {
  color: #fff;
  background-color: #2C88FF;
}
.choose-package-btn-active {
  background-color: #2C88FF;
  color: #fff;
}
.discount {
  background: linear-gradient(90deg, #FF701B 0%, #FF9E0D 100%), #FF701B;
}
.containerzhou {
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
  height: auto !important;
  position: relative;
}
.questionBox {
  margin: 0 !important;
}
.footer-section {
  background-size: 100% 100% !important;
}
.footer-payment {
  display: flex;
  align-items: center;
}
.footer-relevant img {
  display: inline-block;
}