.home-error[data-v-cfc0db8c] {
  width: 695px;
  height: 500px;
  background: #fff;
  margin: 68px auto auto;
  width: 100%;
}
.home-error .error-title[data-v-cfc0db8c] {
  text-align: center;
  padding-top: 170px;
}
.home-error .error-title .error-desc[data-v-cfc0db8c] {
  font-size: 32px;
  color: #4f4bd8;
}
.home-error .error-title .error-btn[data-v-cfc0db8c] {
  width: 230px;
  height: 54px;
  background: #4f4bd8;
  border-radius: 6px;
  margin-top: 40px;
}
.nuxt-progress {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  height: 1px;
  width: 0;
  opacity: 1;
  transition: width 0.1s, opacity 0.4s;
  background-color: #6773ec;
  z-index: 999999;
}
.nuxt-progress.nuxt-progress-notransition {
  transition: none;
}
.nuxt-progress-failed {
  background-color: red;
}
@font-face {
  font-family: iconfont;
  src: url(../font/font_3201800_mn8hskr0b1m.woff2) format("woff2"),
    url(../font/font_3201800_mn8hskr0b1m.ttf) format("truetype"),
    url(../font/font_3201800_mn8hskr0b1m.svg) format("svg");
}
.iconfont {
  font-family: iconfont !important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.icon-shanchu:before {
  content: "\e6ee";
}
.icon-chakantaocanshuoming:before {
  content: "\e6ec";
}
.icon-shoujihaoweizhuce:before {
  content: "\e6e5";
}
.icon-yonghuxieyi:before {
  content: "\e6e4";
}
.icon-zhifujieguokenengyouyanchi:before {
  content: "\e6e3";
}
.icon-a-SVIP1:before {
  content: "\e652";
}
.icon-SVIPxuanzhong:before {
  content: "\e651";
}
.icon-VIP-weixuanzhong1:before {
  content: "\e650";
}
.icon-VIP:before {
  content: "\e64e";
}
.icon-yingfujine:before {
  content: "\e64a";
}
.icon-zhixiang-top:before {
  content: "\e649";
}
.icon-zhixiang-bottom1:before {
  content: "\e648";
}
.icon-guanbi:before {
  content: "\e646";
}
.icon-weixinzhifu:before {
  content: "\e644";
}
.icon-zhifubao:before {
  content: "\e645";
}
.icon-xiugaimima:before {
  content: "\e6da";
}
.icon-shoujihaoma:before {
  content: "\e6db";
}
.icon-goumaijilu:before {
  content: "\e6d8";
}
.icon-gerenzhongxin:before {
  content: "\e6d9";
}
.icon-youxiang:before {
  content: "\e640";
}
.icon-zhixiang-zhishiqishang:before {
  content: "\e63f";
}
.icon-zhankai:before {
  content: "\e6d1";
}
.icon-Mac:before {
  content: "\e6d0";
}
.icon-gengduo:before {
  content: "\e6cf";
}
.icon-sousuo:before {
  content: "\e6ce";
}
.icon-yinleshipin:before {
  content: "\e6cb";
}
.icon-zhiboyuyin:before {
  content: "\e6cc";
}
.icon-xuexibangong:before {
  content: "\e6cd";
}
.icon-guofuyouxi:before {
  content: "\e6ca";
}
.icon-gouxuan:before {
  content: "\e638";
}
.icon-a-ziyuan1:before {
  content: "\e6c9";
}
.icon-zhiding_dingzhi:before {
  content: "\e6c0";
}
.icon-a-youxiang1:before {
  content: "\e6c1";
}
.icon-wx:before {
  content: "\e6c2";
}
.icon-iOS:before {
  content: "\e6c3";
}
.icon-android:before {
  content: "\e6c4";
}
.icon-windows:before {
  content: "\e6c5";
}
.icon-zixun:before {
  content: "\e6c6";
}
.icon-QQ:before {
  content: "\e6c7";
}
[tooltip] {
  position: relative;
}
[tooltip]:after {
  content: attr(tooltip);
  position: absolute;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding: 8px 15px;
  max-width: 200px;
  border-radius: 4px;
  box-shadow: 0 0 6px 1px hsla(0, 0%, 60%, 0.4);
  z-index: 100;
  font-size: 14px;
}
[tooltip]:before {
  display: block;
  content: "";
  position: absolute;
  border: solid transparent;
  border-width: 5px 5px 0;
  z-index: 100;
}
[tooltip]:after {
  display: block;
}
[tooltip][placement^="top"]:after,
[tooltip][placement^="top"]:before {
  -webkit-animation: anime-top 0.3s ease-out forwards;
  animation: anime-top 0.3s ease-out forwards;
}
[tooltip][placement^="right"]:after,
[tooltip][placement^="right"]:before {
  -webkit-animation: anime-right 0.3s ease-out forwards;
  animation: anime-right 0.3s ease-out forwards;
}
[tooltip][placement^="bottom"]:after,
[tooltip][placement^="bottom"]:before {
  -webkit-animation: anime-bottom 0.3s ease-out forwards;
  animation: anime-bottom 0.3s ease-out forwards;
}
[tooltip][placement^="left"]:after,
[tooltip][placement^="left"]:before {
  -webkit-animation: anime-left 0.3s ease-out forwards;
  animation: anime-left 0.3s ease-out forwards;
}
.tooltip-theme-dark,
[tooltip][effect="dark"]:after {
  color: #fff;
  background-color: #333;
}
.tooltip-theme-light,
[tooltip][effect="light"]:after {
  color: #333;
  background-color: #fff;
}
.tooltip-theme-light,
[tooltip][effect="gold"]:after {
  content: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAOCAYAAAAmL5yKAAAAAXNSR0IArs4c6QAAAh9JREFUOE+Vks1rE0EYxp+ZyabJRmsDemiloGAOvXoTrUiwCpIePHj1L1C8pDYo2mohKw0Wm9L/QlBBhLbaloofh4oeVERP0uDBamloyGR3Pl7ZXRJzaA/d07zzPs9v3o9l2ONrrUwXWCL91BolRSCHkxduf9pNyvYC+G/mJ8jaSWs0SKuJzPmb9/cF0Kszo5qLZ9ZoA62H3ZHx9/sC7LwoHxHpnl+hyUh/4OClW5u7AlprsxuMi6NGy9PuubF3bZF8Ne2RcEpRbHXVzY/d6OSelI7ZBP8IRuvMfz2nwZggMitMyes9+dIXWihmZLL/DxhPRSayul3F1tL4obRJVUmrqwDVWHO1ckok0m9jIRmrWneISEE4lU7JZMFUw+OWPkOIeTKmz+oA8PVgtIXWWlUTSJC1sYdx8N4B2HotCoWbBZp/CUpGeqsVyATf3II3FAOWKx8sT5zsHpKTy0NvrAOyjuTQReivzwGjIokJWgCZx27BuxIB5PLMXeLsXjeAH86BcwY0t8B6+2F/xlskIthAhseiWyg/jADNJe8anNTc/54JnAskTpwFyW3Q5g9Q43e8EBWEM4WFHTlQePAyAtQXp3KOk/mOcFikwaxGmODHz4Cl+2DC8qNlGFjlR2dfNbPZy4+2O79ya3GqwRjLdLeBpAswAfg7cekq7J1CVM0teIPRvNsGuTDpcZ4Y775r5+KXg9AYXmkQiu5oeTYM/gEoHQw2F8rvBAAAAABJRU5ErkJggg==)
    " " attr(tooltip);
  color: #333;
  background: linear-gradient(137deg, #fbe1c7, #f8be89);
  box-shadow: 0 1px 2px 1px rgba(99, 67, 4, 0.4);
  border-radius: 19px;
}
.tooltip-placement-top,
[tooltip]:not([placement]):after,
[tooltip][placement=""]:after,
[tooltip][placement="top"]:after {
  bottom: calc(100% + 10px);
  left: 50%;
  transform: translate(-50%);
}
.tooltip-placement-top-right,
[tooltip][placement="top-right"]:after {
  bottom: calc(100% + 10px);
  left: 100%;
  transform: translate(-100%);
}
.tooltip-placement-top-left,
[tooltip][placement="top-left"]:after {
  bottom: calc(100% + 10px);
  left: 0;
  transform: translate(0);
}
.tooltip-placement-right,
[tooltip][placement="right"]:after {
  left: calc(100% + 10px);
  top: 50%;
  transform: translateY(-50%);
}
.tooltip-placement-right-top,
[tooltip][placement="right-top"]:after {
  left: calc(100% + 10px);
  top: 0;
  transform: translate(0);
}
.tooltip-placement-right-bottom,
[tooltip][placement="right-bottom"]:after {
  left: calc(100% + 10px);
  top: 100%;
  transform: translateY(-100%);
}
.tooltip-placement-bottom,
[tooltip][placement="bottom"]:after {
  top: calc(100% + 10px);
  left: 50%;
  transform: translate(-50%);
}
.tooltip-placement-bottom-right,
[tooltip][placement="bottom-right"]:after {
  top: calc(100% + 10px);
  left: 100%;
  transform: translate(-100%);
}
.tooltip-placement-bottom-left,
[tooltip][placement="bottom-left"]:after {
  top: calc(100% + 10px);
  left: 0;
  transform: translate(0);
}
.tooltip-placement-left,
[tooltip][placement="left"]:after {
  right: calc(100% + 10px);
  top: 50%;
  transform: translateY(-50%);
}
.tooltip-placement-left-top,
[tooltip][placement="left-top"]:after {
  right: calc(100% + 10px);
  top: 0;
  transform: translate(0);
}
.tooltip-placement-left-bottom,
[tooltip][placement="left-bottom"]:after {
  right: calc(100% + 10px);
  top: 100%;
  transform: translateY(-100%);
}
.triangle-theme-dark,
[tooltip][effect="dark"]:before {
  border-top-color: #333;
}
.triangle-theme-light,
[tooltip][effect="light"]:before {
  border-top-color: #fff;
}
.triangle-theme-light,
[tooltip][effect="gold"]:before {
  border-top-color: #f8be89;
}
.triangle-placement-top,
[tooltip]:not([placement]):before,
[tooltip][placement=""]:before,
[tooltip][placement="top"]:before {
  bottom: calc(100% + 5px);
  left: 50%;
  transform: translate(-50%);
}
.triangle-placement-top-left,
[tooltip][placement="top-left"]:before {
  bottom: calc(100% + 5px);
  left: 10px;
}
.triangle-placement-top-right,
[tooltip][placement="top-right"]:before {
  bottom: calc(100% + 5px);
  right: 10px;
}
.triangle-placement-right,
.triangle-placement-right-bottom,
.triangle-placement-right-top,
[tooltip][placement="right-bottom"]:before,
[tooltip][placement="right-top"]:before,
[tooltip][placement="right"]:before {
  left: calc(100% + 3px);
  top: 50%;
  transform: translateY(-50%) rotate(90deg);
}
.triangle-placement-right-top,
[tooltip][placement="right-top"]:before {
  top: 10px;
}
.triangle-placement-right-bottom,
[tooltip][placement="right-bottom"]:before {
  bottom: 10px;
  top: auto;
  transform: translate(0) rotate(90deg);
}
.triangle-placement-bottom,
.triangle-placement-bottom-left,
.triangle-placement-bottom-right,
[tooltip][placement="bottom-left"]:before,
[tooltip][placement="bottom-right"]:before,
[tooltip][placement="bottom"]:before {
  top: calc(100% + 5px);
  left: 50%;
  transform: translate(-50%) rotate(180deg);
}
.triangle-placement-bottom-left,
[tooltip][placement="bottom-left"]:before {
  transform: translate(0) rotate(180deg);
  left: 10px;
}
.triangle-placement-bottom-right,
[tooltip][placement="bottom-right"]:before {
  right: 10px;
  left: auto;
}
.triangle-placement-left,
.triangle-placement-left-bottom,
.triangle-placement-left-top,
[tooltip][placement="left-bottom"]:before,
[tooltip][placement="left-top"]:before,
[tooltip][placement="left"]:before {
  right: calc(100% + 3px);
  top: 50%;
  transform: translateY(-50%) rotate(270deg);
}
.triangle-placement-left-top,
[tooltip][placement="left-top"]:before {
  top: 10px;
}
.triangle-placement-left-bottom,
[tooltip][placement="left-bottom"]:before {
  bottom: 10px;
  top: auto;
  transform: translate(0) rotate(270deg);
}
@-webkit-keyframes anime-top {
  0% {
    opacity: 0.5;
    bottom: 150%;
  }
}
@keyframes anime-top {
  0% {
    opacity: 0.5;
    bottom: 150%;
  }
}
@-webkit-keyframes anime-bottom {
  0% {
    opacity: 0.5;
    top: 150%;
  }
}
@keyframes anime-bottom {
  0% {
    opacity: 0.5;
    top: 150%;
  }
}
@-webkit-keyframes anime-left {
  0% {
    opacity: 0.5;
    right: 150%;
  }
}
@keyframes anime-left {
  0% {
    opacity: 0.5;
    right: 150%;
  }
}
@-webkit-keyframes anime-right {
  0% {
    opacity: 0.5;
    left: 150%;
  }
}
@keyframes anime-right {
  0% {
    opacity: 0.5;
    left: 150%;
  }
}
.num[data-v-6d85991a],
.num[data-v-6d85991a]:active,
.num[data-v-6d85991a]:hover {
  color: #fff;
}
.footer-content--text_text[data-v-6d85991a] {
  cursor: pointer;
}
.wechat-qr[data-v-6d85991a] {
  width: 130px;
}
div.my-tooltip[data-v-6d85991a] {
  top: -100px !important;
}
[data-v-6d85991a] div.tooltip-inner {
  max-width: none;
  color: #333;
  padding: 0;
}
.qrcode-box[data-v-6d85991a] {
  font-size: 14px;
  padding: 10px;
  grid-column-gap: 20px;
  grid-auto-flow: column;
}
.reset-tooltip[data-v-6d85991a] {
  opacity: 1;
}
.footer[data-v-6d85991a] {
  position: relative;
  background: #1a7ffb;
}
.footer .row[data-v-6d85991a] {
  width: 100%;
  margin: 0;
}
.footer .footer-bg[data-v-6d85991a] {
  position: absolute;
  z-index: 2;
  height: 416px;
  top: 0;
  right: 454px;
  bottom: 0;
}
.footer .container[data-v-6d85991a] {
  background: #1a7ffb;
}
.footer .footer-content[data-v-6d85991a] {
  padding: 56px 0 10px;
}
.footer .footer-content .footer-content--contact[data-v-6d85991a] {
  text-align: left;
}
.footer .footer-content .footer-logo[data-v-6d85991a] {
  height: 92px;
}
.footer .footer-content .footer-content--contact__iconfont[data-v-6d85991a] {
  width: 184px;
  display: flex;
  justify-content: space-between;
  padding-left: 20px;
  margin-top: 30px;
  margin-bottom: 10px;
}
.footer .footer-content .footer-content--text[data-v-6d85991a] {
  color: #fff;
  font-size: 16px;
}
.footer .footer-content .footer-content--text_title[data-v-6d85991a] {
  font-weight: bolder;
  padding-bottom: 26px;
}
.footer .footer-content .footer-content--text_text[data-v-6d85991a] {
  display: block;
  text-decoration: none;
  color: #fff;
  margin-bottom: 20px;
  transition: color 0.4s;
}
.footer .footer-content .footer-content--text_text[data-v-6d85991a]:hover {
  color: #4f4bd8;
}
.footer .footer-trademark[data-v-6d85991a] {
  background: #112e4a;
  padding: 30px 0 14px;
  color: #fff;
  font-size: 16px;
  text-align: center;
}
.footer .public-record[data-v-6d85991a] {
  display: inline-flex;
  cursor: pointer;
}
.footer .public-record img[data-v-6d85991a] {
  height: 20px;
}
.footer .public-record p[data-v-6d85991a] {
  margin: 0 0 0 5px;
  color: #fff;
}
@media (max-width: 576px) {
  .footer-trademark[data-v-6d85991a] {
    font-size: 13px !important;
  }
  .footer-content__item[data-v-6d85991a] {
    flex: 1 1 50%;
  }
  .footer-content--text_text[data-v-6d85991a] {
    font-size: 14px;
  }
  .footer-content--text_text[data-v-6d85991a]:hover {
    color: #4f4bd8;
    cursor: pointer;
  }
}
.stay_container[data-v-0fccbc3e] {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.5);
  z-index: 9999;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
img[data-v-0fccbc3e] {
  max-width: 70%;
}
.btn[data-v-0fccbc3e] {
  margin-top: -80px;
  padding: 8px 45px;
  font-size: 16px;
  background-color: #26cbcb;
}
.layout-container[data-v-09e2a225] {
  margin: 0 auto;
}
.header[data-v-fbbda278] {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 999;
  background-color: none;
  transition: background-color 1s;
}
.header .layout-obn[data-v-fbbda278] {
  color: #333;
  padding-left: 24px;
  transition: color 1s;
}
.header .layout-obn[data-v-fbbda278]:hover {
  color: #4f4bd8;
}
.header.light[data-v-fbbda278] {
  background-color: #1a7ffb;
  transition: background-color 1s;
}
.header.light[data-v-fbbda278] .navbar-light .navbar-nav .nav-link {
  color: #fff;
}
.header .header_logo[data-v-fbbda278] {
  width: auto;
  margin: 0;
}
.header .header_logo img[data-v-fbbda278] {
  max-width: 141px;
  max-height: 44px;
}
.header .navbar-nav[data-v-fbbda278] {
  padding-right: 0;
  padding-left: 0;
  justify-content: center;
}
.header .navbar-nav .dropdown-menu a[data-v-fbbda278] {
  color: #333;
}
.header .navbar-nav .nav-item[data-v-fbbda278] {
  margin-right: 60px;
}
.header .navbar-nav .nav-item[data-v-fbbda278]:last-child {
  margin-right: 0;
}
.header .navbar-nav .nav-item .nav-link[data-v-fbbda278] {
  padding: 0;
  color: #fff;
  transition: color 1s;
  display: inline-block;
  text-align: center;
  box-sizing: border-box;
}
.header
  .navbar-nav
  .nav-item
  .nav-link.light.nuxt-link-exact-active[data-v-fbbda278] {
  position: relative;
  color: #4f4bd8;
}
.header .navbar-nav .nav-item .nav-link[data-v-fbbda278]:hover {
  color: #4f4bd8;
}
.header .navbar-nav .nuxt-link-exact-active[data-v-fbbda278] {
  position: relative;
  color: #4f4bd8 !important;
}
.header .navbar-nav .nuxt-link-exact-active[data-v-fbbda278]:before {
  content: "";
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: -10px;
  width: 50px;
  height: 2px;
  background: #4f4bd8;
}
.header .login-space[data-v-fbbda278] {
  width: 200px;
}
.header .pc-login .login-btn .login-pc[data-v-fbbda278] {
  margin-left: 15px;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
}
.header .pc-login .login-btn .login-pc .tooltip-login[data-v-fbbda278] {
  position: absolute;
  background: url(../image/tooltip-bg.5a86d7a.png) no-repeat;
  background-size: contain;
  top: 45px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.header
  .pc-login
  .login-btn
  .login-pc
  .tooltip-login
  .tooltip-logo[data-v-fbbda278] {
  background: url(../image/tootip-icon.4c0ec1b.png) no-repeat;
  background-size: contain;
  width: 16px;
  height: 16px;
  margin-right: 5px;
}
.header
  .pc-login
  .login-btn
  .login-pc
  .tooltip-login
  .tooltip-text[data-v-fbbda278] {
  font-size: 14px;
  color: #333;
}
.header .pc-login .login-btn .lang-logo[data-v-fbbda278] {
  display: flex;
  align-items: center;
}
.header .pc-login .login-btn .lang-logo img[data-v-fbbda278] {
  width: 25px;
  height: 25px;
}
.header .mobile-login .login-btn[data-v-fbbda278] {
  top: 15px;
}
.header .mobile-login .login-btn .login-mobile[data-v-fbbda278] {
  margin-right: 15px;
  width: auto !important;
  position: relative;
}
.header .mobile-login .login-btn .login-mobile .tooltip-login[data-v-fbbda278] {
  position: absolute;
  background: url(../image/tooltip-bg.5a86d7a.png) no-repeat;
  background-size: contain;
  top: 45px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.header
  .mobile-login
  .login-btn
  .login-mobile
  .tooltip-login
  .tooltip-logo[data-v-fbbda278] {
  background: url(../image/tootip-icon.4c0ec1b.png) no-repeat;
  background-size: contain;
  width: 16px;
  height: 16px;
  margin-right: 5px;
}
.header
  .mobile-login
  .login-btn
  .login-mobile
  .tooltip-login
  .tooltip-text[data-v-fbbda278] {
  font-size: 12px;
  color: #333;
}
.header .register[data-v-fbbda278] {
  border: 1px solid #4f4bd8;
  border-radius: 4px;
  color: #4f4bd8;
}
.header .nav-obn[data-v-fbbda278] {
  display: inline-flex;
  justify-content: center;
}
.header .nav-obn a[data-v-fbbda278] {
  font-size: 16px;
  color: #fff;
  padding: 0;
}
.header.self-header[data-v-fbbda278] {
  background-color: #fff !important;
}
.header.self-header[data-v-fbbda278] .navbar-light .navbar-nav .nav-link {
  color: #333;
}
.header.self-header .navbar-nav[data-v-fbbda278] {
  text-align: left;
}
.header .default-collapse[data-v-fbbda278] {
  justify-content: center;
}
[data-v-fbbda278] .modal-dialog {
  width: 498px;
}
[data-v-fbbda278] .dropdown-item {
  text-align: center;
}
[data-v-fbbda278] .dropdown-item:hover {
  background: transparent;
  color: #4f4bd8 !important;
}
[data-v-fbbda278] .dropdown-item:active {
  background: transparent;
}
[data-v-fbbda278] .change-lang .ch,
[data-v-fbbda278] .change-lang .en {
  color: #4f4bd8;
}
@media (max-width: 1299px) {
  .english .navbar-nav .nav-item[data-v-fbbda278] {
    margin-right: 45px;
  }
  .header .navbar .english[data-v-fbbda278] {
    justify-content: flex-end;
  }
}
@media (max-width: 1199px) {
  .default-collapse .navbar-nav .nav-item[data-v-fbbda278] {
    margin-right: 37px;
  }
  .english .navbar-nav .nav-item[data-v-fbbda278] {
    margin-right: 20px;
  }
}
@media screen and (max-width: 498px) {
  [data-v-fbbda278] .modal-dialog {
    width: 298px;
  }
}
@media screen and (max-width: 375px) {
  [data-v-fbbda278] .modal-dialog {
    width: 198px;
  }
}
.layout-container[data-v-b3f8d57c] {
  width: 100%;
  margin: 0 auto;
}
.num[data-v-3dad3a3f],
.num[data-v-3dad3a3f]:active,
.num[data-v-3dad3a3f]:hover {
  color: #000;
}
.footer-content--text_text[data-v-3dad3a3f] {
  cursor: pointer;
}
.wechat-qr[data-v-3dad3a3f] {
  width: 130px;
}
div.my-tooltip[data-v-3dad3a3f] {
  top: -100px !important;
}
[data-v-3dad3a3f] div.tooltip-inner {
  max-width: none;
  padding: 0;
}
.qrcode-box[data-v-3dad3a3f] {
  font-size: 14px;
  padding: 10px;
  grid-column-gap: 20px;
  grid-auto-flow: column;
}
.reset-tooltip[data-v-3dad3a3f] {
  opacity: 1;
}
.footer[data-v-3dad3a3f] {
  position: relative;
  background: #fff;
}
.footer .row[data-v-3dad3a3f] {
  margin: 0;
}
.footer .footer-bg[data-v-3dad3a3f] {
  position: absolute;
  z-index: 2;
  height: 416px;
  top: 0;
  right: 454px;
  bottom: 0;
}
.footer .container[data-v-3dad3a3f] {
  background: #fff;
}
.footer .footer-content[data-v-3dad3a3f] {
  padding: 56px 0 10px;
}
.footer .footer-content .footer-content--contact[data-v-3dad3a3f] {
  text-align: left;
}
.footer .footer-content .footer-content--contact__iconfont[data-v-3dad3a3f] {
  width: 184px;
  display: flex;
  justify-content: space-between;
  padding-left: 20px;
  margin: 30px 0;
}
.footer .footer-content .footer-logo[data-v-3dad3a3f] {
  height: 92px;
}
.footer .footer-content .footer-content--text[data-v-3dad3a3f] {
  color: #333;
  font-size: 16px;
}
.footer .footer-content .footer-content--text_title[data-v-3dad3a3f] {
  font-weight: bolder;
  padding-bottom: 26px;
}
.footer .footer-content .footer-content--text_text[data-v-3dad3a3f] {
  display: block;
  text-decoration: none;
  color: #333;
  margin-bottom: 20px;
}
.footer .footer-content .footer-content--text_text[data-v-3dad3a3f]:hover {
  color: #4f4bd8;
}
.footer .footer-trademark[data-v-3dad3a3f] {
  background: rgba(70, 169, 240, 0.08);
  padding: 30px 0 14px;
  font-size: 16px;
  text-align: center;
}
.footer .footer-trademark p[data-v-3dad3a3f] {
  color: #333;
}
.footer .public-record[data-v-3dad3a3f] {
  display: inline-flex;
  cursor: pointer;
}
.footer .public-record img[data-v-3dad3a3f] {
  height: 20px;
}
.footer .public-record p[data-v-3dad3a3f] {
  margin: 0 0 0 5px;
  color: #333;
}
@media (max-width: 576px) {
  .footer-trademark[data-v-3dad3a3f] {
    font-size: 13px !important;
  }
  .footer-content__item[data-v-3dad3a3f] {
    flex: 1 1 50%;
  }
  .footer-content--text_text[data-v-3dad3a3f] {
    font-size: 14px;
  }
}
.layout-container[data-v-378cde52] {
  margin: 0 auto;
}
.content-warp[data-v-378cde52] {
  width: 100%;
  min-height: calc(100vh - 384px);
  padding-top: 67px;
}
.content[data-v-5c38c07c] {
  width: 100%;
  min-height: calc(100vh - 560px);
  display: flex;
  flex-flow: row nowrap;
  margin-bottom: 40px;
}
.content .content-left[data-v-5c38c07c] {
  width: 150px;
  height: 100%;
}
.content .content-left[data-v-5c38c07c],
.content .content-right[data-v-5c38c07c] {
  box-shadow: 0 0 6px hsla(0, 0%, 60%, 0.4);
  border-radius: 6px;
}
.content .content-right[data-v-5c38c07c] {
  flex-grow: 1;
  opacity: 1;
  min-width: 400px;
  max-width: 2300px;
}
.content .content-right > div[data-v-5c38c07c] {
  padding: 20px;
}
.layout-container[data-v-f5397a2c] {
  margin: 0 auto;
}
.person-box[data-v-901e63a2] {
  margin-top: 100px;
  padding: 0;
}
.person-box .person-left-menu[data-v-901e63a2] {
  max-width: 220px;
  width: 100%;
  min-width: 160px;
  color: #999;
  box-shadow: 0 3px 12px rgba(51, 51, 51, 0.07);
}
.person-box .person-left-menu > div[data-v-901e63a2] {
  padding-left: 47px;
  height: 60px;
  cursor: pointer;
  line-height: 60px;
  border-right: 4px solid transparent;
}
.person-box .person-left-menu .menu-icon[data-v-901e63a2] {
  font-size: 16px;
  color: #999;
}
.person-box .current-menu[data-v-901e63a2] {
  background-image: linear-gradient(90deg, #fff, #d8edfc);
  color: #4f4bd8;
  font-weight: 700;
  border-right: 4px solid #4f4bd8 !important;
}
.person-box .current-menu .menu-icon[data-v-901e63a2] {
  color: #4f4bd8;
}
.person-box .person-right-content[data-v-901e63a2] {
  flex: 1;
  padding: 0 30px 30px;
  box-sizing: border-box;
  min-height: 580px;
  min-width: 300px;
}
@media (max-width: 768px) {
  .person-box section.person-left-menu[data-v-901e63a2] {
    max-width: 40px;
    min-width: auto;
    text-align: center;
  }
  .person-box section.person-left-menu > div[data-v-901e63a2] {
    padding-left: 0;
  }
  .person-box section.person-left-menu .left-menu-title[data-v-901e63a2] {
    display: none;
  }
  .person-box section.person-right-content[data-v-901e63a2] {
    padding: 0 10px 10px;
  }
}
.helpNav .ball[data-v-f9e417de] {
  width: 6px;
  height: 6px;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAGCAYAAADgzO9IAAAAAXNSR0IArs4c6QAAAG9JREFUGFc9jc0RglAMhL+YvHnJSUqyAy1FK7EF6IA24GIdeFEL0DggeNjZ2Z9k5fbIRj9cXTmF0VSlLc5Fhin7MI6hUBXCFu5knDJX8TN3EIWnjPdMV9iwll7/V3OwXbjRyTL+pg3jUJX9bBbn/AWqYB7OJylktgAAAABJRU5ErkJggg==);
  background-size: contain;
}
.helpNav .nav[data-v-f9e417de] {
  display: grid;
  grid-template-columns: 224px;
  grid-template-rows: repeat(3, 60px);
}
.helpNav .nav .nav-item[data-v-f9e417de] {
  border-bottom: 1px solid #e5ebef;
}
.helpNav .nav .nav-item .nav-link[data-v-f9e417de] {
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  border-right: 1px solid #e5ebef;
}
.helpNav .nav .nav-item .nav-link span[data-v-f9e417de] {
  color: #666;
}
.helpNav .nav .nav-item .nav-link[data-v-f9e417de]:hover {
  background-image: linear-gradient(90deg, #fafdff, #f2faff);
  border-right: 1px solid #4f4bd8;
}
.helpNav .nav .nav-item .nav-link:hover .ball[data-v-f9e417de] {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAGCAYAAADgzO9IAAAAAXNSR0IArs4c6QAAAHhJREFUGFdNjckNg0AQBOew+OzsgsRvBr9IhAzAdiImElKACDgSAyIw4pDwt6urG6t+Tp6BG/NUqXCijto8RDV+pnVQwdKEQR2BCYEKd/ielt8ZIpg/YeZ5ucDRAruNFV/jPGT+Uf4btk8d5zG3Jlyoo1iFujRE3w2L5xvS4hr8gQAAAABJRU5ErkJggg==)
    no-repeat;
}
.helpNav .nav .nav-item .nav-link:hover span[data-v-f9e417de] {
  color: #4f4bd8;
}
.helpNav .nav .nav-item[data-v-f9e417de]:last-child {
  border-bottom: none;
}
.helpNav .nav .nav-item .nuxt-link-active[data-v-f9e417de],
.helpNav .nav .nav-item .nuxt-link-exact-active[data-v-f9e417de] {
  background-image: linear-gradient(90deg, #fafdff, #f2faff);
  border-right: 1px solid #4f4bd8;
}
.helpNav .nav .nav-item .nuxt-link-active .ball[data-v-f9e417de],
.helpNav .nav .nav-item .nuxt-link-exact-active .ball[data-v-f9e417de] {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAGCAYAAADgzO9IAAAAAXNSR0IArs4c6QAAAHhJREFUGFdNjckNg0AQBOew+OzsgsRvBr9IhAzAdiImElKACDgSAyIw4pDwt6urG6t+Tp6BG/NUqXCijto8RDV+pnVQwdKEQR2BCYEKd/ielt8ZIpg/YeZ5ucDRAruNFV/jPGT+Uf4btk8d5zG3Jlyoo1iFujRE3w2L5xvS4hr8gQAAAABJRU5ErkJggg==)
    no-repeat;
}
.helpNav .nav .nav-item .nuxt-link-active span[data-v-f9e417de],
.helpNav .nav .nav-item .nuxt-link-exact-active span[data-v-f9e417de] {
  color: #4f4bd8;
}
.ask[data-v-a9f9b360] {
  padding: 40px 0;
}
.ask .banner[data-v-a9f9b360] {
  margin-top: 30px;
  height: 234px;
  background: url(../image/helpCenter.553ff05.jpg) no-repeat;
  background-size: contain;
}
.ask .ask-box[data-v-a9f9b360] {
  margin-top: 40px;
  grid-template-columns: auto 1fr;
  grid-column-gap: 40px;
}
.ask .title[data-v-a9f9b360] {
  color: #333;
  font-size: 18px;
  font-weight: 700;
  padding-bottom: 10px;
  border-bottom: 1px solid #e5ebef;
}
.ask .tablist[data-v-a9f9b360] {
  grid-row-gap: 30px;
}
.ask .tablist .brand .ask-item[data-v-a9f9b360] {
  padding: 10px 0;
  border-bottom: 1px solid #e5ebef;
  cursor: pointer;
}
.ask .tablist .brand .ask-item .ball[data-v-a9f9b360] {
  width: 6px;
  height: 6px;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAGCAYAAADgzO9IAAAAAXNSR0IArs4c6QAAAG9JREFUGFc9jc0RglAMhL+YvHnJSUqyAy1FK7EF6IA24GIdeFEL0DggeNjZ2Z9k5fbIRj9cXTmF0VSlLc5Fhin7MI6hUBXCFu5knDJX8TN3EIWnjPdMV9iwll7/V3OwXbjRyTL+pg3jUJX9bBbn/AWqYB7OJylktgAAAABJRU5ErkJggg==)
    no-repeat;
  background-size: contain;
}
.ask .tablist .brand .ask-item span[data-v-a9f9b360] {
  color: #666;
}
.ask .tablist .brand .ask-item[data-v-a9f9b360]:hover {
  border-bottom: 1px solid #4f4bd8;
}
.ask .tablist .brand .ask-item:hover span[data-v-a9f9b360] {
  color: #4f4bd8;
}
.ask .tablist .brand .ask-item:hover .ball[data-v-a9f9b360] {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAGCAYAAADgzO9IAAAAAXNSR0IArs4c6QAAAHhJREFUGFdNjckNg0AQBOew+OzsgsRvBr9IhAzAdiImElKACDgSAyIw4pDwt6urG6t+Tp6BG/NUqXCijto8RDV+pnVQwdKEQR2BCYEKd/ielt8ZIpg/YeZ5ucDRAruNFV/jPGT+Uf4btk8d5zG3Jlyoo1iFujRE3w2L5xvS4hr8gQAAAABJRU5ErkJggg==)
    no-repeat;
}
.text-bold[data-v-53b0c14f] {
  font-weight: 700;
}
.business[data-v-53b0c14f] {
  min-height: calc(100vh - 660px);
  font-family: Microsoft YaHei;
  color: #333;
  margin-bottom: 227px;
}
.business .banner[data-v-53b0c14f] {
  margin-top: 70px;
  height: 234px;
  background: url(../image/helpCenter.553ff05.jpg) no-repeat;
  background-size: contain;
}
.business .container[data-v-53b0c14f] {
  margin-top: 40px;
  grid-template-columns: auto 1fr;
  grid-column-gap: 40px;
}
.business .container .title[data-v-53b0c14f] {
  color: #333;
  font-size: 18px;
  font-weight: 700;
  padding-bottom: 10px;
  border-bottom: 1px solid #e5ebef;
}
.business .container .desc[data-v-53b0c14f] {
  grid-row-gap: 10px;
}
.business .container .desc-english p[data-v-53b0c14f] {
  font-size: 18px;
}
.business .business-title[data-v-53b0c14f] {
  opacity: 1;
}
.companyInfo[data-v-4d3d6884] {
  min-height: calc(100vh - 610px);
  margin-top: 63px;
  color: #333;
  margin-bottom: 227px;
}
.companyInfo .banner[data-v-4d3d6884] {
  margin-top: 70px;
  height: 234px;
  background: url(../image/helpCenter.553ff05.jpg) no-repeat;
  background-size: contain;
}
.companyInfo .container[data-v-4d3d6884] {
  margin-top: 40px;
  grid-template-columns: auto 1fr;
  grid-column-gap: 40px;
}
.companyInfo .container .title[data-v-4d3d6884] {
  color: #333;
  font-size: 18px;
  font-weight: 700;
  padding-bottom: 10px;
  border-bottom: 1px solid #e5ebef;
}
.login[data-v-0226b154] {
  padding: 170px 0 100px;
}
.login[data-v-0226b154],
.login_inner[data-v-0226b154] {
  display: flex;
  justify-content: center;
  align-items: center;
}
.login_inner[data-v-0226b154] {
  width: 610px;
  height: 610px;
  position: relative;
}
.login_inner .thirdLogin[data-v-0226b154] {
  display: flex;
  margin-top: 26px;
  justify-content: center;
}
.login_inner .thirdLogin div[data-v-0226b154] {
  cursor: pointer;
}
.login_inner .thirdLogin .qq[data-v-0226b154] {
  background: url(../image/qq-login.165bb3d.png) no-repeat;
  background-size: contain;
  width: 36px;
  height: 36px;
  margin-right: 58px;
}
.login_inner .thirdLogin .wechat[data-v-0226b154] {
  background: url(../image/wechat-login.da2b23d.png) no-repeat;
  background-size: contain;
  width: 36px;
  height: 36px;
  margin-right: 58px;
}
.login_inner .thirdLogin .google[data-v-0226b154] {
  background: url(../image/google-login.23fe0d6.png) no-repeat;
  background-size: contain;
  width: 36px;
  height: 36px;
}
#captcha[data-v-0226b154] {
  position: unset !important;
}
.box-bg[data-v-0226b154] {
  position: absolute;
  width: inherit;
  height: inherit;
  background: #f4faff;
  z-index: -1;
  border-radius: 50%;
}
.password_item[data-v-0226b154] {
  position: relative;
}
.password_icon[data-v-0226b154] {
  position: absolute;
  right: 15px;
  top: 50%;
  transform: translateY(-50%);
  cursor: pointer;
}
.box[data-v-0226b154] {
  background: #fff;
  box-shadow: 0 3px 22px rgba(51, 51, 51, 0.07);
  padding: 24px;
  border-radius: 12px;
}
.box .reset_title[data-v-0226b154] {
  font-size: 18px;
  font-weight: 700;
  margin-bottom: 24px;
}
.box .title[data-v-0226b154] {
  font-size: 18px;
  color: #999;
  display: inline-block;
  cursor: pointer;
}
.box .phone[data-v-0226b154] {
  padding-right: 11px;
  border-right: 1px solid #999;
}
.box .email[data-v-0226b154] {
  padding-left: 11px;
}
.box .currentSelect[data-v-0226b154],
.box .title[data-v-0226b154]:hover {
  color: #4f4bd8;
  font-weight: 700;
}
.box .boo[data-v-0226b154],
.box .foo[data-v-0226b154] {
  padding-left: 10px;
  border: none;
}
.box .active[data-v-0226b154] {
  color: #4f4bd8;
  font-weight: 700;
}
.box .check-code[data-v-0226b154] {
  max-width: 290px;
}
.box .submit[data-v-0226b154] {
  width: 100%;
  height: 56px;
}
.box .desc[data-v-0226b154] {
  text-align: center;
}
.primary-text[data-v-0226b154] {
  color: #4f4bd8;
}
.item input[data-v-0226b154] {
  height: 56px;
  border: 1px solid #ccc;
}
.select[data-v-0226b154] {
  position: relative;
}
.select .select-input[data-v-0226b154] {
  background-color: #4f4bd8;
  color: #fff;
  width: 70px;
  height: 56px;
  border-radius: 12px;
  padding: 0 2px 0 10px;
}
.select .select-input input[data-v-0226b154] {
  background-color: #4f4bd8;
  border: none;
  width: 90%;
  outline: none;
  color: #fff;
  border-radius: 12px;
}
.select .select-ul[data-v-0226b154] {
  position: absolute;
  left: 0;
  top: 51px;
  z-index: 2;
  background: #fff;
  width: 200px;
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 4px;
  height: 400px;
  overflow-y: auto;
}
.select .select-ul .select-item[data-v-0226b154] {
  box-sizing: border-box;
  padding: 10px;
}
.select .select-ul .select-area[data-v-0226b154] {
  background: #4f4bd8;
  color: #fff;
}
.privacy[data-v-0226b154] {
  margin-top: 0 !important;
}
.dropdown-header[data-v-0226b154] {
  background-color: hsla(0, 0%, 80%, 0.2);
  height: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.dropdown-header .input_group[data-v-0226b154] {
  height: inherit;
}
.dropdown-header .input_group i[data-v-0226b154] {
  margin-right: 10px;
}
.dropdown-header .input_group input[data-v-0226b154] {
  border: none;
  background-color: transparent;
  height: inherit;
}
.dropdown-header .input_group input[data-v-0226b154]:focus {
  outline: none;
}
.agreement_title[data-v-0226b154] {
  color: #333;
  font-size: 18px;
  font-weight: 700;
}
.agreement_img[data-v-0226b154] {
  width: 46px;
  height: 46px;
}
.isKnow[data-v-0226b154] {
  width: 126px;
  height: 46px;
  background: #4f4bd8;
  border-radius: 4px;
  border: none;
}
.modal_header[data-v-0226b154] {
  border-bottom: none !important;
}
.noPadding[data-v-0226b154] {
  padding: 0;
}
[data-v-0226b154] .b-dropdown .dropdown-menu {
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 4px;
  height: 330px;
  overflow-y: auto;
  padding: none;
}
[data-v-0226b154] .b-dropdown .dropdown-toggle {
  min-width: 70px;
  height: 56px;
  border-radius: 12px;
  color: #fff;
  border: none;
}
[data-v-0226b154] .dropdown-menu {
  padding: 0;
}
[data-v-0226b154] .dropdown-menu .select_item:active .dropdown-item,
[data-v-0226b154] .dropdown-menu .select_item:hover .dropdown-item {
  background: #4f4bd8;
  color: #fff;
}
[data-v-0226b154] .agreement .modal-content {
  border-radius: 8px;
}
[data-v-0226b154] .agreement .modal-header {
  border-bottom: none;
}
[data-v-0226b154] .agreement .modal-body {
  padding: 0;
}
[data-v-0226b154] .modal-dialog {
  max-width: 1200px;
  top: 50%;
}
[data-v-0226b154] .btn-primary:not(:disabled):not(.disabled).active,
[data-v-0226b154] .btn-primary:not(:disabled):not(.disabled):active,
[data-v-0226b154] .show > .btn-primary.dropdown-toggle {
  box-shadow: 0 0 0 0.2rem rgba(98, 182, 242, 0.5);
}
@media screen and (min-width: 768px) {
  .login[data-v-0226b154] {
    padding: 170px 0 100px;
  }
  .box[data-v-0226b154] {
    width: 500px;
  }
  .box .title[data-v-0226b154] {
    font: 18px;
  }
  .foo[data-v-0226b154]:after {
    top: 135px;
  }
}
@media screen and (max-width: 767px) {
  .login_inner[data-v-0226b154] {
    width: 38rem;
    height: 38rem;
  }
  .box[data-v-0226b154] {
    width: 31rem;
    height: 32rem;
  }
  .foo[data-v-0226b154]:after {
    top: 135px !important;
  }
  .boo[data-v-0226b154]:after {
    top: 85px !important;
    left: 162px !important;
  }
}
@media screen and (max-width: 700px) {
  .login_inner[data-v-0226b154] {
    width: 35rem;
    height: 35rem;
  }
  .box[data-v-0226b154] {
    width: 30rem;
    height: 31rem;
    padding: 20px;
  }
  .form[data-v-0226b154] {
    margin-top: -8px;
  }
  .foo[data-v-0226b154]:after {
    top: 115px !important;
    left: 106px !important;
  }
  .boo[data-v-0226b154]:after {
    top: 65px !important;
    left: 142px !important;
  }
}
@media screen and (max-width: 600px) {
  .login_inner[data-v-0226b154] {
    width: 30rem;
    height: 30rem;
  }
  .box[data-v-0226b154] {
    width: 26rem;
    height: 27rem;
    padding: 20px;
  }
  .box .title[data-v-0226b154] {
    font: 16px !important;
  }
  .form .item[data-v-0226b154] {
    margin-top: 20px !important;
  }
  .form-control[data-v-0226b154],
  .form .item[data-v-0226b154] {
    font-size: 14px;
  }
  .btn[data-v-0226b154],
  .item input[data-v-0226b154] {
    height: 45px;
  }
  .btn[data-v-0226b154] {
    width: 120px;
    font-size: 12px;
  }
  [data-v-0226b154] .b-dropdown .dropdown-toggle {
    min-width: 70px;
    height: 45px;
  }
  .foo[data-v-0226b154]:after {
    top: 108px !important;
    left: 98px !important;
  }
  .boo[data-v-0226b154]:after {
    top: 57px !important;
    left: 134px !important;
  }
}
@media screen and (max-width: 500px) {
  .login_inner[data-v-0226b154] {
    width: 26rem;
    height: 26rem;
  }
  .login_inner .box[data-v-0226b154] {
    width: 23rem;
    height: 24rem;
  }
  .login_inner .box .submit[data-v-0226b154] {
    height: 45px;
  }
  .reset_title[data-v-0226b154] {
    margin-bottom: 4px !important;
  }
  .foo[data-v-0226b154]:after {
    top: 81px !important;
    left: 90px !important;
  }
  .boo[data-v-0226b154]:after {
    top: 49px !important;
    left: 126px !important;
  }
}
@media screen and (max-width: 430px) {
  .login_inner[data-v-0226b154] {
    width: 100%;
    height: 100%;
    padding: 25px;
  }
  .login_inner .box-bg[data-v-0226b154] {
    background: #fff;
  }
  .login_inner .box[data-v-0226b154] {
    width: 100%;
    height: 100%;
  }
  .login_inner .form-control[data-v-0226b154] {
    font-size: 12px;
  }
  .login_inner[data-v-0226b154] .b-dropdown .dropdown-toggle {
    font-size: 14px;
  }
  .login_inner .mr-20[data-v-0226b154] {
    margin-right: 10px !important;
  }
  .foo[data-v-0226b154]:after {
    top: 89px !important;
    left: 91px !important;
  }
  .boo[data-v-0226b154]:after {
    top: 58px !important;
  }
}
@media screen and (max-width: 1000px) {
  [data-v-0226b154] .modal-dialog {
    width: 80%;
  }
}
.side_bar[data-v-1577f76a] {
  background: #fff;
  box-shadow: 0 3px 12px rgba(51, 51, 51, 0.07);
  opacity: 1;
  border-radius: 12px;
  height: 180px;
  min-width: 220px;
}
.side_bar_item[data-v-1577f76a] {
  height: 60px;
  line-height: 60px;
  font-size: 16px;
  padding: 0 77px 0 27px;
  color: #999;
  cursor: pointer;
}
.side_bar_item[data-v-1577f76a]:hover {
  color: #4f4bd8;
}
.side_bar_item[data-v-1577f76a]:first-of-type {
  border-top-right-radius: 12px;
}
.side_bar_item.active[data-v-1577f76a] {
  color: #4f4bd8;
  background: linear-gradient(
    90deg,
    rgba(57, 224, 224, 0),
    rgba(70, 169, 240, 0.21)
  );
}
@media (max-width: 1180px) {
  .side_bar[data-v-1577f76a] {
    height: 180px;
    min-width: 80px;
  }
  .side_bar .side_bar_item[data-v-1577f76a] {
    padding: 0 0 0 27px;
  }
  .side_bar .menu_name[data-v-1577f76a] {
    display: none;
  }
}
@media (max-width: 768px) {
  .side_bar[data-v-1577f76a] {
    min-width: 80px;
  }
  .side_bar .side_bar_item[data-v-1577f76a] {
    padding: 0 0 0 27px;
  }
  .side_bar .side_bar_item i .side_bar_item i[data-v-1577f76a] {
    font-size: 24px !important;
  }
}
@media (max-width: 578px) {
  .side_bar[data-v-1577f76a] {
    height: 130px;
    min-width: 60px;
  }
  .side_bar .side_bar_item[data-v-1577f76a] {
    padding: 0 0 0 17px;
  }
  .side_bar .side_bar_item i[data-v-1577f76a] {
    font-size: 24px !important;
  }
}
.card[data-v-7814c9dd] {
  border: none;
  height: 124px;
  width: 362px;
  padding: 30px;
  margin-bottom: 30px;
  box-sizing: border-box;
  background: #fff;
  box-shadow: 0 3px 12px rgba(51, 51, 51, 0.07);
  border-radius: 12px;
  font-size: 16px;
  color: #333;
  margin-right: 30px;
}
.card[data-v-7814c9dd]:last-child {
  margin-right: 0;
}
.card .iconfont[data-v-7814c9dd] {
  color: #4f4bd8;
  padding-bottom: 25px;
}
.card .card_title[data-v-7814c9dd] {
  padding-bottom: 12px;
  margin-left: 10px;
  color: #666;
}
.card[data-v-7814c9dd]:hover {
  box-shadow: 0 3px 12px rgba(51, 51, 51, 0.15);
}
.card_row[data-v-7814c9dd],
.row[data-v-7814c9dd] {
  padding-left: 0;
  margin-left: 0;
}
.member_card[data-v-7814c9dd] {
  height: 210px;
  width: 362px;
  padding: 20px 20px 20px 0;
  margin-bottom: 30px;
  margin-right: 30px;
  position: relative;
  box-sizing: border-box;
  box-shadow: 0 3px 12px rgba(51, 51, 51, 0.07);
  border-radius: 12px;
  font-size: 16px;
  color: #fff;
  background-size: cover;
  border: none;
}
.member_card.vip_img[data-v-7814c9dd] {
  background-image: url(../image/VIP3.d7c6b7c.png);
}
.member_card.svip_img[data-v-7814c9dd] {
  background-image: url(../image/SVIP3.45035b8.png);
}
.member_card.expired_img[data-v-7814c9dd],
.member_card.general_img[data-v-7814c9dd] {
  background-image: url(../image/no3.1c0fc47.png);
}
.member_card .member_card_title[data-v-7814c9dd] {
  display: inline-block;
  font-size: 14px;
  background-color: #8aa4cc;
  width: 110px;
  height: 30px;
  line-height: 30px;
  padding-left: 15px;
  border-radius: 0 15px 15px 0;
}
.member_card .member_card_title_vip[data-v-7814c9dd] {
  background-color: #ffb967;
}
.member_card .svip_icon[data-v-7814c9dd] {
  right: 94px;
  width: 55px;
  background-image: url(../image/SVIP_slices.6b77d15.png);
}
.member_card .member_icon[data-v-7814c9dd],
.member_card .svip_icon[data-v-7814c9dd] {
  display: inline-block;
  position: absolute;
  top: 23px;
  height: 50px;
}
.member_card .member_icon[data-v-7814c9dd] {
  right: 30px;
  width: 50px;
}
.member_card .member_icon.vip_slices[data-v-7814c9dd] {
  background-image: url(../image/VIP_slices.5ab10e7.png);
}
.member_card .member_icon.svip_slices[data-v-7814c9dd] {
  width: 55px !important;
  background-image: url(../image/SVIP_slices.6b77d15.png);
}
.member_card .member_icon.expired_slices[data-v-7814c9dd],
.member_card .member_icon.general_slices[data-v-7814c9dd] {
  background-image: url(../image/no_slices.b3a7b68.png);
}
.member_card .member_card_type_novip[data-v-7814c9dd] {
  font-size: 18px;
  padding-bottom: 12px;
  margin-top: 98px;
  margin-left: 30px;
  font-weight: 700;
}
.member_card .member_card_type[data-v-7814c9dd] {
  font-size: 18px;
  padding-bottom: 12px;
  margin-top: 81px;
  margin-left: 30px;
  font-weight: 700;
  color: #d07b08;
}
.member_card .member_card_type .member_alert[data-v-7814c9dd] {
  font-size: 12px;
  margin-top: 5px;
}
.member_card .member_card_type_vip[data-v-7814c9dd] {
  font-size: 18px;
  font-weight: 700;
  margin-top: 16px;
  margin-left: 30px;
  color: #d07b08;
}
.member_card .member_card_type_vip .member_alert[data-v-7814c9dd] {
  font-size: 12px;
  margin-top: 5px;
}
.member_card .member_card_type_svip[data-v-7814c9dd] {
  font-size: 18px;
  font-weight: 700;
  margin-top: 17px;
  margin-left: 30px;
  color: #d07b08;
}
.member_card .member_card_type_svip .member_alert[data-v-7814c9dd] {
  font-size: 12px;
  margin-top: 5px;
}
.member_card .card_footer[data-v-7814c9dd] {
  position: absolute;
  bottom: 48px;
  left: 20px;
  right: 30px;
  font-size: 16px;
  display: flex;
  justify-content: space-between;
}
.member_card .card_footer a[data-v-7814c9dd] {
  display: block;
  width: 120px;
  height: 40px;
  color: #de801d;
  background-color: #fff;
  padding: 0 16px;
  line-height: 39px;
  text-align: center;
  box-shadow: 0 1px 3px rgba(222, 128, 0, 0.25);
  border-radius: 4px;
}
.member_card .card_footer a[data-v-7814c9dd]:hover {
  background: #fff2db;
}
.member_card .card_footer .nuxt_link_noVip[data-v-7814c9dd] {
  box-shadow: 0 1px 3px rgba(0, 33, 83, 0.25) !important;
}
.unflex[data-v-7814c9dd] {
  display: inline-block;
}
@media (max-width: 768px) {
  .person_card[data-v-7814c9dd] {
    padding: 1.875rem;
    font-size: 1.75rem;
    width: 100% !important;
    height: 100% !important;
  }
  .person_card .card_title[data-v-7814c9dd] {
    padding-bottom: 0;
  }
  .person_card .card_title_en[data-v-7814c9dd] {
    font-size: 1.25rem;
  }
  .person_card .go_reset[data-v-7814c9dd] {
    font-size: 1.45rem;
  }
  .person_card .iconfont[data-v-7814c9dd] {
    font-size: 28px;
    padding-bottom: 12px;
  }
  .member_card_row[data-v-7814c9dd] {
    flex-direction: column;
  }
  .member_card_row .member_card[data-v-7814c9dd] {
    width: 100% !important;
    height: 21rem;
    padding: 33px 33px 33px 0;
    margin-right: 0;
    border-radius: 20px;
  }
  .member_card_row .member_card .member_card_title[data-v-7814c9dd] {
    font-size: 24px;
    padding-bottom: 20px;
    width: 175px;
    height: 50px;
    line-height: 50px;
    border-radius: 0 30px 30px 0;
  }
  .member_card_row .member_card .svip_icon[data-v-7814c9dd] {
    display: inline-block;
    position: absolute;
    top: 25px;
    right: 136px;
    width: 110px;
    height: 100px;
    background-image: url(../image/SVIP_slices_2x.71071f0.png);
  }
  .member_card_row .member_card .member_icon[data-v-7814c9dd] {
    display: inline-block;
    position: absolute;
    top: 25px;
    right: 25px;
    width: 100px;
    height: 100px;
  }
  .member_card_row .member_card .member_icon.vip_slices[data-v-7814c9dd] {
    background-image: url(../image/VIP_slices_2x.ff21ce8.png);
  }
  .member_card_row .member_card .member_icon.svip_slices[data-v-7814c9dd] {
    width: 55px !important;
    background-image: url(../image/SVIP_slices_2x.71071f0.png);
  }
  .member_card_row .member_card .member_icon.expired_slices[data-v-7814c9dd],
  .member_card_row .member_card .member_icon.general_slices[data-v-7814c9dd] {
    background-image: url(../image/no_slices_2x.b690acc.png);
  }
  .member_card_row .member_card .member_card_type_svip[data-v-7814c9dd] {
    font-size: 28px;
    font-weight: 700;
    margin-top: 40px;
    margin-left: 36px;
    color: #d07b08;
  }
  .member_card_row
    .member_card
    .member_card_type_svip
    .member_alert[data-v-7814c9dd] {
    margin-top: 5px;
    font-size: 15px;
  }
  .member_card_row .member_card .member_card_type_vip[data-v-7814c9dd] {
    font-size: 28px;
    font-weight: 700;
    margin-top: 24px;
    margin-left: 36px;
    color: #d07b08;
  }
  .member_card_row
    .member_card
    .member_card_type_vip
    .member_alert[data-v-7814c9dd] {
    margin-top: 5px;
    font-size: 15px;
  }
  .member_card_row .member_card .member_card_type[data-v-7814c9dd] {
    font-size: 26px;
    padding-bottom: 20px;
    margin-top: 140px;
    margin-left: 36px;
    font-weight: 700;
  }
  .member_card_row
    .member_card
    .member_card_type
    .member_alert[data-v-7814c9dd] {
    font-size: 15px;
  }
  .member_card_row .member_card .member_card_type_novip[data-v-7814c9dd] {
    margin-top: 159px;
    font-size: 32px;
  }
  .member_card_row .member_card .card_footer[data-v-7814c9dd] {
    position: absolute;
    font-size: 28px;
    bottom: 50px;
    right: 50px;
  }
  .member_card_row .member_card .card_footer a[data-v-7814c9dd] {
    width: 178px;
    height: 66px;
    line-height: 66px;
  }
}
@media (max-width: 674px) {
  .person_card .card_title_en[data-v-7814c9dd] {
    font-size: 1rem;
  }
  .person_card .go_reset[data-v-7814c9dd] {
    font-size: 1.25rem;
  }
  .card_container .member_card .member_card_type_en[data-v-7814c9dd] {
    font-size: 28px;
  }
  .card_container .member_card .card_footer a[data-v-7814c9dd] {
    width: 160px;
  }
}
@media (max-width: 623px) {
  .person_card[data-v-7814c9dd] {
    font-size: 16px;
  }
  .member_card[data-v-7814c9dd] {
    height: 18rem !important;
  }
  .member_card .member_card_title[data-v-7814c9dd] {
    font-size: 20px;
    width: 124px;
    height: 44px;
    line-height: 44px;
  }
  .member_card .svip_icon[data-v-7814c9dd] {
    top: 23px !important;
    right: 94px !important;
    width: 55px !important;
    height: 50px !important;
    background-image: url(../image/SVIP_slices.6b77d15.png) !important;
  }
  .member_card .member_icon[data-v-7814c9dd] {
    top: 23px !important;
    right: 30px !important;
    width: 50px !important;
    height: 50px !important;
  }
  .member_card .member_icon.vip_slices[data-v-7814c9dd] {
    background-image: url(../image/VIP_slices.5ab10e7.png) !important;
  }
  .member_card .member_icon.svip_slices[data-v-7814c9dd] {
    width: 55px !important;
    background-image: url(../image/SVIP_slices.6b77d15.png) !important;
  }
  .member_card .member_icon.expired_slices[data-v-7814c9dd],
  .member_card .member_icon.general_slices[data-v-7814c9dd] {
    background-image: url(../image/no_slices.b3a7b68.png) !important;
  }
  .member_card .member_card_type_svip[data-v-7814c9dd] {
    font-size: 26px !important;
    margin-top: 40px !important;
    margin-left: 20px !important;
  }
  .member_card .member_card_type_svip .member_alert[data-v-7814c9dd] {
    margin-top: 5px;
    font-size: 14px !important;
  }
  .member_card .member_card_type_vip[data-v-7814c9dd] {
    font-size: 26px !important;
    margin-top: 15px !important;
    margin-left: 20px !important;
  }
  .member_card .member_card_type_vip .member_alert[data-v-7814c9dd] {
    margin-top: 5px;
    font-size: 14px !important;
  }
  .member_card .member_card_type[data-v-7814c9dd] {
    font-size: 26px;
    margin-top: 118px !important;
    margin-left: 20px !important;
  }
  .member_card .member_card_type .member_alert[data-v-7814c9dd] {
    font-size: 14px !important;
  }
  .member_card .member_card_type_novip[data-v-7814c9dd] {
    margin-top: 138px !important;
    font-size: 26px;
  }
  .member_card .card_footer[data-v-7814c9dd] {
    font-size: 22px !important;
    bottom: 25px !important;
    right: 25px !important;
  }
  .member_card .card_footer a[data-v-7814c9dd] {
    width: 136px !important;
    height: 56px !important;
    line-height: 56px !important;
  }
}
@media (max-width: 608px) {
  .person_card .card_title_en[data-v-7814c9dd] {
    font-size: 0.875rem;
    margin-left: 5px;
  }
  .person_card .icon-shoujihaoma[data-v-7814c9dd],
  .person_card .icon-xiugaimima[data-v-7814c9dd] {
    font-size: 24px;
  }
  .person_card .go_reset[data-v-7814c9dd] {
    font-size: 1.05rem;
  }
}
@media (max-width: 528px) {
  .card_container .member_card .card_footer a[data-v-7814c9dd] {
    width: 115px !important;
    font-size: 18px !important;
  }
}
@media (max-width: 517px) {
  .person_card .go_reset[data-v-7814c9dd] {
    font-size: 0.875rem;
  }
  .card_container .member_card .member_card_type_en[data-v-7814c9dd] {
    font-size: 24px;
  }
}
@media (max-width: 499px) {
  .main[data-v-7814c9dd] {
    margin-right: 15px !important;
  }
  .person_card[data-v-7814c9dd] {
    font-size: 13px;
    padding: 0.875rem;
    margin-bottom: 15px;
    margin-right: 15px;
  }
  .person_card .iconfont[data-v-7814c9dd] {
    font-size: 18px;
    padding-bottom: 12px;
  }
  .member_card[data-v-7814c9dd] {
    height: 14rem !important;
    padding-top: 23px !important;
  }
  .member_card .member_card_title[data-v-7814c9dd] {
    font-size: 14px !important;
    width: 110px !important;
    height: 32px !important;
    line-height: 32px !important;
  }
  .member_card .svip_icon[data-v-7814c9dd] {
    top: 23px !important;
    right: 94px !important;
    width: 55px !important;
    height: 50px !important;
    background-image: url(../image/SVIP_slices.6b77d15.png) !important;
  }
  .member_card .member_icon[data-v-7814c9dd] {
    top: 23px !important;
    right: 30px !important;
    width: 50px !important;
    height: 50px !important;
  }
  .member_card .member_icon.vip_slices[data-v-7814c9dd] {
    background-image: url(../image/VIP_slices.5ab10e7.png) !important;
  }
  .member_card .member_icon.svip_slices[data-v-7814c9dd] {
    width: 55px !important;
    background-image: url(../image/SVIP_slices.6b77d15.png) !important;
  }
  .member_card .member_icon.expired_slices[data-v-7814c9dd],
  .member_card .member_icon.general_slices[data-v-7814c9dd] {
    background-image: url(../image/no_slices.b3a7b68.png) !important;
  }
  .member_card .member_card_type_svip[data-v-7814c9dd] {
    font-size: 22px !important;
    margin-top: 28px !important;
    margin-left: 10px !important;
  }
  .member_card .member_card_type_svip .member_alert[data-v-7814c9dd] {
    margin-top: 5px;
    font-size: 12px !important;
  }
  .member_card .member_card_type_vip[data-v-7814c9dd] {
    font-size: 22px !important;
    margin-top: 12px !important;
    margin-left: 10px !important;
  }
  .member_card .member_card_type_vip .member_alert[data-v-7814c9dd] {
    margin-top: 5px;
    font-size: 12px !important;
  }
  .member_card .member_card_type[data-v-7814c9dd] {
    font-size: 22px !important;
    margin-top: 95px !important;
    margin-left: 10px !important;
  }
  .member_card .member_card_type .member_alert[data-v-7814c9dd] {
    font-size: 12px !important;
  }
  .member_card .member_card_type_novip[data-v-7814c9dd] {
    margin-top: 100px !important;
    font-size: 22px !important;
    margin-left: 30px !important;
  }
  .member_card .card_footer[data-v-7814c9dd] {
    font-size: 12px !important;
    bottom: 36px !important;
    right: 30px !important;
  }
  .member_card .card_footer a[data-v-7814c9dd] {
    width: 80px !important;
    height: 33px !important;
    line-height: 33px !important;
  }
}
@media (max-width: 414px) {
  .member_card .member_card_type_en[data-v-7814c9dd] {
    font-size: 16px !important;
  }
  .member_card .card_footer[data-v-7814c9dd] {
    bottom: 40px !important;
  }
  .person_card .go_reset[data-v-7814c9dd] {
    font-size: 0.8rem;
  }
}
.buyRecord[data-v-76c1bb14] {
  box-shadow: 0 3px 12px rgba(51, 51, 51, 0.07);
  border-radius: 12px;
  width: 100%;
  margin-bottom: 20px;
}
.buyRecord[data-v-76c1bb14] .table-hover tbody tr:hover {
  color: #212529;
  background-color: #eff8ff;
}
.buyRecord[data-v-76c1bb14] .table {
  border-collapse: collapse;
  border-radius: 12px 12px 0 0;
  overflow: hidden;
}
.buyRecord[data-v-76c1bb14] .table thead th {
  border-bottom: none;
  border-top: none;
  background-color: #eff8ff;
  color: #333;
  padding: 20px;
  font-size: 16px;
}
.buyRecord[data-v-76c1bb14] .table thead th div {
  text-align: center;
}
.buyRecord[data-v-76c1bb14] .table td {
  border-top: none;
  border-bottom: 1px solid #ccc;
  padding: 20px;
  color: #333;
  text-align: center;
}
.buyRecord[data-v-76c1bb14] .table td i {
  color: #4f4bd8;
}
.buyRecord .border-none[data-v-76c1bb14] .table td {
  border-bottom: none;
}
.buyRecord .total[data-v-76c1bb14] {
  font-size: 14px;
  color: #666;
}
.buyRecord .pagination-box[data-v-76c1bb14] .page-link {
  position: relative;
  display: block;
  background-color: #fff;
  border: none;
  padding: 0 15px;
  color: #666;
  outline: none;
}
.buyRecord .pagination-box[data-v-76c1bb14] .page-link:focus {
  box-shadow: none;
}
.buyRecord .pagination-box[data-v-76c1bb14] .page-link:hover {
  color: #4f4bd8;
}
.buyRecord .pagination-box[data-v-76c1bb14] .active .page-link {
  color: #4f4bd8 !important;
}
.buyRecord
  .pagination-box[data-v-76c1bb14]
  .pagination
  .page-item:first-of-type
  .page-link {
  color: #c0c4cc;
}
.buyRecord
  .pagination-box[data-v-76c1bb14]
  .pagination
  .page-item:last-of-type
  .page-link {
  color: #666;
}
.buyRecord
  .pagination-box[data-v-76c1bb14]
  .pagination
  .page-item:first-of-type
  .page-link,
.buyRecord
  .pagination-box[data-v-76c1bb14]
  .pagination
  .page-item:last-of-type
  .page-link {
  font-size: 30px !important;
  position: relative;
  top: -2px;
}
.buyRecord
  .pagination-box[data-v-76c1bb14]
  .pagination
  .page-item:first-of-type
  .page-link:hover,
.buyRecord
  .pagination-box[data-v-76c1bb14]
  .pagination
  .page-item:last-of-type
  .page-link:hover,
.icon-goumaijilu[data-v-76c1bb14]:hover {
  color: #4f4bd8 !important;
}
[data-v-76c1bb14] .btn {
  width: 112px !important;
  height: 36px !important;
  border-radius: 4px;
  margin-left: 20px;
}
@media (max-width: 768px) {
  [data-v-76c1bb14] .table tbody tr td {
    padding: 30px 0 !important;
    font-size: 22px;
  }
  [data-v-76c1bb14] .btn {
    font-size: 22px;
    width: 162px !important;
    height: 64px !important;
    margin-left: 20px;
  }
  [data-v-76c1bb14] .table thead th {
    font-size: 22px !important;
    padding: 37px 2px !important;
  }
  .pagination-text[data-v-76c1bb14],
  .total[data-v-76c1bb14] {
    font-size: 22px !important;
  }
}
@media (max-width: 576px) {
  [data-v-76c1bb14] .btn {
    font-size: 18px;
    width: 121px !important;
    height: 48px !important;
    margin-left: 15px;
  }
  [data-v-76c1bb14] .table thead th {
    font-size: 18px !important;
    padding: 27px 2px !important;
  }
  [data-v-76c1bb14] .table tbody tr td {
    font-size: 18px;
    padding: 22px !important;
  }
  .pagination-text[data-v-76c1bb14],
  .total[data-v-76c1bb14] {
    font-size: 18px !important;
  }
}
@media (max-width: 543px) {
  [data-v-76c1bb14] .table tbody tr td {
    padding: 18px 0 !important;
    font-size: 14px;
  }
  [data-v-76c1bb14] .btn {
    font-size: 14px;
    width: 97px !important;
    height: 38px !important;
    margin-left: 12px;
  }
  [data-v-76c1bb14] .table thead th {
    font-size: 14px !important;
    padding: 22px 2px !important;
  }
  .pagination-text[data-v-76c1bb14],
  .total[data-v-76c1bb14] {
    font-size: 14px !important;
  }
}
@media (max-width: 443px) {
  [data-v-76c1bb14] .table tbody tr td {
    padding: 15px 0 !important;
    font-size: 12px;
  }
  [data-v-76c1bb14] .btn {
    font-size: 12px;
    width: 81px !important;
    height: 32px !important;
    margin-left: 10px;
  }
  [data-v-76c1bb14] .table thead th {
    font-size: 12px !important;
    padding: 18px 2px !important;
  }
  .pagination-text[data-v-76c1bb14],
  .total[data-v-76c1bb14] {
    font-size: 12px !important;
  }
}
.main[data-v-22417384] {
  flex: auto;
  margin-left: 30px;
}
.person_center_container[data-v-22417384] {
  margin-top: 50px;
}
@media screen and (min-width: 376px) and (max-width: 499px) {
  .main[data-v-22417384] {
    margin-left: 15px !important;
  }
}
@media (max-width: 375px) {
  .main[data-v-22417384] {
    margin-left: 10px;
  }
}
.commission-container[data-v-144082e5] {
  min-height: calc(100vh - 660px);
  margin-top: 69px;
  font-family: Microsoft YaHei;
  color: #333;
}
.commission-container .banner img[data-v-144082e5] {
  width: 100%;
  height: 234px;
}
.commission-container .card-list[data-v-144082e5] {
  padding: 46px 0;
  box-sizing: border-box;
}
.commission-container .card-list .card-img[data-v-144082e5] {
  position: relative;
  width: 28.44%;
  height: 226px;
  margin-right: 20%;
}
.commission-container .card-list .card-img .img-bg[data-v-144082e5] {
  position: absolute;
  left: 0;
  top: 44px;
  width: 100%;
  height: 100%;
  background: linear-gradient(92deg, #edf7ff, #fff);
}
.commission-container .card-list .card-img img[data-v-144082e5] {
  position: absolute;
  top: 0;
  left: 65.934%;
  height: 296px;
}
.commission-container .card-list .card-describe[data-v-144082e5] {
  width: 51.56%;
}
.commission-container .card-list .title[data-v-144082e5] {
  font-size: 34px;
  line-height: 54px;
  font-weight: 700;
  color: #333;
}
.commission-container .card-list .describe[data-v-144082e5] {
  font-size: 22px;
  box-sizing: border-box;
}
.commission-container .card-list .checkbox-list[data-v-144082e5] {
  box-sizing: border-box;
}
.commission-container
  .card-list
  .checkbox-list
  .checkbox-item[data-v-144082e5] {
  font-size: 18px;
  box-sizing: border-box;
}
.commission-container
  .card-list
  .checkbox-list
  .checkbox-item[data-v-144082e5]:first-child {
  margin-right: 95px;
}
.commission-container
  .card-list
  .checkbox-list
  .checkbox-item[data-v-144082e5]:last-child {
  flex: 0 0 100%;
}
.commission-container .card-list .checkbox-list img[data-v-144082e5] {
  width: 22px;
  margin-right: 4px;
}
.commission-container .card-list.right-card[data-v-144082e5] {
  flex-direction: row-reverse;
}
.commission-container .card-list.right-card .card-describe[data-v-144082e5] {
  padding-left: 18.75%;
}
.commission-container .card-list.right-card .card-img[data-v-144082e5] {
  margin-left: 20%;
  margin-right: 0;
}
.commission-container .card-list.right-card .card-img .img-bg[data-v-144082e5] {
  right: 0;
  background: linear-gradient(268deg, #edf7ff, #fff);
}
.commission-container .card-list.right-card .card-img img[data-v-144082e5] {
  position: absolute;
  top: 0;
  left: -34.066%;
  height: 296px;
}
.commission-container .card-list .btn[data-v-144082e5] {
  margin-top: 17px;
  padding: 0.375rem 1.3rem;
}
#particles-js[data-v-2fd35089] {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  height: 45rem;
}
#particles-js2[data-v-25a60612] {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
}
@media (max-width: 2560px) {
  #particles-js2[data-v-25a60612] {
    height: 57rem !important;
  }
}
@media (max-width: 1920px) {
  #particles-js2[data-v-25a60612] {
    height: 57rem !important;
  }
}
@media (max-width: 1200px) {
  #particles-js2[data-v-25a60612] {
    height: auto !important;
  }
}
.SvipDialog[data-v-3cab0d65] {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.5);
  z-index: 9999;
}
.SvipDialog .svip-box[data-v-3cab0d65] {
  width: 359px;
  height: 316px;
  display: grid;
  align-items: center;
  position: fixed;
  top: 45%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.SvipDialog .svip-box .bgImg[data-v-3cab0d65] {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 10px;
}
.SvipDialog .svip-box .bgImg[data-v-3cab0d65],
.SvipDialog .svip-box .bgImgBtn[data-v-3cab0d65] {
  max-width: 100%;
  z-index: inherit;
  image-rendering: -webkit-optimize-contrast;
}
.SvipDialog .svip-box .icon-shanchu[data-v-3cab0d65] {
  font-size: 30px;
  color: #fff;
  display: flex;
  justify-content: flex-end;
  z-index: inherit;
  cursor: pointer;
}
@media screen and (max-width: 768px) {
  .SvipDialog .svip-box[data-v-3cab0d65] {
    width: 309px;
    height: 266px;
  }
  .SvipDialog .svip-box .bgImgBtn[data-v-3cab0d65] {
    max-width: 60%;
  }
  .SvipDialog .svip-box .icon-shanchu[data-v-3cab0d65] {
    font-size: 20px;
  }
}
@media screen and (max-width: 414px) {
  .SvipDialog .svip-box[data-v-3cab0d65] {
    width: 259px;
    height: 216px;
  }
  .SvipDialog .svip-box .bgImgBtn[data-v-3cab0d65] {
    max-width: 60%;
  }
  .SvipDialog .svip-box .icon-shanchu[data-v-3cab0d65] {
    font-size: 20px;
  }
}
.pay-box[data-v-4d19f78c] {
  padding-bottom: 40px;
}
.content[data-v-4d19f78c] {
  padding: 0 15px;
  background-color: #fff;
  border-radius: 5px;
  min-height: 400px;
}
.header[data-v-4d19f78c] {
  font-size: 18px;
  color: #333;
  width: 100%;
}
.header i[data-v-4d19f78c] {
  font-size: 24px;
}
.qrcode[data-v-4d19f78c] {
  display: inline-block;
  padding: 6px;
}
.close-box[data-v-4d19f78c] {
  position: relative;
}
.close-icon[data-v-4d19f78c] {
  color: #666;
  font-size: 24px;
  position: absolute;
  right: 0;
  top: 0;
}
.icon-weixinzhifu[data-v-4d19f78c] {
  color: #00c800;
  font-size: 26px;
}
span.money[data-v-4d19f78c] {
  font-size: 30px;
  font-weight: 500;
  color: #ffb34b;
  font-family: DIN;
}
[data-v-4d19f78c] .modal-header {
  padding-bottom: 0;
}
[data-v-4d19f78c] .modal-dialog {
  max-width: 90% !important;
}
[data-v-4d19f78c] .modal-dialog .content {
  width: 400px;
  max-width: 100%;
}
.text-bold[data-v-316a717b] {
  font-weight: 700;
}
.privacy[data-v-316a717b] {
  width: auto;
  max-height: 589px;
  overflow-y: auto;
  margin-top: 100px;
  font-family: Microsoft YaHei;
  color: #333;
}
.text-bold[data-v-16da05ee] {
  font-weight: 700;
}
.privacy[data-v-16da05ee] {
  width: auto;
  max-height: 589px;
  overflow-y: auto;
  margin-top: 100px;
  font-family: Microsoft YaHei;
  color: #333;
}
[data-v-16da05ee] .modal-backdrop {
  width: 100%;
  height: 100%;
}
.wechat-box[data-v-357eba30] {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.5);
  z-index: 9999;
  display: grid;
  grid-template-rows: 30px 406px;
  justify-content: center;
  align-content: center;
}
.wechat-box .wechat-bg[data-v-357eba30] {
  padding: 20px;
  border-radius: 10px;
  background-color: #fff;
}
.wechat-box .close-btn[data-v-357eba30] {
  display: flex;
  justify-content: flex-end;
}
.wechat-box .close-btn .icon-guanbi[data-v-357eba30] {
  cursor: pointer;
  font-size: 30px;
}
.wechat-box .wecaht-inner[data-v-357eba30] {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: #fff;
}
.login[data-v-5a288b21] {
  padding: 170px 0 100px;
}
.login[data-v-5a288b21],
.login_inner[data-v-5a288b21] {
  display: flex;
  justify-content: center;
  align-items: center;
}
.login_inner[data-v-5a288b21] {
  width: 610px;
  height: 610px;
  position: relative;
}
.login_inner .thirdLogin[data-v-5a288b21] {
  display: flex;
  margin-top: 26px;
  justify-content: center;
}
.login_inner .thirdLogin div[data-v-5a288b21] {
  cursor: pointer;
}
.login_inner .thirdLogin .qq[data-v-5a288b21] {
  background: url(../image/qq-login.165bb3d.png) no-repeat;
  background-size: contain;
  width: 36px;
  height: 36px;
  margin-right: 58px;
}
.login_inner .thirdLogin .wechat[data-v-5a288b21] {
  background: url(../image/wechat-login.da2b23d.png) no-repeat;
  background-size: contain;
  width: 36px;
  height: 36px;
  margin-right: 58px;
}
.login_inner .thirdLogin .google[data-v-5a288b21] {
  background: url(../image/google-login.23fe0d6.png) no-repeat;
  background-size: contain;
  width: 36px;
  height: 36px;
}
#captcha[data-v-5a288b21] {
  position: unset !important;
}
.box-bg[data-v-5a288b21] {
  position: absolute;
  width: inherit;
  height: inherit;
  background: #f4faff;
  z-index: -1;
  border-radius: 50%;
}
.password_item[data-v-5a288b21] {
  position: relative;
}
.password_icon[data-v-5a288b21] {
  position: absolute;
  right: 15px;
  top: 50%;
  transform: translateY(-50%);
  cursor: pointer;
}
.box[data-v-5a288b21] {
  background: #fff;
  box-shadow: 0 3px 22px rgba(51, 51, 51, 0.07);
  padding: 24px;
  border-radius: 12px;
}
.box .reset_title[data-v-5a288b21] {
  font-size: 18px;
  font-weight: 700;
  margin-bottom: 24px;
}
.box .title[data-v-5a288b21] {
  font-size: 18px;
  color: #999;
  display: inline-block;
  padding-right: 11px;
  cursor: pointer;
  border-right: 1px solid #999;
}
.box .title[data-v-5a288b21]:hover {
  color: #4f4bd8;
  font-weight: 700;
}
.box .boo[data-v-5a288b21],
.box .foo[data-v-5a288b21] {
  padding-left: 10px;
  border: none;
}
.box .active[data-v-5a288b21] {
  color: #4f4bd8;
  font-weight: 700;
}
.box .check-code[data-v-5a288b21] {
  max-width: 290px;
}
.box .submit[data-v-5a288b21] {
  width: 100%;
  height: 56px;
}
.box .desc[data-v-5a288b21] {
  text-align: center;
}
.primary-text[data-v-5a288b21] {
  color: #4f4bd8;
}
.item input[data-v-5a288b21] {
  height: 56px;
  border: 1px solid #ccc;
}
.select[data-v-5a288b21] {
  position: relative;
}
.select .select-input[data-v-5a288b21] {
  background-color: #4f4bd8;
  color: #fff;
  width: 70px;
  height: 56px;
  border-radius: 12px;
  padding: 0 2px 0 10px;
}
.select .select-input input[data-v-5a288b21] {
  background-color: #4f4bd8;
  border: none;
  width: 90%;
  outline: none;
  color: #fff;
  border-radius: 12px;
}
.select .select-ul[data-v-5a288b21] {
  position: absolute;
  left: 0;
  top: 51px;
  z-index: 2;
  background: #fff;
  width: 200px;
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 4px;
  height: 400px;
  overflow-y: auto;
}
.select .select-ul .select-item[data-v-5a288b21] {
  box-sizing: border-box;
  padding: 10px;
}
.select .select-ul .select-area[data-v-5a288b21] {
  background: #4f4bd8;
  color: #fff;
}
.privacy[data-v-5a288b21] {
  margin-top: 0 !important;
}
.dropdown-header[data-v-5a288b21] {
  background-color: hsla(0, 0%, 80%, 0.2);
  height: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.dropdown-header .input_group[data-v-5a288b21] {
  height: inherit;
}
.dropdown-header .input_group i[data-v-5a288b21] {
  margin-right: 10px;
}
.dropdown-header .input_group input[data-v-5a288b21] {
  border: none;
  background-color: transparent;
  height: inherit;
}
.dropdown-header .input_group input[data-v-5a288b21]:focus {
  outline: none;
}
.agreement_title[data-v-5a288b21] {
  color: #333;
  font-size: 18px;
  font-weight: 700;
}
.agreement_img[data-v-5a288b21] {
  width: 46px;
  height: 46px;
}
.isKnow[data-v-5a288b21] {
  width: 126px;
  height: 46px;
  background: #4f4bd8;
  border-radius: 4px;
  border: none;
}
.modal_header[data-v-5a288b21] {
  border-bottom: none !important;
}
.noPadding[data-v-5a288b21] {
  padding: 0;
}
[data-v-5a288b21] .b-dropdown .dropdown-menu {
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 4px;
  height: 330px;
  overflow-y: auto;
  padding: none;
}
[data-v-5a288b21] .b-dropdown .dropdown-toggle {
  min-width: 70px;
  height: 56px;
  border-radius: 12px;
  color: #fff;
  border: none;
}
[data-v-5a288b21] .dropdown-menu {
  padding: 0;
}
[data-v-5a288b21] .dropdown-menu .select_item:active .dropdown-item,
[data-v-5a288b21] .dropdown-menu .select_item:hover .dropdown-item {
  background: #4f4bd8;
  color: #fff;
}
[data-v-5a288b21] .agreement .modal-content {
  border-radius: 8px;
}
[data-v-5a288b21] .agreement .modal-header {
  border-bottom: none;
}
[data-v-5a288b21] .agreement .modal-body {
  padding: 0;
}
[data-v-5a288b21] .modal-dialog {
  max-width: 1200px;
  top: 50%;
}
[data-v-5a288b21] .btn-primary:not(:disabled):not(.disabled).active,
[data-v-5a288b21] .btn-primary:not(:disabled):not(.disabled):active,
[data-v-5a288b21] .show > .btn-primary.dropdown-toggle {
  box-shadow: 0 0 0 0.2rem rgba(98, 182, 242, 0.5);
}
@media screen and (min-width: 768px) {
  .login[data-v-5a288b21] {
    padding: 170px 0 100px;
  }
  .box[data-v-5a288b21] {
    width: 500px;
  }
  .box .title[data-v-5a288b21] {
    font: 18px;
  }
  .foo[data-v-5a288b21]:after {
    top: 135px;
  }
}
@media screen and (max-width: 767px) {
  .login_inner[data-v-5a288b21] {
    width: 38rem;
    height: 38rem;
  }
  .box[data-v-5a288b21] {
    width: 31rem;
    height: 32rem;
  }
  .foo[data-v-5a288b21]:after {
    top: 135px !important;
  }
  .boo[data-v-5a288b21]:after {
    top: 85px !important;
    left: 162px !important;
  }
}
@media screen and (max-width: 700px) {
  .login_inner[data-v-5a288b21] {
    width: 35rem;
    height: 35rem;
  }
  .box[data-v-5a288b21] {
    width: 30rem;
    height: 31rem;
    padding: 20px;
  }
  .form[data-v-5a288b21] {
    margin-top: -8px;
  }
  .foo[data-v-5a288b21]:after {
    top: 115px !important;
    left: 106px !important;
  }
  .boo[data-v-5a288b21]:after {
    top: 65px !important;
    left: 142px !important;
  }
}
@media screen and (max-width: 600px) {
  .login_inner[data-v-5a288b21] {
    width: 30rem;
    height: 30rem;
  }
  .box[data-v-5a288b21] {
    width: 26rem;
    height: 27rem;
    padding: 20px;
  }
  .box .title[data-v-5a288b21] {
    font: 16px !important;
  }
  .form .item[data-v-5a288b21] {
    margin-top: 20px !important;
  }
  .form-control[data-v-5a288b21],
  .form .item[data-v-5a288b21] {
    font-size: 14px;
  }
  .btn[data-v-5a288b21],
  .item input[data-v-5a288b21] {
    height: 45px;
  }
  .btn[data-v-5a288b21] {
    width: 120px;
    font-size: 12px;
  }
  [data-v-5a288b21] .b-dropdown .dropdown-toggle {
    min-width: 70px;
    height: 45px;
  }
  .foo[data-v-5a288b21]:after {
    top: 108px !important;
    left: 98px !important;
  }
  .boo[data-v-5a288b21]:after {
    top: 57px !important;
    left: 134px !important;
  }
}
@media screen and (max-width: 500px) {
  .login_inner[data-v-5a288b21] {
    width: 26rem;
    height: 26rem;
  }
  .login_inner .box[data-v-5a288b21] {
    width: 23rem;
    height: 24rem;
  }
  .login_inner .box .submit[data-v-5a288b21] {
    height: 45px;
  }
  .reset_title[data-v-5a288b21] {
    margin-bottom: 4px !important;
  }
  .foo[data-v-5a288b21]:after {
    top: 81px !important;
    left: 90px !important;
  }
  .boo[data-v-5a288b21]:after {
    top: 49px !important;
    left: 126px !important;
  }
}
@media screen and (max-width: 430px) {
  .login_inner[data-v-5a288b21] {
    width: 100%;
    height: 100%;
    padding: 25px;
  }
  .login_inner .box-bg[data-v-5a288b21] {
    background: #fff;
  }
  .login_inner .box[data-v-5a288b21] {
    width: 100%;
    height: 100%;
  }
  .login_inner .form-control[data-v-5a288b21] {
    font-size: 12px;
  }
  .login_inner[data-v-5a288b21] .b-dropdown .dropdown-toggle {
    font-size: 14px;
  }
  .login_inner .mr-20[data-v-5a288b21] {
    margin-right: 10px !important;
  }
  .foo[data-v-5a288b21]:after {
    top: 89px !important;
    left: 91px !important;
  }
  .boo[data-v-5a288b21]:after {
    top: 58px !important;
  }
}
@media screen and (max-width: 1000px) {
  [data-v-5a288b21] .modal-dialog {
    width: 80%;
  }
}
.text-bold[data-v-3f088adb] {
  font-weight: 700;
}
.privacy[data-v-3f088adb] {
  margin-top: 100px;
  margin-bottom: 227px;
  font-family: Microsoft YaHei;
  color: #333;
}
.text-bold[data-v-1f1ddac5] {
  font-weight: 700;
}
.privacy[data-v-1f1ddac5] {
  margin-top: 100px;
  margin-bottom: 227px;
  font-family: Microsoft YaHei;
  color: #333;
}
.pay-pass {
  margin-top: 56px;
}
.ask-detail[data-v-5277532e] {
  min-height: calc(100vh - 385px);
  margin-top: 120px;
}
.ask-detail .container[data-v-5277532e] {
  grid-template-rows: repeat(2, auto);
  align-items: center;
  grid-row-gap: 30px;
}
.top[data-v-5277532e] {
  padding-bottom: 10px;
  border-bottom: 1px solid #e5ebef;
}
.top .title[data-v-5277532e] {
  color: #333;
  font-size: 18px;
  font-weight: 700;
}
.top .ball[data-v-5277532e] {
  width: 6px;
  height: 6px;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAGCAYAAADgzO9IAAAAAXNSR0IArs4c6QAAAHhJREFUGFdNjckNg0AQBOew+OzsgsRvBr9IhAzAdiImElKACDgSAyIw4pDwt6urG6t+Tp6BG/NUqXCijto8RDV+pnVQwdKEQR2BCYEKd/ielt8ZIpg/YeZ5ucDRAruNFV/jPGT+Uf4btk8d5zG3Jlyoo1iFujRE3w2L5xvS4hr8gQAAAABJRU5ErkJggg==)
    no-repeat;
  background-size: contain;
  image-rendering: -webkit-optimize-contrast;
}
.informationDetailsBox[data-v-131a2625] {
  min-height: 100vh;
}
.informationDetailsBox .banner[data-v-131a2625] {
  margin-top: 6.25rem;
}
.informationDetailsBox .banner span[data-v-131a2625] {
  color: #999;
}
.informationDetailsBox .content .content-title[data-v-131a2625] {
  color: #333;
  font-size: 1.125rem;
  font-family: Microsoft YaHei;
  font-weight: 700;
}
.informationDetailsBox .content .content-time[data-v-131a2625] {
  border-bottom: 1px solid #999;
}
.informationDetailsBox .content .content-details[data-v-131a2625] {
  text-indent: 2em;
  font-size: 1rem;
}
.el-fade-in-linear-enter-active[data-v-b14ddba2],
.el-fade-in-linear-leave-active[data-v-b14ddba2] {
  transition: opacity 0.2s linear;
}
.el-fade-in-linear-enter[data-v-b14ddba2],
.el-fade-in-linear-leave-active[data-v-b14ddba2],
.el-fade-in-linear-leave[data-v-b14ddba2] {
  opacity: 0;
}
.el-fade-in-enter-active[data-v-b14ddba2],
.el-fade-in-leave-active[data-v-b14ddba2] {
  transition: all 0.3s cubic-bezier(0.55, 0, 0.1, 1);
}
.el-fade-in-enter[data-v-b14ddba2],
.el-fade-in-leave-active[data-v-b14ddba2] {
  opacity: 0;
}
.backtop[data-v-b14ddba2] {
  position: fixed;
  z-index: 9999;
  display: inline-block;
  height: 60px;
  width: 60px;
  box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.1);
  border-radius: 8px;
  text-align: center;
  line-height: 60px;
  cursor: pointer;
  color: #4f4bd8;
  background-color: #fff;
}
.backtop[data-v-b14ddba2]:hover {
  background-color: #4f4bd8;
  color: #fff;
}
.circle[data-v-c15073bc] {
  width: 9px;
  height: 9px;
  border-radius: 50%;
  background: #fff;
}
.circle[data-v-c15073bc]:hover,
.selected[data-v-c15073bc] {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  cursor: pointer;
  background: #39e0e0;
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.3);
}
.line[data-v-14aeef40] {
  width: 120px;
  height: 2px;
  background: #efefef;
}
.hasStatus[data-v-14aeef40] {
  width: 50%;
  height: 100%;
  background: #4f4bd8;
}
.websitePop[data-v-51e32ea5] {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.5);
  z-index: 9999;
}
.websitePop .pop-box[data-v-51e32ea5] {
  width: 348px;
  height: 366px;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  grid-template-rows: auto 1fr;
}
.websitePop .pop-box .websiteImg[data-v-51e32ea5] {
  max-width: 100%;
  z-index: inherit;
  image-rendering: -webkit-optimize-contrast;
  cursor: pointer;
}
.websitePop .pop-box .icon-shanchu[data-v-51e32ea5] {
  width: 30px;
  font-size: 30px;
  color: #fff;
  z-index: inherit;
  cursor: pointer;
}
.download-container[data-v-e7408052] {
  overflow: hidden;
  width: 100%;
  min-height: 100vh;
  padding-top: 150px;
  padding-bottom: 150px;
  background: url(../image/member-bg-1920.40ad4f4.png);
  background-color: rgba(13, 36, 60, 0.9);
  background-repeat: repeat;
}
.download-container h1[data-v-e7408052] {
  font-family: douyuFont, Franklin Gothic Medium, Arial Narrow, Arial,
    sans-serif;
}
.download-container .download-main[data-v-e7408052],
.download-container .download-title[data-v-e7408052] {
  color: #fff;
}
.download-container .download-main .download-l-bg[data-v-e7408052] {
  height: 349px;
  background: url(../image/member-phone.138dbfb.png) 50% no-repeat;
  background-size: 276px 349px;
}
.download-container .download-main .download-l-bg-en[data-v-e7408052] {
  height: 349px;
  background: url(../image/member-phone-en.c50855a.png) 50% no-repeat;
  background-size: 276px 349px;
}
.download-container .download-main .download-r-bg[data-v-e7408052] {
  height: 349px;
  background: url(../image/member-dw.fceaba2.png) 50% no-repeat;
  background-size: 559px 325px;
}
.download-container .download-main .download-r-bg-en[data-v-e7408052] {
  height: 349px;
  background: url(../image/member-dw-en.0ed52ac.png) 50% no-repeat;
  background-size: 559px 325px;
}
.download-container li[data-v-e7408052] {
  text-align: center;
  border: 1px solid #fff;
  -o-border-image: url(../image/no-selected.7eaaacf.png) 45 round;
  border-image: url(../image/no-selected.7eaaacf.png) 45 round;
  border-image-outset: 9 9;
  border-image-width: 24px;
}
.download-container li[data-v-e7408052]:hover {
  -o-border-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAKkAAAA4CAYAAACG79jJAAAAAXNSR0IArs4c6QAAA01JREFUeF7t3DtrVFEUBeC1o//AJt29U6cUyQQErXz8ACsFCWKl+PgBFim0FIMWFloKInbaRzCYG7W2EnImnRAtgomNuVsmzoTMRJN53HPPmbNX6nD3Xmt/5EFmIuBHkg00nXsowN1JD6dAIZMegvsfbKDZai2K6q0UuiHSFK7Yl6Hp3GMBbqYSzSvSOeeuqcjpVMqaiBxl2QBwZiJ2PWJJkb/f5L0hnW21bk+pPgLwWkV+plAaM9TUgOoFANPdn0O9IO0CLUXurGbZYk3ROCaRBprOLQE46w0pgSYiJWAMr0gJNOBlExrtDSmBJqQkcBQvSAk08FUTG185UgJNTEgEcSpFSqARXDTBFSpDSqAJ6ogkUiVICTSSaya6xthICTRRGRHFGgspgUZ0yYRXGRkpgSasIrJoIyEl0MiumPg6QyMl0MRFRBhvKKQEGuEFDaw0MFICNaAh0ogDISXQSK9nZK1+pAA+9LwRb865GwCe8AXLRkREGHM/UlXdBHCuB2n7EwTYWMnzSxHuz5UMNNBFig7QotFYPYAUIq7IsnkDfTBihA10kJ4sgfMf83ylvSKRRngoyyt1kC4XeX6v2wORWhYRYfZdpCLviixbINIID8SVACKlgugbINLoT8QFB0H6HiJf+ds9sYRq4FCkzVbrOlQfQOQtkYY6Eef+F+ns+vq8lOVzAD8g8oZIiSVEA6fW1qaPiXwC8LTI8/t7v913gD4TYEqB70Qa4jyc2QZ6XGRJgY3Nra2LX2Zm9v7Rncw5p92K2p/Ab/cEU3cDhwHd/YtTH1J+Ja37QsbnHQWUSI0DCR1/EKBEGvpKhucPCpRIDSMJGX0YoEQa8lJGZw8LlEiNQgkVexSgRBrqWgbnjgqUSA1iCRF5HKBEGuJixmaOC5RIjYGpO24VQIm07qsZmlcVUCI1hKbOqFUCJdI6L2dkVtVAidQInLpi+gBKpHVdz8AcX0CJ1ACeOiL6BPpPpAKcqCMYZ6TVgALL/a+oryph74ueVb9B5FdVDw/xHAHKHZGFqbJcDzHf6szN7e3P+9/yUWUPPUirfHCQZ4nsqOrVIs9fBJnPoV4aSAnpTql6ZbXReOmlKT40WAOpIP2tIpeLLHsVrEkO9tbAH7/z4e0ARrRKAAAAAElFTkSuQmCC)
    30 round;
  border-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAKkAAAA4CAYAAACG79jJAAAAAXNSR0IArs4c6QAAA01JREFUeF7t3DtrVFEUBeC1o//AJt29U6cUyQQErXz8ACsFCWKl+PgBFim0FIMWFloKInbaRzCYG7W2EnImnRAtgomNuVsmzoTMRJN53HPPmbNX6nD3Xmt/5EFmIuBHkg00nXsowN1JD6dAIZMegvsfbKDZai2K6q0UuiHSFK7Yl6Hp3GMBbqYSzSvSOeeuqcjpVMqaiBxl2QBwZiJ2PWJJkb/f5L0hnW21bk+pPgLwWkV+plAaM9TUgOoFANPdn0O9IO0CLUXurGbZYk3ROCaRBprOLQE46w0pgSYiJWAMr0gJNOBlExrtDSmBJqQkcBQvSAk08FUTG185UgJNTEgEcSpFSqARXDTBFSpDSqAJ6ogkUiVICTSSaya6xthICTRRGRHFGgspgUZ0yYRXGRkpgSasIrJoIyEl0MiumPg6QyMl0MRFRBhvKKQEGuEFDaw0MFICNaAh0ogDISXQSK9nZK1+pAA+9LwRb865GwCe8AXLRkREGHM/UlXdBHCuB2n7EwTYWMnzSxHuz5UMNNBFig7QotFYPYAUIq7IsnkDfTBihA10kJ4sgfMf83ylvSKRRngoyyt1kC4XeX6v2wORWhYRYfZdpCLviixbINIID8SVACKlgugbINLoT8QFB0H6HiJf+ds9sYRq4FCkzVbrOlQfQOQtkYY6Eef+F+ns+vq8lOVzAD8g8oZIiSVEA6fW1qaPiXwC8LTI8/t7v913gD4TYEqB70Qa4jyc2QZ6XGRJgY3Nra2LX2Zm9v7Rncw5p92K2p/Ab/cEU3cDhwHd/YtTH1J+Ja37QsbnHQWUSI0DCR1/EKBEGvpKhucPCpRIDSMJGX0YoEQa8lJGZw8LlEiNQgkVexSgRBrqWgbnjgqUSA1iCRF5HKBEGuJixmaOC5RIjYGpO24VQIm07qsZmlcVUCI1hKbOqFUCJdI6L2dkVtVAidQInLpi+gBKpHVdz8AcX0CJ1ACeOiL6BPpPpAKcqCMYZ6TVgALL/a+oryph74ueVb9B5FdVDw/xHAHKHZGFqbJcDzHf6szN7e3P+9/yUWUPPUirfHCQZ4nsqOrVIs9fBJnPoV4aSAnpTql6ZbXReOmlKT40WAOpIP2tIpeLLHsVrEkO9tbAH7/z4e0ARrRKAAAAAElFTkSuQmCC)
    30 round;
  border-image-outset: 10 10;
  border-image-width: 50px;
  color: #39e0e0;
}
@media (min-width: 1200px) {
  .download_items[data-v-e7408052] {
    margin-top: 70px;
  }
  .down-right .download_items[data-v-e7408052] {
    margin-left: 35px;
  }
  .down-left[data-v-e7408052],
  .down-right[data-v-e7408052] {
    width: 50%;
  }
  li[data-v-e7408052] {
    width: 150px;
    height: 45px;
    line-height: 45px;
    margin-bottom: 50px;
    margin-right: 50px;
  }
}
@media (max-width: 1199px) {
  .download-main[data-v-e7408052] {
    flex-direction: column;
  }
  .down-right[data-v-e7408052] {
    margin-top: 70px;
  }
  .down-left_inner[data-v-e7408052],
  .down-right_inner[data-v-e7408052] {
    display: flex;
    width: 100%;
  }
  .down-left_inner div[data-v-e7408052],
  .down-right_inner div[data-v-e7408052] {
    flex: 0 0 60%;
  }
  .down-left_inner .download_items[data-v-e7408052],
  .down-right_inner .download_items[data-v-e7408052] {
    flex: auto;
  }
  .download_items[data-v-e7408052] {
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  li[data-v-e7408052] {
    width: 255px;
    height: 65px;
    line-height: 65px;
    margin-bottom: 50px;
  }
}
@media (max-width: 800px) {
  .download-l-bg[data-v-e7408052] {
    height: 248px !important;
    background: url(../image/member-phone.138dbfb.png) 50% no-repeat !important;
    background-size: 196px 248px !important;
  }
  .download-l-bg-en[data-v-e7408052] {
    height: 248px !important;
    background: url(../image/member-phone-en.c50855a.png) 50% no-repeat !important;
    background-size: 196px 248px !important;
  }
  .download-r-bg[data-v-e7408052] {
    height: 155px !important;
    background: url(../image/member-dw.fceaba2.png) 50% no-repeat !important;
    background-size: 266px 155px !important;
  }
  .download-r-bg-en[data-v-e7408052] {
    height: 155px !important;
    background: url(../image/member-dw-en.0ed52ac.png) 50% no-repeat !important;
    background-size: 266px 155px !important;
  }
  li[data-v-e7408052] {
    width: 80%;
    max-width: 240px;
    height: 45px;
    line-height: 45px;
    margin-bottom: 30px;
  }
}
@media (max-width: 600px) {
  .down-left_inner[data-v-e7408052],
  .down-right_inner[data-v-e7408052] {
    display: flex;
    width: 100%;
  }
  .down-left_inner div[data-v-e7408052],
  .down-right_inner div[data-v-e7408052] {
    flex: 0 0 50%;
  }
  .down-left_inner .download_items[data-v-e7408052],
  .down-right_inner .download_items[data-v-e7408052] {
    flex: auto;
  }
}
@media (max-width: 470px) {
  .download-l-bg[data-v-e7408052] {
    height: 248px !important;
    background: url(../image/member-phone.138dbfb.png) 50% no-repeat !important;
    background-size: 100% auto !important;
  }
  .download-l-bg-en[data-v-e7408052] {
    height: 248px !important;
    background: url(../image/member-phone-en.c50855a.png) 50% no-repeat !important;
    background-size: 100% auto !important;
  }
  .download-r-bg[data-v-e7408052] {
    height: 155px !important;
    background: url(../image/member-dw.fceaba2.png) 50% no-repeat !important;
    background-size: 100% auto !important;
  }
  .download-r-bg-en[data-v-e7408052] {
    height: 155px !important;
    background: url(../image/member-dw-en.0ed52ac.png) 50% no-repeat !important;
    background-size: 100% auto !important;
  }
  .download_items[data-v-e7408052] {
    font-size: 16px;
  }
}
@font-face {
  font-family: DOUYU;
  src: url(../font/douyuFont-2.f72280f.otf);
}
.information[data-v-0a23e226] {
  min-height: 100vh;
  overflow: hidden;
}
.information .banner[data-v-0a23e226] {
  margin-top: 3.9rem;
  width: 100%;
  height: 14.6rem;
  background: url(../image/banner.c662d8e.jpg) no-repeat;
  background-size: 100% 100%;
}
.information .banner .banner-title[data-v-0a23e226] {
  height: 4.25rem;
  font-family: DOUYU;
  color: #fff;
  font-size: 2.5rem;
}
.information .banner .banner-title-en[data-v-0a23e226] {
  font-family: Microsoft YaHei !important;
}
.information .banner .banner-search[data-v-0a23e226] {
  max-width: 33.1rem;
  height: 3.25rem;
  line-height: 3.25rem;
  border: 1px solid hsla(0, 0%, 100%, 0.6);
  border-radius: 12px;
  opacity: 0.8;
}
.information .banner .banner-search input[data-v-0a23e226] {
  position: relative;
  background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxOC45NzUiIGhlaWdodD0iMjAiPjxwYXRoIGQ9Ik0xOC43NTEgMTguNTkxbC0zLjQ2My0zLjczN2E4LjgzMyA4LjgzMyAwIDEwLTEuMjU1IDEuMTEzbDMuNDg4IDMuNzY0YS44MzkuODM5IDAgMDAxLjIzLTEuMTR6TTEuNjc3IDguODMyYTcuMTU1IDcuMTU1IDAgMTE3LjE1NSA3LjE1NSA3LjE2MyA3LjE2MyAwIDAxLTcuMTU1LTcuMTU1eiIgZmlsbD0iI2ZmZiIvPjwvc3ZnPg==)
    no-repeat;
  background-position: 5% 50%;
  padding: 0 3.13rem;
  color: #fff;
  border: none;
  outline: none;
  width: 26.25rem;
  opacity: 0.9;
}
.information .banner .banner-search input[data-v-0a23e226]::-moz-placeholder {
  color: #bfbfbf;
}
.information
  .banner
  .banner-search
  input[data-v-0a23e226]:-ms-input-placeholder {
  color: #bfbfbf;
}
.information .banner .banner-search input[data-v-0a23e226]::placeholder {
  color: #bfbfbf;
}
.information .banner .banner-search div[data-v-0a23e226] {
  width: 6.25rem;
  cursor: pointer;
  border-left: 1px solid hsla(0, 0%, 100%, 0.49);
  color: #fff;
  transition: background-color 0.2s;
}
.information .banner .banner-search .search-active[data-v-0a23e226] {
  background-color: hsla(0, 0%, 100%, 0.27);
}
.information .content[data-v-0a23e226] {
  min-height: 300px;
}
.information .content .content-cover[data-v-0a23e226] {
  width: 370px;
  height: 220px;
  overflow: hidden;
  border-radius: 0.75rem;
}
.information .content .content-cover > div[data-v-0a23e226],
.information .content .content-cover img[data-v-0a23e226] {
  cursor: pointer;
  width: 100%;
  min-height: 100%;
  background: #fff;
  opacity: 1;
}
.information .content .content-cover > div[data-v-0a23e226] {
  background-position: 50% 50%;
  transition: all 0.5s;
}
.information .content .content-cover > div[data-v-0a23e226]:hover {
  transform: scale(1.1);
}
.information .content .content-cover .default-img[data-v-0a23e226] {
  background-image: url(../image/default.1a9d172.svg);
}
.information .content .content-cover .default-img-768[data-v-0a23e226] {
  background-image: url(../image/default-768.f2d03d7.png);
}
.information .content .content-title[data-v-0a23e226] {
  max-width: 46.9rem;
  font-size: 1.125rem;
  cursor: pointer;
  font-family: Microsoft YaHei;
  font-weight: 700;
  color: #333;
  transition: 0.8s;
}
.information .content .content-box[data-v-0a23e226] {
  cursor: pointer;
  max-width: 50rem;
  color: #666;
}
.information .content .content-box .line[data-v-0a23e226] {
  background-color: #ccc;
  height: 1px;
  width: 638px;
}
.information .content .content-box .content-details[data-v-0a23e226] {
  margin-top: 4px;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  overflow: hidden;
  -webkit-box-orient: vertical;
  font-size: 1rem;
}
.information .content .content-box .pushTime[data-v-0a23e226] {
  max-width: 638px;
  font-size: 0.875rem;
  transition: 0.8s;
}
.information .content .page-div-style[data-v-0a23e226] {
  min-width: 21rem;
}
.information .content .page-div-style a[data-v-0a23e226] {
  border: 0;
  cursor: pointer;
  display: inline-block;
}
.information .content .page-div-style .disabled[data-v-0a23e226] {
  pointer-events: none;
}
.information .content .art-link[data-v-0a23e226] {
  color: #212529;
}
.information .empty[data-v-0a23e226] {
  width: 275px;
  margin: 0 auto;
  min-height: 200px;
  color: #333;
  font-size: 20px;
}
.information .empty img[data-v-0a23e226] {
  width: inherit;
  margin-top: 50px;
}
.information .empty p[data-v-0a23e226] {
  color: #333;
  text-align: center;
}
li[data-v-0a23e226] {
  list-style: none;
}
@media (max-width: 440px) {
  .banner .banner-search[data-v-0a23e226] {
    font-size: 0.8rem !important;
  }
  .banner .banner-search input[data-v-0a23e226] {
    max-width: 14rem !important;
  }
  .banner .banner-search div[data-v-0a23e226] {
    max-width: 5rem;
  }
  .page-div-style li a[data-v-0a23e226] {
    padding: 0.5rem;
  }
}
.transitionColor[data-v-0a23e226] {
  transition: color 0.5s;
  color: #4f4bd8 !important;
}
.transitionBorder[data-v-0a23e226] {
  position: relative;
}
.transitionBorder[data-v-0a23e226]:before {
  content: "";
  height: 1px;
  background-color: #4f4bd8 !important;
  position: absolute;
  left: 0;
  top: -1px;
  -webkit-animation: line-data-v-0a23e226 0.5s linear;
  animation: line-data-v-0a23e226 0.5s linear;
  animation-fill-mode: forwards;
  -webkit-animation-fill-mode: forwards;
}
.backBorder[data-v-0a23e226] {
  position: relative;
}
.backBorder[data-v-0a23e226]:before {
  content: "";
  height: 1px;
  background-color: #4f4bd8 !important;
  position: absolute;
  left: 0;
  top: -1px;
  -webkit-animation: backLine-data-v-0a23e226 0.5s ease;
  animation: backLine-data-v-0a23e226 0.5s ease;
}
@-webkit-keyframes line-data-v-0a23e226 {
  0% {
    width: 10%;
  }
  25% {
    width: 20%;
  }
  50% {
    width: 50%;
  }
  75% {
    width: 70%;
  }
  to {
    width: 100%;
  }
}
@keyframes line-data-v-0a23e226 {
  0% {
    width: 10%;
  }
  25% {
    width: 20%;
  }
  50% {
    width: 50%;
  }
  75% {
    width: 70%;
  }
  to {
    width: 100%;
  }
}
@-webkit-keyframes backLine-data-v-0a23e226 {
  to {
    width: 0;
    transform: translateX(0);
  }
  50% {
    width: 50%;
  }
  0% {
    width: 0 !important;
    transform: translateX(100%);
  }
}
@keyframes backLine-data-v-0a23e226 {
  to {
    width: 0;
    transform: translateX(0);
  }
  50% {
    width: 50%;
  }
  0% {
    width: 0 !important;
    transform: translateX(100%);
  }
}
@media screen and (width: 768px) {
  .content .content-cover[data-v-0a23e226] {
    max-width: 45rem;
    width: calc(100vw - 30px) !important;
    height: 272px !important;
  }
  .content .content-cover > div[data-v-0a23e226] {
    width: 100%;
  }
}
@media screen and (max-width: 750px) {
  .content .content-cover[data-v-0a23e226] {
    width: calc(100vw - 30px) !important;
    height: 220px !important;
  }
  .content .content-cover > div[data-v-0a23e226] {
    width: 100%;
  }
}
@media screen and (max-width: 1024px) {
  .main-content > div[data-v-0a23e226]:last-child {
    flex: 1;
  }
  .line[data-v-0a23e226] {
    width: 100% !important;
    max-width: 45rem;
  }
}
.home-bottom-download[data-v-8c092938] {
  position: fixed;
  bottom: 0;
  height: 132px;
  width: 100%;
  z-index: 999;
  background-color: #fff;
}
.home-bottom-download .close-btn[data-v-8c092938] {
  position: absolute;
  right: 24px;
  top: -22px;
  width: 44px;
  height: 44px;
  background: url(../image/bottom-del.10c7653.png) no-repeat;
  background-size: contain;
}
.home-bottom-download .inside .logo[data-v-8c092938] {
  width: 82px;
  height: 82px;
  background: url(../image/bottom-logo.8ed660a.png) no-repeat;
  background-size: contain;
  margin-right: 20px;
}
.home-bottom-download .inside .title[data-v-8c092938] {
  font-size: 30px;
  color: #333;
  margin-right: 40px;
}
.home-bottom-download .inside button[data-v-8c092938] {
  margin: 0;
  padding: 0;
  width: 164px;
  height: 70px;
  border: none;
  background-image: linear-gradient(to bottom right, #39e0e0, #4f4bd8);
  color: #fff;
  font-size: 24px;
  border-radius: 4px;
  box-shadow: 0 0 6px rgba(70, 169, 240, 0.65);
}
.bottom-download-en .inside .title[data-v-8c092938] {
  font-size: 1.375rem;
}
.bottom-download-en .inside .btn[data-v-8c092938] {
  font-size: 1.125rem;
}
.home-container[data-v-3d08c25c] {
  background-color: #1699ff;
}
.home-container .home-header .callout-title-en[data-v-3d08c25c] {
  font-family: Microsoft YaHei;
  font-weight: 700;
}
.callout-title[data-v-3d08c25c] {
  letter-spacing: 3px;
}
.home-header__title[data-v-3d08c25c] {
  margin-bottom: 30px;
}
.home-header__title h1.sub .price-en[data-v-3d08c25c] {
  color: #ffb34b;
}
.home-header__title .hi-en[data-v-3d08c25c] {
  font-family: Microsoft YaHei;
}
.home-header .free_to_try[data-v-3d08c25c] {
  background: #4f4bd8;
  color: #fff;
  padding: 14px 50px;
  border-radius: 37px;
  cursor: pointer;
  font-size: 28px;
}
.home-header__terminal[data-v-3d08c25c] {
  display: grid;
  grid-template-columns: repeat(2, auto);
  grid-row-gap: 22px;
}
.home-header__terminal .btn[data-v-3d08c25c] {
  z-index: 99;
  cursor: pointer !important;
  display: flex;
  justify-content: center;
  align-items: center;
  background: hsl(224.86deg 64.07% 16.99% / 59%);
  color: #fff;
  border-radius: 12px;
  text-align: center;
  transition: background 0.5s;
  position: relative;
  overflow: hidden;
}
.home-header__terminal .btn .btnColor[data-v-3d08c25c] {
  background: #4f4bd8;
  position: absolute;
  width: 0;
  height: 0;
  border-radius: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  transition: width 0.6s, height 0.6s;
  -webkit-transition: width 0.6s, height 0.6s;
  left: 0;
  top: 0;
}
.home-header__terminal .btn span[data-v-3d08c25c] {
  font-weight: bolder;
  z-index: 1;
  color: #fff;
}
.home-header__terminal .btn i[data-v-3d08c25c] {
  z-index: 2;
}
.home-header__terminal .btn:hover .btnColor[data-v-3d08c25c] {
  width: 600px;
  height: 600px;
  background: #4f4bd8;
}
.home-content[data-v-3d08c25c] {
  background: #1699ff;
}
.home-content .advantage-swiper--content[data-v-3d08c25c] {
  background: #4f4bd8 !important;
  flex-wrap: wrap;
  justify-content: center;
  padding: 40px 30px;
  border-radius: 12px;
  color: #fff;
}
.warp h3[data-v-3d08c25c] {
  position: relative;
  color: #fff;
  text-align: center;
}
.warp h3[data-v-3d08c25c]:before {
  content: "";
  background: url(../image/bese.png);
  position: absolute;
  bottom: -15px;
  left: 50%;
  margin-left: -33px;
  width: 66px;
  height: 8px;
}
[data-v-3d08c25c] div.tooltip-inner {
  background-color: #fff;
  max-width: none;
  color: #333;
  padding: 0;
}
.qrcode-box[data-v-3d08c25c] {
  display: grid;
  grid-auto-flow: column;
  font-size: 14px;
  padding: 10px;
  background-color: #fff;
  grid-gap: 20px;
  gap: 20px;
  border-radius: 8px;
}
.home-warp--advantage .row[data-v-3d08c25c],
.home-warp--service .row[data-v-3d08c25c] {
  box-sizing: content-box;
}
.home-warp--advantage .card-container .row-card__text[data-v-3d08c25c],
.home-warp--service .card-container .row-card__text[data-v-3d08c25c] {
  text-align: center;
}
.home-warp--advantage .card-container .row-card__text p[data-v-3d08c25c],
.home-warp--service .card-container .row-card__text p[data-v-3d08c25c] {
  text-align: left;
}
.home-warp--advantage .card-container .row-card__text--title[data-v-3d08c25c],
.home-warp--service .card-container .row-card__text--title[data-v-3d08c25c] {
  display: inline-block;
  font-weight: 700;
}
.home-warp--advantage .card-container .card-info[data-v-3d08c25c],
.home-warp--service .card-container .card-info[data-v-3d08c25c] {
  min-height: 96px;
}
.home-warp--service[data-v-3d08c25c] {
  background: url(../image/home-service-bg.09b15d7.jpg) no-repeat;
  background-size: cover;
}
.home-warp--service .card-bg[data-v-3d08c25c] {
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
}
.home-warp--service .card-bg0[data-v-3d08c25c] {
  background: url(../image/game-bg.8e4729d.png) no-repeat;
  background-size: 100% 100%;
}
.home-warp--service .card-bg1[data-v-3d08c25c] {
  background: url(../image/music-bg.99a2e89.png) no-repeat;
  background-size: 100% 100%;
}
.home-warp--service .card-bg2[data-v-3d08c25c] {
  background: url(../image/voice-bg.8ef4a6a.png) no-repeat;
  background-size: 100% 100%;
}
.home-warp--service .card-bg3[data-v-3d08c25c] {
  background: url(../image/office-bg.d261749.png) no-repeat;
  background-size: 100% 100%;
}
.home-warp--service .zIndex[data-v-3d08c25c] {
  position: relative;
  z-index: 3;
}
.box[data-v-3d08c25c] {
  position: relative;
  overflow: hidden;
}
.home-content .warp[data-v-3d08c25c] {
  padding: 1rem 0 10rem;
}
.home-content .warp h3[data-v-3d08c25c] {
  font-size: 2.125rem;
}
.home-content .warp .row[data-v-3d08c25c] {
  margin-top: 7rem;
}
.home-warp--advantage .card-container[data-v-3d08c25c],
.home-warp--service .card-container[data-v-3d08c25c] {
  padding: 2.5rem;
}
.home-warp--advantage .card-container .row-card__text--title[data-v-3d08c25c],
.home-warp--service .card-container .row-card__text--title[data-v-3d08c25c] {
  font-size: 1.375rem;
  padding: 1rem 0;
}
.home-warp--advantage .card-container-en[data-v-3d08c25c],
.home-warp--service .card-container-en[data-v-3d08c25c] {
  padding: 2.5rem 2.1rem;
}
.home-warp--advantage
  .card-container-en
  .row-card__text
  .card-info[data-v-3d08c25c],
.home-warp--service
  .card-container-en
  .row-card__text
  .card-info[data-v-3d08c25c] {
  text-align: center;
}
.home-warp--service .card-container[data-v-3d08c25c] {
  padding: 5rem 3rem;
}
.home-warp--service .card-container-en[data-v-3d08c25c] {
  padding: 5rem 2.1rem;
}
.home-warp--service .home-warp--intro[data-v-3d08c25c] {
  padding: 5.7rem 0;
}
.home-warp--info-content[data-v-3d08c25c] {
  padding-bottom: 7.8rem;
}
.home-warp--info-content .item-img img[data-v-3d08c25c] {
  transition: all 0.3s ease-in-out;
}
.home-warp--info-content .top-img[data-v-3d08c25c] {
  max-height: 521px;
  max-width: 100%;
  overflow: hidden;
  border-radius: 12px;
}
.home-warp--info-content .left-img[data-v-3d08c25c],
.home-warp--info-content .right-img[data-v-3d08c25c] {
  max-width: 50%;
  overflow: hidden;
  border-radius: 12px;
}
.home-warp--info-content .item-img:hover img[data-v-3d08c25c] {
  transform: scale(1.1);
}
.home-warp--info--time[data-v-3d08c25c] {
  display: block;
}
.home-warp--intro[data-v-3d08c25c] {
  color: #fff;
}
.home-warp--intro .intro-swiper_content[data-v-3d08c25c] {
  position: relative;
  min-height: 300px;
  padding: 40px 20px;
  box-sizing: border-box;
  background-color: #fff;
  border-radius: 12px;
}
.home-warp--intro .intro-swiper_content .userInfo[data-v-3d08c25c] {
  position: absolute;
  left: 20px;
  bottom: 40px;
}
.home-warp--intro .intro-swiper_content .userInfo .user-name[data-v-3d08c25c] {
  display: flex;
  justify-content: center;
  align-items: center;
  padding-left: 30px;
}
.home-warp--intro--swiper[data-v-3d08c25c] {
  max-width: 1200px;
  margin: 5.7rem auto 0;
  height: 300px;
}
.home-warp--info[data-v-3d08c25c] {
  padding: 5.6rem 0 0;
}
.home-warp--info-content[data-v-3d08c25c] {
  color: #fff;
}
.home-warp--info-content .row[data-v-3d08c25c] {
  align-items: center;
}
.home-warp--info-content .home-warp--info-right[data-v-3d08c25c] {
  font-size: 1.1rem;
}
.home-warp--info-content .home-warp--info-right .title[data-v-3d08c25c] {
  height: 30px;
  text-align: right;
}
.home-warp--info-content .home-warp--info-right .title a[data-v-3d08c25c] {
  color: #fff;
}
.home-warp--info-content .home-warp--info-right ul li[data-v-3d08c25c] {
  padding: 2px;
  margin: 13px 0;
  height: 40px;
  line-height: 37px;
  box-sizing: border-box;
  border-radius: 8px;
  cursor: pointer;
  background: linear-gradient(90deg, rgba(3, 36, 60, 0), #03243c);
  transition: background-color 0.5s;
}
.home-warp--info-content
  .home-warp--info-right
  ul
  li
  .main-in[data-v-3d08c25c] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 100%;
  border-radius: 8px;
  background: #1a7ffb;
  color: #fff;
}
.home-warp--info-content
  .home-warp--info-right
  ul
  li
  .main-in
  a[data-v-3d08c25c] {
  color: #fff;
}
.home-warp--info-content .home-warp--info-right ul li[data-v-3d08c25c]:hover {
  background-color: #4f4bd8;
}
.home-warp--info-content
  .home-warp--info-right
  ul
  li:hover
  span[data-v-3d08c25c] {
  color: #4f4bd8;
}
.home-warp--info-content
  .home-warp--info-right
  .home-warp--info--text[data-v-3d08c25c] {
  margin-left: 10px;
}
.home-warp--info-content
  .home-warp--info-right
  .home-warp--info--time[data-v-3d08c25c] {
  width: 120px;
  text-align: right;
}
@media (min-width: 1200px) {
  .sm-img[data-v-3d08c25c] {
    display: none;
  }
}
@media (max-width: 1400px) {
  .home-header .header-right--img[data-v-3d08c25c] {
    right: 0;
  }
}
@media (max-width: 1024px) {
  .title[data-v-3d08c25c] {
    margin-top: 40px;
  }
}
.home-header[data-v-3d08c25c] {
  overflow: hidden;
  height: 57rem;
  padding-bottom: 35px;
}
.home-header .header-right--img[data-v-3d08c25c] {
  position: absolute;
  width: 54.2rem;
  top: -5rem;
  z-index: 9;
  right: -17rem;
  height: 708px;
}
.home-header .header-right--img img[data-v-3d08c25c] {
  position: absolute;
}
.home-header .header-right--img .icon-qq[data-v-3d08c25c] {
  left: 20.6rem;
  top: 13rem;
}
.home-header .header-right--img .icon-yk[data-v-3d08c25c] {
  left: 2.5rem;
  top: 26rem;
}
.home-header .header-right--img .icon-lol[data-v-3d08c25c] {
  left: 23.6rem;
  top: 37rem;
}
.home-header .header-right--img .icon-tx[data-v-3d08c25c] {
  left: 40rem;
  top: 30rem;
}
.home-header .header-right--img .icon-iqy[data-v-3d08c25c] {
  left: 47rem;
  top: 21rem;
}
.home-header .header-right--img .icon-music[data-v-3d08c25c] {
  left: 51rem;
  top: 13rem;
}
.home-header .header-right--img .icon-wz[data-v-3d08c25c] {
  left: 44rem;
  top: 4rem;
}
.home-header__inner[data-v-3d08c25c] {
  height: 100%;
  padding-top: 7rem;
  color: #fff;
}
.home-header__title[data-v-3d08c25c] {
  padding: 0 15px;
}
.home-header__title h1[data-v-3d08c25c] {
  font-family: douyuFont, Franklin Gothic Medium, Arial Narrow, Arial,
    sans-serif;
  margin-bottom: 10px;
}
.home-header__title h1.sub[data-v-3d08c25c] {
  font-size: 2.3rem;
}
.home-header__title h1.sub span[data-v-3d08c25c] {
  color: #ffb34b;
  font-size: 2.7rem;
}
.home-header__terminal[data-v-3d08c25c] {
  flex-wrap: wrap;
  margin-top: 40px;
  max-width: 450px;
}
.home-header__terminal div[data-v-3d08c25c] {
  width: 192px;
  line-height: 64px;
}
.home-header__terminal div .iconfont[data-v-3d08c25c] {
  font-size: 2.2rem;
  margin-right: 22px;
}
.home-header__terminal a[data-v-3d08c25c] {
  width: 192px;
  line-height: 64px;
}
.home-header__terminal a .iconfont[data-v-3d08c25c] {
  font-size: 2.2rem;
  margin-right: 22px;
}
.card-container[data-v-d596cb1e] {
  position: relative;
  width: 100%;
  height: 100%;
  border-radius: 12px;
  display: flex;
  flex-direction: column;
  align-items: center;
  color: #fff;
}
.card-container .mask[data-v-d596cb1e] {
  transition: all 0.4s ease;
  width: 100%;
  height: 0%;
  background: linear-gradient(164deg, #48a1f3, #39e0e0);
  opacity: 0.75;
  border-radius: 12px;
  position: absolute;
  z-index: 1;
  bottom: 0;
}
.card-container:hover .mask[data-v-d596cb1e] {
  height: 100%;
}
@media (max-width: 1920px) {
  .card-container[data-v-d596cb1e] {
    width: 277px;
    height: 356px;
  }
}
@media (max-width: 1200px) {
  .card-container[data-v-d596cb1e] {
    width: 100%;
    height: 100%;
  }
}
@font-face {
  font-family: swiper-icons;
  src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA");
  font-weight: 400;
  font-style: normal;
}
:root {
  --swiper-theme-color: #007aff;
}
.swiper {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
  list-style: none;
  padding: 0;
  z-index: 1;
}
.swiper-vertical > .swiper-wrapper {
  flex-direction: column;
}
.swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: flex;
  transition-property: transform;
  box-sizing: content-box;
}
.swiper-android .swiper-slide,
.swiper-wrapper {
  transform: translateZ(0);
}
.swiper-pointer-events {
  touch-action: pan-y;
}
.swiper-pointer-events.swiper-vertical {
  touch-action: pan-x;
}
.swiper-slide {
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
  transition-property: transform;
}
.swiper-slide-invisible-blank {
  visibility: hidden;
}
.swiper-autoheight,
.swiper-autoheight .swiper-slide {
  height: auto;
}
.swiper-autoheight .swiper-wrapper {
  align-items: flex-start;
  transition-property: transform, height;
}
.swiper-backface-hidden .swiper-slide {
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
.swiper-3d,
.swiper-3d.swiper-css-mode .swiper-wrapper {
  perspective: 1200px;
}
.swiper-3d .swiper-cube-shadow,
.swiper-3d .swiper-slide,
.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-bottom,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top,
.swiper-3d .swiper-wrapper {
  transform-style: preserve-3d;
}
.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-bottom,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 10;
}
.swiper-3d .swiper-slide-shadow {
  background: rgba(0, 0, 0, 0.15);
}
.swiper-3d .swiper-slide-shadow-left {
  background-image: linear-gradient(270deg, rgba(0, 0, 0, 0.5), transparent);
}
.swiper-3d .swiper-slide-shadow-right {
  background-image: linear-gradient(90deg, rgba(0, 0, 0, 0.5), transparent);
}
.swiper-3d .swiper-slide-shadow-top {
  background-image: linear-gradient(0deg, rgba(0, 0, 0, 0.5), transparent);
}
.swiper-3d .swiper-slide-shadow-bottom {
  background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.5), transparent);
}
.swiper-css-mode > .swiper-wrapper {
  overflow: auto;
  scrollbar-width: none;
  -ms-overflow-style: none;
}
.swiper-css-mode > .swiper-wrapper::-webkit-scrollbar {
  display: none;
}
.swiper-css-mode > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: start start;
}
.swiper-horizontal.swiper-css-mode > .swiper-wrapper {
  -ms-scroll-snap-type: x mandatory;
  scroll-snap-type: x mandatory;
}
.swiper-vertical.swiper-css-mode > .swiper-wrapper {
  -ms-scroll-snap-type: y mandatory;
  scroll-snap-type: y mandatory;
}
.swiper-centered > .swiper-wrapper:before {
  content: "";
  flex-shrink: 0;
  order: 9999;
}
[dir="ltr"]
  .swiper-centered.swiper-horizontal
  > .swiper-wrapper
  > .swiper-slide:first-child {
  margin-left: var(--swiper-centered-offset-before);
}
[dir="rtl"]
  .swiper-centered.swiper-horizontal
  > .swiper-wrapper
  > .swiper-slide:first-child {
  margin-right: var(--swiper-centered-offset-before);
}
.swiper-centered.swiper-horizontal > .swiper-wrapper:before {
  height: 100%;
  min-height: 1px;
  width: var(--swiper-centered-offset-after);
}
.swiper-centered.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child {
  margin-top: var(--swiper-centered-offset-before);
}
.swiper-centered.swiper-vertical > .swiper-wrapper:before {
  width: 100%;
  min-width: 1px;
  height: var(--swiper-centered-offset-after);
}
.swiper-centered > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: center center;
}
.swiper-virtual .swiper-slide {
  -webkit-backface-visibility: hidden;
  transform: translateZ(0);
}
.swiper-virtual.swiper-css-mode .swiper-wrapper:after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none;
}
.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper:after {
  height: 1px;
  width: var(--swiper-virtual-size);
}
.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper:after {
  width: 1px;
  height: var(--swiper-virtual-size);
}
:root {
  --swiper-navigation-size: 44px;
}
.swiper-button-next,
.swiper-button-prev {
  position: absolute;
  top: 50%;
  width: 27px;
  width: calc(var(--swiper-navigation-size) / 44 * 27);
  height: 44px;
  height: var(--swiper-navigation-size);
  margin-top: -22px;
  margin-top: calc(0px - var(--swiper-navigation-size) / 2);
  z-index: 10;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--swiper-theme-color);
  color: var(--swiper-navigation-color, var(--swiper-theme-color));
}
.swiper-button-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled {
  opacity: 0.35;
  cursor: auto;
  pointer-events: none;
}
.swiper-button-next:after,
.swiper-button-prev:after {
  font-family: swiper-icons;
  font-size: 44px;
  font-size: var(--swiper-navigation-size);
  text-transform: none !important;
  letter-spacing: 0;
  font-feature-settings: normal;
  font-variant: normal;
  line-height: 1;
}
.swiper-button-prev,
.swiper-rtl .swiper-button-next {
  left: 10px;
  right: auto;
}
.swiper-button-prev:after,
.swiper-rtl .swiper-button-next:after {
  content: "prev";
}
.swiper-button-next,
.swiper-rtl .swiper-button-prev {
  right: 10px;
  left: auto;
}
.swiper-button-next:after,
.swiper-rtl .swiper-button-prev:after {
  content: "next";
}
.swiper-button-lock {
  display: none;
}
.swiper-pagination {
  position: absolute;
  text-align: center;
  transition: opacity 0.3s;
  transform: translateZ(0);
  z-index: 10;
}
.swiper-pagination.swiper-pagination-hidden {
  opacity: 0;
}
.swiper-horizontal > .swiper-pagination-bullets,
.swiper-pagination-bullets.swiper-pagination-horizontal,
.swiper-pagination-custom,
.swiper-pagination-fraction {
  bottom: 10px;
  left: 0;
  width: 100%;
}
.swiper-pagination-bullets-dynamic {
  overflow: hidden;
  font-size: 0;
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transform: scale(0.33);
  position: relative;
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active,
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
  transform: scale(1);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
  transform: scale(0.66);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
  transform: scale(0.33);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
  transform: scale(0.66);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
  transform: scale(0.33);
}
.swiper-pagination-bullet {
  width: 8px;
  width: var(
    --swiper-pagination-bullet-width,
    var(--swiper-pagination-bullet-size, 8px)
  );
  height: 8px;
  height: var(
    --swiper-pagination-bullet-height,
    var(--swiper-pagination-bullet-size, 8px)
  );
  display: inline-block;
  border-radius: 50%;
  background: #000;
  background: var(--swiper-pagination-bullet-inactive-color, #000);
  opacity: 0.2;
  opacity: var(--swiper-pagination-bullet-inactive-opacity, 0.2);
}
button.swiper-pagination-bullet {
  border: none;
  margin: 0;
  padding: 0;
  box-shadow: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
.swiper-pagination-clickable .swiper-pagination-bullet {
  cursor: pointer;
}
.swiper-pagination-bullet:only-child {
  display: none !important;
}
.swiper-pagination-bullet-active {
  opacity: 1;
  opacity: var(--swiper-pagination-bullet-opacity, 1);
  background: var(--swiper-theme-color);
  background: var(--swiper-pagination-color, var(--swiper-theme-color));
}
.swiper-pagination-vertical.swiper-pagination-bullets,
.swiper-vertical > .swiper-pagination-bullets {
  right: 10px;
  top: 50%;
  transform: translate3d(0, -50%, 0);
}
.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 6px 0;
  margin: var(--swiper-pagination-bullet-vertical-gap, 6px) 0;
  display: block;
}
.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
.swiper-vertical
  > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  top: 50%;
  transform: translateY(-50%);
  width: 8px;
}
.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic
  .swiper-pagination-bullet,
.swiper-vertical
  > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic
  .swiper-pagination-bullet {
  display: inline-block;
  transition: transform 0.2s, top 0.2s;
}
.swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets
  .swiper-pagination-bullet {
  margin: 0 4px;
  margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 4px);
}
.swiper-horizontal
  > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  left: 50%;
  transform: translateX(-50%);
  white-space: nowrap;
}
.swiper-horizontal
  > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic
  .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic
  .swiper-pagination-bullet {
  transition: transform 0.2s, left 0.2s;
}
.swiper-horizontal.swiper-rtl
  > .swiper-pagination-bullets-dynamic
  .swiper-pagination-bullet {
  transition: transform 0.2s, right 0.2s;
}
.swiper-pagination-progressbar {
  background: rgba(0, 0, 0, 0.25);
  position: absolute;
}
.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  background: var(--swiper-theme-color);
  background: var(--swiper-pagination-color, var(--swiper-theme-color));
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  transform: scale(0);
  transform-origin: left top;
}
.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  transform-origin: right top;
}
.swiper-horizontal > .swiper-pagination-progressbar,
.swiper-pagination-progressbar.swiper-pagination-horizontal,
.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,
.swiper-vertical
  > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
  width: 100%;
  height: 4px;
  left: 0;
  top: 0;
}
.swiper-horizontal
  > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,
.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,
.swiper-pagination-progressbar.swiper-pagination-vertical,
.swiper-vertical > .swiper-pagination-progressbar {
  width: 4px;
  height: 100%;
  left: 0;
  top: 0;
}
.swiper-pagination-lock {
  display: none;
}
.swiper-scrollbar {
  border-radius: 10px;
  position: relative;
  -ms-touch-action: none;
  background: rgba(0, 0, 0, 0.1);
}
.swiper-horizontal > .swiper-scrollbar {
  position: absolute;
  left: 1%;
  bottom: 3px;
  z-index: 50;
  height: 5px;
  width: 98%;
}
.swiper-vertical > .swiper-scrollbar {
  position: absolute;
  right: 3px;
  top: 1%;
  z-index: 50;
  width: 5px;
  height: 98%;
}
.swiper-scrollbar-drag {
  height: 100%;
  width: 100%;
  position: relative;
  background: rgba(0, 0, 0, 0.5);
  border-radius: 10px;
  left: 0;
  top: 0;
}
.swiper-scrollbar-cursor-drag {
  cursor: move;
}
.swiper-scrollbar-lock {
  display: none;
}
.swiper-zoom-container {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
}
.swiper-zoom-container > canvas,
.swiper-zoom-container > img,
.swiper-zoom-container > svg {
  max-width: 100%;
  max-height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
}
.swiper-slide-zoomed {
  cursor: move;
}
.swiper-lazy-preloader {
  width: 42px;
  height: 42px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -21px;
  margin-top: -21px;
  z-index: 10;
  transform-origin: 50%;
  box-sizing: border-box;
  border-left: 4px solid var(--swiper-theme-color);
  border-bottom: 4px solid var(--swiper-theme-color);
  border-right: 4px solid var(--swiper-theme-color);
  border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
  border-radius: 50%;
  border-top: 4px solid transparent;
}
.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader,
.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader {
  -webkit-animation: swiper-preloader-spin 1s linear infinite;
  animation: swiper-preloader-spin 1s linear infinite;
}
.swiper-lazy-preloader-white {
  --swiper-preloader-color: #fff;
}
.swiper-lazy-preloader-black {
  --swiper-preloader-color: #000;
}
@-webkit-keyframes swiper-preloader-spin {
  0% {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(1turn);
  }
}
@keyframes swiper-preloader-spin {
  0% {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(1turn);
  }
}
.swiper .swiper-notification {
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none;
  opacity: 0;
  z-index: -1000;
}
.swiper-free-mode > .swiper-wrapper {
  transition-timing-function: ease-out;
  margin: 0 auto;
}
.swiper-grid > .swiper-wrapper {
  flex-wrap: wrap;
}
.swiper-grid-column > .swiper-wrapper {
  flex-wrap: wrap;
  flex-direction: column;
}
.swiper-fade.swiper-free-mode .swiper-slide {
  transition-timing-function: ease-out;
}
.swiper-fade .swiper-slide {
  pointer-events: none;
  transition-property: opacity;
}
.swiper-fade .swiper-slide .swiper-slide {
  pointer-events: none;
}
.swiper-fade .swiper-slide-active,
.swiper-fade .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}
.swiper-cube {
  overflow: visible;
}
.swiper-cube .swiper-slide {
  pointer-events: none;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  z-index: 1;
  visibility: hidden;
  transform-origin: 0 0;
  width: 100%;
  height: 100%;
}
.swiper-cube .swiper-slide .swiper-slide {
  pointer-events: none;
}
.swiper-cube.swiper-rtl .swiper-slide {
  transform-origin: 100% 0;
}
.swiper-cube .swiper-slide-active,
.swiper-cube .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}
.swiper-cube .swiper-slide-active,
.swiper-cube .swiper-slide-next,
.swiper-cube .swiper-slide-next + .swiper-slide,
.swiper-cube .swiper-slide-prev {
  pointer-events: auto;
  visibility: visible;
}
.swiper-cube .swiper-slide-shadow-bottom,
.swiper-cube .swiper-slide-shadow-left,
.swiper-cube .swiper-slide-shadow-right,
.swiper-cube .swiper-slide-shadow-top {
  z-index: 0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
.swiper-cube .swiper-cube-shadow {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  opacity: 0.6;
  z-index: 0;
}
.swiper-cube .swiper-cube-shadow:before {
  content: "";
  background: #000;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  filter: blur(50px);
}
.swiper-flip {
  overflow: visible;
}
.swiper-flip .swiper-slide {
  pointer-events: none;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  z-index: 1;
}
.swiper-flip .swiper-slide .swiper-slide {
  pointer-events: none;
}
.swiper-flip .swiper-slide-active,
.swiper-flip .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}
.swiper-flip .swiper-slide-shadow-bottom,
.swiper-flip .swiper-slide-shadow-left,
.swiper-flip .swiper-slide-shadow-right,
.swiper-flip .swiper-slide-shadow-top {
  z-index: 0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
.swiper-creative .swiper-slide {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  overflow: hidden;
  transition-property: transform, opacity, height;
}
.swiper-cards {
  overflow: visible;
}
.swiper-cards .swiper-slide {
  transform-origin: center bottom;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  overflow: hidden;
}
.swiper[data-v-ba621058] {
  position: relative;
  width: 100%;
  padding-bottom: 45px;
}
.swiper-slide[data-v-ba621058] {
  border-radius: 12px;
  color: #333;
}
.swiper-pagination[data-v-ba621058] .swiper-pagination-bullet {
  background: #ccc !important;
}
.swiper-pagination[data-v-ba621058] .swiper-pagination-bullet-active {
  background: #007aff !important;
  transform: scale(1.2);
}
.my-tooltip[data-v-21f8f51c] {
  top: -100px !important;
}
.qrcode-box[data-v-21f8f51c] {
  padding: 10px;
}
.download-card[data-v-21f8f51c] {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  color: #fff;
  width: 277px;
  height: 221px;
  background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNzciIGhlaWdodD0iMjIwLjc2OSI+PGcgb3BhY2l0eT0iLjU2NCI+PHBhdGggZGF0YS1uYW1lPSLogZTlkIggMiIgZD0iTTAgMjIwLjc2OHYtNzkuOTU1bDUuNC01LjRWMzcuODQyTDM3LjI0MyA1Ljk5OWgxMjYuMWw2LTZIMjc3djEwNS45NTRsLTUuNCA1LjR2NzIuNDIzbC0zMS44NDMgMzEuODQzaC0xMjYuOTVsLTUuMTQ4IDUuMTV6TTcuNDg5IDM4LjcwN1YyMTMuNTNoMjMxLjRsMzAuNjE5LTMwLjYyMVY4LjA4OWgtMjMxLjR6IiBmaWxsPSIjZmZmIiBvcGFjaXR5PSIuMyIvPjwvZz48L3N2Zz4=)
    no-repeat;
  background-position: 50%;
  transition: all 0.3s ease-in-out;
}
.download-card .download-card-icon[data-v-21f8f51c] {
  position: absolute;
  z-index: 9;
  top: -33px;
  width: 66px;
  height: 66px;
  background: #4f4bd8;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 12px;
}
.download-card .download-card-icon .iconfont[data-v-21f8f51c] {
  font-size: 2.2rem;
}
.download-card h5[data-v-21f8f51c] {
  padding-bottom: 1rem;
  padding-top: 3.6rem;
}
.download-card .download-card--way[data-v-21f8f51c] {
  cursor: pointer;
  color: #4f4bd8;
  font-weight: 700;
  padding-bottom: 1rem;
}
.download-card .download-card--way[data-v-21f8f51c]:hover {
  color: #39e0e0;
}
.download-card[data-v-21f8f51c]:hover {
  background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNzciIGhlaWdodD0iMjIwLjc2NiI+PGRlZnM+PHN0eWxlPi5he2ZpbGw6IzQ2YTlmMH08L3N0eWxlPjwvZGVmcz48cGF0aCBjbGFzcz0iYSIgZD0iTTE2My4xMTEgNi4yMzJMMTY5LjM0MyAwaDEwNy42NTN2MTA1Ljk1N2wtNS41IDUuNVY2LjIzMnpNNS40OTYgMjE0LjUzNnYtNzkuMjIybC01LjUgNS41djc5Ljk1NEgxMDcuNjZsNi4yMy02LjIzeiIvPjxwYXRoIGNsYXNzPSJhIiBkPSJNMjM5Ljc1NyAyMTQuNjE4SDUuNDAxVjM2Ljg0M0wzNy4yNDQgNUgyNzEuNnYxNzcuNzc1ek03LjQ4OSAyMTIuNTNoMjMxLjRsMzAuNjItMzAuNjJWNy4wODhoLTIzMS40TDcuNDg5IDM3LjcwNnoiLz48L3N2Zz4=)
    no-repeat;
  background-position: 50%;
}
.download-card:hover .download-card-icon[data-v-21f8f51c] {
  border: 1px solid #4f4bd8;
}
.download-card:hover .download-card-icon .iconfont[data-v-21f8f51c] {
  color: #307ce0;
}
@media (max-width: 1023px) {
  .download-card[data-v-21f8f51c] {
    margin-bottom: 4rem !important;
  }
}
@font-face {
  font-family: DIN;
  src: url(../font/DIN-Medium-2.279e659.otf);
}
.box .box-title[data-v-e4b9b072] {
  color: #333;
  width: 120px;
}
.box .box-content[data-v-e4b9b072] {
  position: relative;
  flex: 1;
}
.box .box-content .download-link[data-v-e4b9b072] {
  display: inline-block;
  margin-top: 20px;
}
.package_desc_btn[data-v-e4b9b072] {
  position: absolute;
  right: 0;
  top: 40px;
}
.package_desc_btn .hover_img[data-v-e4b9b072] {
  position: absolute;
  z-index: 99;
  right: 0;
  display: none;
}
.package_desc_btn .package_desc_btn_inner[data-v-e4b9b072] {
  color: #4f4bd8;
  padding: 0 14px;
  height: 44px;
  line-height: 44px;
  box-shadow: 0 1px 3px hsla(0, 0%, 60%, 0.21);
  border-radius: 8px;
  cursor: pointer;
}
.package_desc_btn:hover .package_desc_btn_inner[data-v-e4b9b072] {
  box-shadow: 0 1px 3px hsla(0, 0%, 60%, 0.31);
}
.package_desc_btn:hover .hover_img[data-v-e4b9b072] {
  display: block;
}
.package_desc_btn .icon[data-v-e4b9b072] {
  width: 16px;
}
.package_desc_btn .icon[data-v-e4b9b072],
.package_desc_btn span[data-v-e4b9b072] {
  vertical-align: middle;
}
.member[data-v-e4b9b072] {
  min-height: 100vh;
}
.member .banner[data-v-e4b9b072] {
  width: 100%;
  height: 100%;
  margin-top: 63px;
  background-size: contain;
  image-rendering: -webkit-optimize-contrast;
  cursor: pointer;
}
.member .noBanner[data-v-e4b9b072] {
  height: 100px;
}
.member .obn-li .obn[data-v-e4b9b072] {
  width: 140px;
  height: 44px;
  line-height: 44px;
  font-size: 18px;
  background: #fff;
  border: 1px solid #ccc;
  border-radius: 8px;
  color: #e8c08a;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-weight: 700;
}
.member .obn-li .obn.selected[data-v-e4b9b072] {
  border: 1px solid #de8000;
  color: #ffb34b;
}
.member .selected-card[data-v-e4b9b072] {
  max-width: 606px;
  min-height: 98px;
  background: #fff;
  border-radius: 12px;
  padding: 12px 20px;
  box-shadow: 0 0 6px rgba(51, 51, 51, 0.08);
}
.member .selected-card .selected-item[data-v-e4b9b072] {
  display: inline-block;
  font-size: 16px;
  font-family: Microsoft YaHei;
  font-weight: 400;
  color: #333;
  margin: 8px auto;
}
.member .selected-card .selected-item:first-child .value-item[data-v-e4b9b072] {
  display: inline-block;
  min-width: 52px;
}
.member
  .selected-card
  .selected-item:nth-child(5)
  .value-item[data-v-e4b9b072] {
  display: inline-block;
  min-width: 20px;
}
.member .package[data-v-e4b9b072] {
  width: 170px;
  height: 190px;
  background-size: 100% 100%;
  background-repeat: no-repeat;
  float: left;
  position: relative;
}
.member .package.vip-bg[data-v-e4b9b072] {
  background-image: url(../image/vip.5c41145.png);
}
.member .package.svip-bg[data-v-e4b9b072] {
  background-image: url(../image/svip.d6efa10.png);
}
.member .package .new_icon[data-v-e4b9b072] {
  position: absolute;
  top: -14px;
  left: -10px;
  min-width: 96px;
  height: 26px;
  line-height: 26px;
  color: #fff;
  background-color: #ff3e48;
  border-radius: 6px 6px 0 6px;
  text-align: left;
  font-size: 14px;
  padding: 0 10px;
}
.member .package .package-item[data-v-e4b9b072] {
  position: relative;
  padding-top: 30px;
  height: 100%;
  font-size: 14px;
  text-align: center;
  box-shadow: 0 0 6px rgba(51, 51, 51, 0.22);
  border-radius: 8px;
}
.member .package .package-item .package-name[data-v-e4b9b072] {
  margin-bottom: 13px;
}
.member .package .package-item .package-name-en[data-v-e4b9b072] {
  padding: 0 20px;
  margin: 0;
}
.member .package .package-item .money[data-v-e4b9b072] {
  color: #de8000;
  transition: color 0.3s;
  font-size: 40px;
  font-family: DIN;
  font-weight: Medium;
}
.member .package .package-item .unit[data-v-e4b9b072] {
  color: #de8000;
  font-family: Microsoft YaHei;
}
.member .package .package-item .average-price[data-v-e4b9b072] {
  display: inline-block;
  color: #999;
  padding-top: 10px;
  border-top: 1px dashed #ffb34b;
  margin-top: 10px;
}
.member .package.selectedPackage.vip-bg[data-v-e4b9b072],
.member .package:hover.vip-bg[data-v-e4b9b072] {
  background-image: url(../image/vip_active.bea3a99.png);
}
.member .package.selectedPackage.svip-bg[data-v-e4b9b072],
.member .package:hover.svip-bg[data-v-e4b9b072] {
  background-image: url(../image/svip_active.ae8089c.png);
}
.member .package.selectedPackage .average-price[data-v-e4b9b072],
.member .package.selectedPackage .money[data-v-e4b9b072],
.member .package.selectedPackage .package-name[data-v-e4b9b072],
.member .package.selectedPackage .unit[data-v-e4b9b072],
.member .package:hover .average-price[data-v-e4b9b072],
.member .package:hover .money[data-v-e4b9b072],
.member .package:hover .package-name[data-v-e4b9b072],
.member .package:hover .unit[data-v-e4b9b072] {
  color: #81420f;
  border-color: #81420f;
}
.summary_benefit_warp[data-v-e4b9b072] {
  display: inline-flex;
  flex-wrap: wrap;
  padding: 30px 30px 0 0;
  box-shadow: 0 0 10px rgba(51, 51, 51, 0.08);
  border-radius: 8px;
}
.summary_benefit_warp .summary_benefit_item[data-v-e4b9b072] {
  display: flex;
  align-items: center;
  padding-left: 30px;
  padding-bottom: 30px;
}
.summary_benefit_warp .summary_benefit_desc[data-v-e4b9b072] {
  display: flex;
  align-items: center;
}
.summary_benefit_warp .icon[data-v-e4b9b072] {
  display: inline-block;
  height: 42px;
  width: 42px;
  background-size: 100% 100%;
  background-repeat: no-repeat;
  margin-right: 15px;
}
.summary_benefit_warp .icon1[data-v-e4b9b072] {
  background-image: url(../image/icon1.ba12e52.png);
}
.summary_benefit_warp .icon2[data-v-e4b9b072] {
  background-image: url(../image/icon2.2d94363.png);
}
.summary_benefit_warp .icon3[data-v-e4b9b072] {
  background-image: url(../image/icon3.adc3888.png);
}
.summary_benefit_warp .icon4[data-v-e4b9b072] {
  background-image: url(../image/icon4.6852c5c.png);
}
.summary_benefit_warp .icon5[data-v-e4b9b072] {
  background-image: url(../image/icon5.95d33ba.png);
}
.summary_benefit_warp .icon6[data-v-e4b9b072] {
  background-image: url(../image/icon6.84eb4e9.png);
}
.summary_benefit_warp .icon7[data-v-e4b9b072] {
  background-image: url(../image/icon7.5bdd11c.png);
}
.summary_benefit_warp .icon8[data-v-e4b9b072] {
  background-image: url(../image/icon8.03c12e8.png);
}
.pay-box[data-v-e4b9b072] {
  width: 650px;
  box-shadow: 0 0 6px rgba(51, 51, 51, 0.08);
  border-radius: 12px 12px 0 0;
  box-sizing: border-box;
}
.pay-box .icon-zhifubao[data-v-e4b9b072] {
  color: #02a9f1;
  font-size: 33px;
}
.pay-box .icon-weixinzhifu[data-v-e4b9b072] {
  color: #09bb07;
  font-size: 33px;
}
.pay-box .paypal-icon[data-v-e4b9b072] {
  display: flex;
  justify-content: center;
  align-items: center;
}
.pay-box .pay-selected[data-v-e4b9b072] {
  background-color: #fff;
}
.pay-box .pay-type[data-v-e4b9b072] {
  display: flex;
  height: 50px;
  background: hsla(0, 0%, 80%, 0.13);
  box-sizing: border-box;
  border-radius: 12px 12px 0 0;
}
.pay-box .pay-type li[data-v-e4b9b072] {
  flex: 1;
  display: flex;
  justify-content: center;
}
.pay-box .pay-type li[data-v-e4b9b072]:first-of-type {
  border-top-left-radius: 12px;
}
.pay-box .pay-type li[data-v-e4b9b072]:last-of-type {
  border-top-right-radius: 12px;
}
.pay-box .pay-count[data-v-e4b9b072] {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 70px 0;
  position: relative;
  background: url(../image/pay_bg.d98fbf5.png) no-repeat 50%;
  background-size: 100% 100%;
}
.pay-box .pay-count .loading[data-v-e4b9b072] {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  z-index: 999;
  background-color: hsla(0, 0%, 100%, 0.8);
  display: inline-flex;
  justify-content: center;
  align-items: center;
  color: #ffb34b;
}
.pay-box .pay-count .money[data-v-e4b9b072] {
  color: #333;
  display: inline-flex;
  align-items: center;
}
.pay-box .pay-count .money span[data-v-e4b9b072] {
  color: #ffb34b;
  font-size: 24px;
  font-weight: 500;
}
.pay-box .pay-count .buy-obn[data-v-e4b9b072] {
  padding: 5px 22px;
  font-size: 16px;
  margin-left: 20px;
  background-color: #ffb34b;
  color: #fff;
  outline: none;
}
.pay-box .pay-count .buy-obn[data-v-e4b9b072]:active {
  color: #fff;
}
.pay-box .pay-count .login-btn[data-v-e4b9b072] {
  display: inline-flex;
  justify-content: center;
  padding: 8px 40px;
  background-color: #4f4bd8;
  outline: none;
  border-radius: 4px;
  color: #fff;
}
.pay-box .pay-count .login-btn[data-v-e4b9b072]:hover {
  color: #fff;
  background-color: #2399ed;
  border-color: #1793ec;
}
.pay-box .pay-img[data-v-e4b9b072] {
  width: 114px;
  height: 114px;
}
.pay-box .pay-img img[data-v-e4b9b072] {
  all: inherit;
}
i.iconfont.icon-yingfujine[data-v-e4b9b072] {
  color: #ffb34b;
}
span.real-price[data-v-e4b9b072] {
  font-size: 16px;
  color: #999;
  text-decoration: line-through;
  text-align: center;
  display: block;
}
[data-v-e4b9b072] svg {
  vertical-align: baseline;
}
span.member-icon[data-v-e4b9b072] {
  margin-right: 10px;
  margin-top: 2px;
}
[data-v-e4b9b072] .modal-dialog {
  width: 400px;
  max-width: 90%;
}
.mode-footer[data-v-e4b9b072] {
  width: 100%;
  justify-content: space-between;
}
.header-close[data-v-e4b9b072] {
  font-size: 28px;
}
.activity[data-v-e4b9b072] {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.5);
  z-index: 9999;
}
.activity .img-box[data-v-e4b9b072] {
  width: 378px;
  height: 396px;
  display: grid;
  align-items: flex-end;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.activity .img-box .bgImg[data-v-e4b9b072] {
  width: 348px;
  height: 366px;
  background: url(../image/newUser-dialog.cd417b3.png) no-repeat;
  background-size: 348px 366px;
  z-index: inherit;
}
.activity .img-box .bgImg .bgImgBtn[data-v-e4b9b072] {
  max-width: 100%;
  top: 98%;
  left: 49%;
}
.activity .img-box .bgImg .bgImgBtn[data-v-e4b9b072],
.activity .img-box .icon-shanchu[data-v-e4b9b072] {
  position: absolute;
  transform: translate(-50%, -50%);
  z-index: inherit;
  cursor: pointer;
}
.activity .img-box .icon-shanchu[data-v-e4b9b072] {
  font-size: 30px;
  color: #fff;
  top: 10%;
  left: 95%;
}
@media screen and (max-width: 1200px) {
  .img-box[data-v-e4b9b072] {
    width: 338px !important;
    height: 356px !important;
  }
  .img-box .bgImg[data-v-e4b9b072] {
    width: 308px !important;
    height: 326px !important;
    background-size: 308px 326px !important;
    image-rendering: -webkit-optimize-contrast;
  }
  .img-box .bgImg .bgImgBtn[data-v-e4b9b072] {
    max-width: 60% !important;
  }
  .img-box .icon-shanchu[data-v-e4b9b072] {
    font-size: 25px !important;
  }
}
@media screen and (max-width: 768px) {
  .img-box[data-v-e4b9b072] {
    width: 288px !important;
    height: 306px !important;
  }
  .img-box .bgImg[data-v-e4b9b072] {
    width: 258px !important;
    height: 276px !important;
    background-size: 258px 276px !important;
    image-rendering: -webkit-optimize-contrast;
  }
  .img-box .bgImg .bgImgBtn[data-v-e4b9b072] {
    left: 47% !important;
    max-width: 60% !important;
  }
  .img-box .icon-shanchu[data-v-e4b9b072] {
    font-size: 20px !important;
  }
}
@media screen and (max-width: 414px) {
  .img-box[data-v-e4b9b072] {
    width: 238px !important;
    height: 256px !important;
  }
  .img-box .bgImg[data-v-e4b9b072] {
    width: 208px !important;
    height: 226px !important;
    background-size: 208px 226px !important;
    image-rendering: -webkit-optimize-contrast;
  }
  .img-box .bgImg .bgImgBtn[data-v-e4b9b072] {
    left: 46.5% !important;
    max-width: 60% !important;
  }
  .img-box .icon-shanchu[data-v-e4b9b072] {
    font-size: 20px !important;
    top: 13% !important;
    left: 90% !important;
  }
}
@media (max-width: 500px) {
  .box-title[data-v-e4b9b072] {
    font-size: 26px !important;
  }
  .average-price[data-v-e4b9b072],
  .package-name[data-v-e4b9b072],
  .pay-box[data-v-e4b9b072],
  .summary_benefit_item[data-v-e4b9b072] {
    font-size: 20px !important;
  }
  .money[data-v-e4b9b072] {
    font-size: 30px;
  }
  .package[data-v-e4b9b072] {
    width: calc(50% - 30px) !important;
  }
}
@media (max-width: 420px) {
  .box-title[data-v-e4b9b072] {
    font-size: 17px !important;
  }
  .package_desc_btn[data-v-e4b9b072] {
    top: -40px !important;
  }
  .package_desc_btn_inner[data-v-e4b9b072] {
    height: 40px !important;
    line-height: 40px !important;
    font-size: 12px !important;
  }
  .package_desc_btn_inner .icon[data-v-e4b9b072] {
    width: 16px !important;
  }
  .hover_img[data-v-e4b9b072] {
    max-width: 350px;
  }
  span.member-icon[data-v-e4b9b072] {
    margin-top: 7px;
  }
  .member .obn-li .obn[data-v-e4b9b072] {
    font-size: 12px;
    height: 40px !important;
    line-height: 40px !important;
  }
  .average-price[data-v-e4b9b072],
  .package-name[data-v-e4b9b072],
  .pay-box[data-v-e4b9b072],
  .summary_benefit_item[data-v-e4b9b072] {
    font-size: 12px !important;
  }
  .package[data-v-e4b9b072] {
    width: calc(50% - 15px) !important;
    margin-right: 15px !important;
    height: 155px !important;
  }
  .pay-type[data-v-e4b9b072] {
    height: 40px !important;
  }
  .average-price[data-v-e4b9b072],
  .package-name[data-v-e4b9b072] {
    margin: 0 !important;
  }
  .new_icon[data-v-e4b9b072] {
    height: 20px !important;
    line-height: 20px !important;
    font-size: 12px !important;
    top: -10px !important;
  }
  .pay-count .money[data-v-e4b9b072] {
    font-size: 14px !important;
  }
}
.customer-service{
  position: fixed;
    bottom: 45px;
    right: 10px;
    z-index: 1;
}

.at{
  margin-bottom: 50px;
}

.at .item {
  width: 100%;
  min-height: 400px;
  background: #fff;
  box-shadow: 0px 2px 4px 0px rgba(5, 29, 71, 0.04), 0px 8px 16px 0px rgba(5, 29, 71, 0.04);
  border-radius: 8px;
  padding-bottom: 10px;
  margin-bottom: 20px;
}

.at .item img{
  display: block;
  width: 100%;
  border-radius: 8px 8px 0 0;
}
.at .item h3{
font-size: 24px;
font-weight: 600;
color: #152F61;
line-height: 36px;
text-align: center;
margin: 20px 0;
}
.at .item p{
  font-size: 16px;
  font-weight: 400;
  color: #475165;
  line-height: 28px;
  text-align: center;
}

@media (max-width: 992px){
  .at .item{
    height: 320px;
    min-height: 320px;
  }
  .ad .row .mb-3{
    font-size: 24px;
  }
  .ad .row .text-justify{
    color: #152F61;
  }
}
@media (max-width: 768px){
  .ad-bg {
    display: block;
    width: 100%;
    }
  .ad .row {
    background-image: none!important;
  }
  .footer-logo{
    margin-top: 20px;
  }
  .main .title-img{
    width: 600px;
  }
  .top-logo{
    margin-top:20px!important;
  }
  .at .item{
    height: 460px;
    min-height: 460px;
  }
  .inner-bottom{
    margin-bottom: 20px;
  }
  .hot-game-title{
    height: 40px;
    line-height: 40px;
    font-size: 20px;
  }
}

@media (max-width: 500px){
  .at .item{
    height: 410px;
    min-height: 410px;
  }
}