/* 处理vue闪烁问题 */
[v-cloak] {
  display: none !important;
}
.color-charcoal-gray {
  color: #333333;
}
.color-dark-gray {
  color: #666666;
}
body {
  overflow-x: hidden;
}
img {
  display: block;
}
.max-width-1200 {
  width: 100%;
  max-width: 1200px;
}
/* 优化头部 */
@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;
  }
}
#no-aboutus > li > a {
  color: #fff;
}
#no-aboutus > li > em {
  border-color: #fff transparent transparent transparent;
}
/* banner */
#appMain .card-box * {
  font-family: 'HONOR Sans CN';
  transition: all;
  transition-duration: 0.3s;
}
/* 优惠背景样式 */
.discount {
  background: linear-gradient(90deg, #FF701B 0%, #FF9E0D 100%), #FF701B;
}
/* table左上角的三角形 */
.clip-angle {
  width: 100%;
  height: 100%;
  position: relative;
}
/* 常见问题 */
.containerzhou {
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
  height: auto !important;
  position: relative;
}
.questionBox {
  margin: 0 !important;
}
/* footer */
.footer-section {
  background-size: 100% 100% !important;
}
.footer-payment {
  display: flex;
  align-items: center;
}
.footer-relevant img {
  display: inline-block;
}