/*!*************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-24.use[1]!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-24.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-24.use[3]!./src/styles/index.scss ***!
  \*************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
h1,
h2,
h3,
h4,
ul,
li,
p {
  margin: 0;
  padding: 0;
}

html::-webkit-scrollbar {
  width: 10px;
}

html::-webkit-scrollbar-track {
  background: #fff;
  border-radius: 10px;
}

html::-webkit-scrollbar-thumb {
  background: rgb(136, 136, 136);
  border-radius: 10px;
}

html::-webkit-scrollbar-thumb:hover {
  background: rgb(100, 100, 100);
  border-radius: 10px;
}

html::-webkit-scrollbar-thumb:active {
  background: rgb(68, 68, 68);
  border-radius: 10px;
}

button {
  border: 0;
  padding: 0;
  background: transparent;
  cursor: pointer;
}

li {
  list-style: none;
}

:root {
  --title1-size: 36px;
  --title2-size: 24px;
  --title-size: 28px;
  --text-size: 18px;
  --assist-size: 16px;
}

@media screen and (max-width: 980px) {
  :root {
    --title1-size: 20px;
    --title2-size: 16px;
    --title-size: 18px;
    --text-size: 14px;
    --assist-size: 12px;
  }
}
/* 基础表格样式 */
table {
  width: 100%;
  border-collapse: collapse;
  margin: 1em 0;
  font-family: Arial, sans-serif;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
}

/* 表头样式 */
th {
  background-color: #f8f9fa;
  color: #333;
  font-weight: bold;
  text-align: center;
  padding: 12px 15px;
  border-bottom: 2px solid #ddd;
  text-transform: uppercase;
  font-size: 0.85em;
  letter-spacing: 0.5px;
}

/* 表格单元格样式 */
td {
  padding: 10px 15px;
  border-bottom: 1px solid #ddd;
  vertical-align: middle;
}

/* 表格边框样式 */
table, th, td {
  border: 1px solid #ddd;
}

/* 表格标题 */
caption {
  font-size: 1.2em;
  font-weight: bold;
  margin-bottom: 10px;
  text-align: left;
}
/*!**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/views/home/index.vue?vue&type=style&index=0&id=5954443c&lang=scss&scoped=true ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.page[data-v-5954443c] {
  width: 100%;
  overflow: hidden;
  font-family: PingFang SC, system-ui, sans-serif;
  font-weight: 400;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.page .btn[data-v-5954443c] {
  width: 128px;
  height: 40px;
  font-size: var(--assist-size);
  text-align: center;
  line-height: 38px;
  border-radius: 20px;
  box-sizing: border-box;
}
.page__head[data-v-5954443c] {
  z-index: 999;
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  color: #0a0a0a;
  background-color: transparent;
  box-shadow: 0px 1px 6px rgba(229, 233, 242, 0.65);
}
.page__head .head[data-v-5954443c] {
  width: 1280px;
  display: flex;
  align-items: center;
  height: 80px;
}
.page__head .head__con[data-v-5954443c] {
  flex: 1;
}
.page__head .head__logo[data-v-5954443c] {
  width: 138px;
  height: 24px;
}
.page__head .head__nav[data-v-5954443c] {
  display: flex;
  align-items: center;
}
.page__head .head__nav li[data-v-5954443c] {
  padding: 22px 24px;
  font-size: var(--text-size);
  line-height: 36px;
  cursor: pointer;
}
.page__head .head__nav .is-active[data-v-5954443c] {
  position: relative;
}
.page__head .head__nav .is-active[data-v-5954443c]::after {
  content: "";
  position: absolute;
  bottom: 10px;
  left: 50%;
  width: 36px;
  height: 4px;
  border-radius: 4px;
  background-color: #6b48ff;
  transform: translateX(-50%);
}
.page__head .head__btn[data-v-5954443c] {
  margin-left: 24px;
  color: #fff;
  background-color: #6b48ff;
}
.page__head .head__btn[data-v-5954443c]:hover {
  background-color: #9076ff;
}
.page__main[data-v-5954443c] {
  display: flex;
  flex-direction: column;
  align-items: center;
  color: #666;
  background-color: #fff;
}
.page__foot[data-v-5954443c] {
  margin-top: 80px;
  display: flex;
  flex-direction: column;
  align-items: center;
  color: #0a0a0a;
  background-color: #f5f5f5;
}
.page__banner[data-v-5954443c] {
  padding-top: 80px;
  width: 100%;
  display: flex;
  color: #0a0a0a;
  background: linear-gradient(95.91deg, #e5e9f2 12.64%, #edf2f8 92.84%);
}
.page .banner[data-v-5954443c] {
  flex: 1;
  height: 690px;
  display: flex;
  justify-content: center;
  padding-top: 200px;
  padding-bottom: 258px;
  color: #0a0a0a;
  box-sizing: border-box;
  background-image: url(/img/banner.fe542ea9.jpg);
  background-size: 1440px 750px;
  background-repeat: no-repeat;
  background-position: center bottom;
}
.page .banner__con[data-v-5954443c] {
  width: 1280px;
}
.page .banner__title[data-v-5954443c] {
  margin-bottom: 32px;
  font-size: var(--title1-size);
  line-height: 54px;
}
.page .banner__text[data-v-5954443c] {
  margin-top: 8px;
  width: 580px;
  font-size: var(--text-size);
  line-height: 32px;
}
.page .banner__btn[data-v-5954443c] {
  margin-top: 32px;
  color: #6b48ff;
  border: 1px solid #6b48ff;
}
.page__product[data-v-5954443c] {
  padding-top: 80px;
}
.page .product[data-v-5954443c] {
  padding-top: 36px;
  width: 1280px;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.page .product__title[data-v-5954443c] {
  padding: 0 20px;
  position: relative;
  font-size: var(--title-size);
  line-height: 40px;
  color: #0a0a0a;
}
.page .product__title[data-v-5954443c]::before {
  content: "";
  position: absolute;
  left: 0;
  top: -12px;
  width: 40px;
  height: 40px;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACoAAAApCAMAAAB0iUvHAAAAvVBMVEUAAAA5av8+Zf9cU/9HY/9lTP86a/82b/9oSv9iTv9ZVf9QXf88bP9TWv9OXv9LYP89af86a/9WWP8yav9UWf9gUf8/av89a/9eUf9YVv9MX/9LYf9FZP9FZv9iT/87bP9pSf9hUP9YVv9CZ/9Aaf9lTP9SW/9JY/9BZ/9bVP9UWv9EZv9qSP9oSv9OX/9hUP9qSf9TWv9bVP9nTP9gUv9SW/9DZ/9nSv9rSf9kTf9fUP9TWf9kTv9mS/9eU/9bYpRSAAAAP3RSTlMAEQ2/YecoGO7as4gzkoF1Ix6jB53LQDrGqXBsW1bULffQrU5F341oSriXUvzzexs/UjJ+ej06uo9pKRejhV/igezIAAABi0lEQVQ4y83SaVuCQBSG4Rk0FmVHS0Fw13Lfzaz+/8/qzHBAg+p87fl8Xy/MXMMKvW1Dyx/U2tbkc8f+yN1aDd9vtwe12kulUmkf1r9AHlmzWaNxo61mc/8jPtoTyxLUR9oC2k8uJRhU6/Uy7fcT470wzEO7jjancjQxjNY3yyPbtrNZpDhqjMfNOxtMndUKLVIcNYA+PJyV24kcxwEq7UxS+X2U0Ecm3TAUNqd+TlHq+gZpJ7qz9e2OM3Y9HiqZ1KFESUenUQQ4tdv8t9aHXC6XvT0TxdXpFK3jsbt2Ccper6czSKtCEjvhtfB2xuAEXCwW4vGcQCI2WaELSAHHe3muYafTSXHMSp3B6a94fiWOwUrtlelGOozPY0jwmBF587Q4PlHUHWZ1Kao+Z7nk6ihLpag2esRIyiV7gkyKBkKdAJqmQllTDELdrkdRz0yhqqqcoAo4CV1XY0QSgvQ8jQfEdUkopMYVwrpSakJSVAEoN6lRiGeSpkyDUJLxVApK23yUTsklXQD0f/cFLF43js7xslUAAAAASUVORK5CYII=);
  background-size: 100% 100%;
}
.page .product__subtitle[data-v-5954443c] {
  font-size: var(--assist-size);
  line-height: 32px;
  color: #ccc;
}
.page .product__sign[data-v-5954443c] {
  margin-top: 8px;
  width: 200px;
  height: 6px;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAMkAAAAGCAMAAABepkpWAAAAilBMVEUAAAA1cP9pSP9VWP9GZP9Aav9eUf9OXv9FZv9CZ/9JYv9IYv8+bP9lTP86b/9iT/9ZVf9oSv9mS/9XWP8zc/9jTv9hUP9dU/9cVP9bVf9TWv9RXP9RXf9Cav85cP80dP9YV/9MYP88bf80cf9gUP9SW/9PXv9LYP88bP83df9oSP9rSP9qSP9rSP/0jui3AAAALXRSTlMAGvufX0DKf1ZOb2c34ijXsfTqpg/d0cC8tpeOikciCat5LhTDkoV0MgUgoGDEsMpxAAAA10lEQVQ4y93Ptw7CMBSFYeP04obTe6/k/V+Pq7BEWUAMGfJJ3iyd+6MLLN2CbmEhG7kmZS5Lz2sfoCgobZrJdV1N0/LcsizTNFVVdRzHtu2xrg3DGLIsTfskURRFyqriPI6jKAw7XdeDgDHfJ+QJhMAYb/CE2AB+EuL7jLEggI9dF4ZRFMec86qSUgFJ0vdpmmXDABt1PY4wCLMqMAGckucagNumqWkopUXxAG3reWU5z3vIp6T9p0T+UoKhRJBjif6lxDiXWKcSeizZU9Al1m1FN/FCF3gD0H8d/FXfOaAAAAAASUVORK5CYII=);
  background-size: 100% 100%;
}
.page .product__text[data-v-5954443c] {
  margin-top: 8px;
  font-size: var(--text-size);
  line-height: 32px;
  color: #666;
}
.page .product__items[data-v-5954443c] {
  margin-top: 48px;
  width: 100%;
  display: flex;
  flex-wrap: wrap;
}
.page .product__item[data-v-5954443c] {
  flex: 1;
  margin-right: 16px;
  padding: 54px 0;
  height: 480px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 16px;
  box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.25);
  box-sizing: border-box;
}
.page .product__item[data-v-5954443c]:last-child {
  margin-right: 0;
}
.page .grid[data-v-5954443c] {
  width: 300px;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.page .grid__img[data-v-5954443c] {
  width: 168px;
  height: 168px;
}
.page .grid__title[data-v-5954443c] {
  margin-top: 16px;
  font-size: var(--title2-size);
  line-height: 32px;
  color: #0a0a0a;
}
.page .grid__sign[data-v-5954443c] {
  margin-top: 8px;
  width: 36px;
  background-color: #6b48ff;
}
.page .grid__text[data-v-5954443c] {
  margin-top: 12px;
  font-size: var(--text-size);
  line-height: 32px;
  color: #666;
}
.page__introduce[data-v-5954443c] {
  margin-top: 48px;
}
.page .introduce[data-v-5954443c] {
  width: 1280px;
  height: 480px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
.page .introduce__con[data-v-5954443c] {
  padding: 54px;
  flex: 1;
}
.page .introduce__title[data-v-5954443c] {
  padding-left: 16px;
  font-size: var(--title-size);
  line-height: 40px;
  color: #0a0a0a;
}
.page .introduce__subtitle[data-v-5954443c] {
  display: flex;
  align-items: center;
  font-size: var(--assist-size);
  line-height: 32px;
  color: #ccc;
}
.page .introduce__subtitle[data-v-5954443c]::before {
  content: "";
  margin-left: 8px;
  width: 22px;
  height: 22px;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQAgMAAABinRfyAAAACVBMVEUAAABqRf9qSP80+HBCAAAAA3RSTlMAMN8zXD1oAAAAIklEQVQI12NAByIgQhJEsDkACcYJIGYKmABzYRKSEMXoAABv0ALRYokg8gAAAABJRU5ErkJggg==);
  background-size: 100% 100%;
}
.page .introduce__subtitle[data-v-5954443c]::after {
  content: "";
  margin-left: 16px;
  width: 80px;
  height: 1px;
  background-color: currentColor;
}
.page .introduce__text[data-v-5954443c] {
  width: 512px;
  padding: 16px;
  font-size: var(--text-size);
  line-height: 32px;
  color: #666;
}
.page .introduce__tag[data-v-5954443c] {
  margin-top: 32px;
  display: flex;
  align-items: center;
  color: #6b48ff;
}
.page .introduce__tag li[data-v-5954443c] {
  margin-right: 48px;
  width: 86px;
  height: 86px;
  font-size: 22px;
  font-weight: bold;
  text-align: center;
  line-height: 86px;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFcAAABWCAMAAACNSvr7AAAAw1BMVEUAAACbJrEdkf+OMblAc+kphvdhV9WBPcEyf/JPZt93RcduTs1/OLowd+2EL6iaJ7Aqh/VWYNuXK7WbJ7Ili/odkf4hjfpuTc4gjv6aKLF3RcYiiP2UKbE7eOtaXtmQMblFbOMdkv9TZd1UY96ZKLAjjfyaK7ImjPsekP5uTcxfWtgfj/2bKLF2RsgqhvqSL7ZjWNRGbuOdJ7AjifuHOLycJrGJN72INrw5eOxhWtY9des2eu1yR8dJa+JJauN2RskgjftVhYBsAAAAQXRSTlMAZmZmZmZmZWZmZmYNDQZLBmYZWVVMGRdfX00TE04zLBlZWTkzJiY5M1lLPz83Hx9ZTDktVlNOPSxgXUFAPyYmRmwRP2IAAAOASURBVFjD1djbVtpQFIXhiSgRSEKAcAgQoBzl3AKC1VZ9/6fqzN6UVLAQyOpFPy9y97PHymJggvOc+Wry7rp3Adf1h09lB3E5/Yl7Q3c798qt/zJ3YkRXpRstrKqs4r9el64Pq2E1zKqu9vzTwqXK6qg6605W87qlTmeV508v/u3ehWVrX3WHn92ldte/ouw87CZQfaj//aO7z0E2nU43ow72i66Wyjjt1WeWOpGOvIpU1dodZiMd2SnpCfQRzasq58dnjmzpGQyjr6b1k9l8vmOdH201HEG0I+fzqdRX80RW7YF76bZb4xR9r5zOTnC5rg6fmu0DrtFkl6OQzYZhG8dKu2yc8BhHHtR+4Wp6xjMcKKtNQBzjVDabPbh3TjDcLxbiMEfsjj6OeHhDZcRTydKHSVj6nsU1YzdTOdiFL4jNHmUzmRr25jfUR3yVDFU+HHcCCTV2ax92jLsgdeACtIk+rvSBrXDHRA5sGHqH+2oZpNQMw9A77KplkNJit7YfgwUptkHmbgwlQHQQLV7f2V0BooPI8Vpltw45DSOZNIA6s1VIMhg2MZcdL22SyeQg+P25G0LSlt0e3vmPeB+SBuxuUWK3DEkLdjdw2a1DksnuGlV2HfGuhzuCrCT9w+79/f/TTaDKrgVJNrMe3HvpbiOZSBThszuHpEIikcjhhV3h77Hqrvh8PoSkJbs99PnY70NSjt0FLHafIcljtwEEj+Wiv0PMery+sPsEOS1124Andn3h8Q54tW7JgRQzQSbIDwYhur2PCDTZ/QYpRT0Gcm6pLfgl5hiUb4IHnjI7hdZWB5a7awVA+sBTvbzhgdPptsgy0AJ734K3YLbMMuQQaqepi7h6u2UIdYNwW2LHlviT09HvA+MwgykUD6bJSeTzY8TxqHfsQDdP3Vg/P9TDkXHw1q4Z757lcMzupKgZJ1v8/AXaVxUWzlLlexDuXvX1Ja8BnArXzEsX7PFklkw1itEbLlHw1BCYPRPOZn9EP7K9TISzPRHmWzuKfOSBp7I5G+c0s8qoEmUEuYTSivw+MHhN8xaxytFGM2M2sJ79fWqNnqerXs+Ovjk/MpqxnhVwxC4suVpazgRdVja0zba1KJgqaDYWralu6qr61AvLxm/JPyRC3rKBa9hvNVX9PJtr2biavdhuwmbwpxSnAxtx2YXWdrNeq3KxmJu2FhGavwBFpUej+uceuwAAAABJRU5ErkJggg==);
  background-size: 100% 100%;
}
.page .introduce__cover[data-v-5954443c] {
  width: 480px;
  text-align: center;
}
.page__cooperation[data-v-5954443c] {
  margin-top: 48px;
}
.page .cooperation[data-v-5954443c] {
  width: 1280px;
  height: 480px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
.page .cooperation__con[data-v-5954443c] {
  padding: 54px;
  flex: 1;
}
.page .cooperation__title[data-v-5954443c] {
  padding-left: 16px;
  font-size: var(--title-size);
  line-height: 40px;
  color: #0a0a0a;
}
.page .cooperation__subtitle[data-v-5954443c] {
  display: flex;
  align-items: center;
  font-size: var(--assist-size);
  line-height: 32px;
  color: #ccc;
}
.page .cooperation__subtitle[data-v-5954443c]::before {
  content: "";
  margin-left: 8px;
  width: 22px;
  height: 22px;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQAgMAAABinRfyAAAACVBMVEUAAABqRf9qSP80+HBCAAAAA3RSTlMAMN8zXD1oAAAAIklEQVQI12NAByIgQhJEsDkACcYJIGYKmABzYRKSEMXoAABv0ALRYokg8gAAAABJRU5ErkJggg==);
  background-size: 100% 100%;
}
.page .cooperation__subtitle[data-v-5954443c]::after {
  content: "";
  margin-left: 16px;
  width: 80px;
  height: 1px;
  background-color: currentColor;
}
.page .cooperation__text[data-v-5954443c] {
  width: 512px;
  padding: 16px;
  font-size: var(--text-size);
  line-height: 32px;
  color: #666;
}
.page .cooperation__btn[data-v-5954443c] {
  margin-top: 48px;
  color: #0a0a0a;
  border: 1px solid #0a0a0a;
}
.page .cooperation__cover[data-v-5954443c] {
  width: 480px;
}
.page .cooperation__cover img[data-v-5954443c] {
  display: block;
}
.page .information[data-v-5954443c] {
  width: 960px;
  padding: 80px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  box-sizing: border-box;
}
.page .information__item[data-v-5954443c] {
  width: 330px;
  flex: none;
}
.page .information__title[data-v-5954443c] {
  display: flex;
  align-items: center;
  font-size: var(--title-size);
  line-height: 40x;
}
.page .information__title[data-v-5954443c]::before {
  content: "";
  margin-right: 16px;
  width: 4px;
  height: 20px;
  border-radius: 4px;
  background-color: #6b48ff;
}
.page .information__text[data-v-5954443c] {
  margin-top: 16px;
  padding-left: 16px;
  font-size: var(--text-size);
  line-height: 32px;
}
.page .copyright[data-v-5954443c] {
  width: 100%;
  font-size: var(--assist-size);
  text-align: center;
  line-height: 40px;
  color: #999;
  background-color: #e8e8e8;
}
.page .copyright a[data-v-5954443c] {
  color: #999;
}
@media screen and (max-width: 980px) {
.page .head[data-v-5954443c] {
    width: 100%;
    height: 44px;
    background-color: #fff !important;
}
.page .head .btn[data-v-5954443c] {
    width: 72px;
    height: 32px;
    line-height: 30px;
    border-radius: 16px;
}
.page .head .head__nav[data-v-5954443c] {
    display: none;
}
.page .head .head__logo[data-v-5954443c] {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 89px;
    height: 38px;
    transform: translate(-50%, -50%);
}
.page .head .head__btn[data-v-5954443c] {
    position: absolute;
    top: 6px;
    right: 12px;
}
.page .page__banner[data-v-5954443c] {
    padding-top: 44px;
}
.page .banner[data-v-5954443c] {
    padding-top: 43px;
    padding-left: 24px;
    padding-bottom: 0;
    height: 250px;
    background-image: url(/img/mobile_img.47445712.png);
    background-size: 100% 250px;
}
.page .banner_phobe[data-v-5954443c] {
    width: 128px;
    height: 125px;
    position: absolute;
    top: 124px;
    right: 12px;
}
.page .banner__con[data-v-5954443c] {
    width: 100%;
}
.page .banner__title[data-v-5954443c] {
    margin-bottom: 8px;
    line-height: 30px;
}
.page .banner__text[data-v-5954443c] {
    width: 200px;
    font-size: 12px;
    line-height: 16px;
}
.page .banner__btn[data-v-5954443c] {
    margin-top: 16px;
}
.page .product[data-v-5954443c] {
    padding: 0 15px;
    width: 100%;
    height: auto;
    box-sizing: border-box;
}
.page .page__product[data-v-5954443c] {
    padding-top: 56px;
}
.page .introduce[data-v-5954443c] {
    padding: 0 15px;
    width: 100%;
    height: auto;
    box-sizing: border-box;
}
.page .introduce__con[data-v-5954443c] {
    padding: 0;
}
.page .introduce__text[data-v-5954443c] {
    width: 100%;
    box-sizing: border-box;
}
.page .introduce__cover[data-v-5954443c] {
    margin-top: 24px;
    width: 100%;
    height: 360px;
    box-sizing: border-box;
    display: flex;
    justify-content: center;
}
.page .introduce__cover img[data-v-5954443c] {
    width: 158px;
}
.page .cooperation[data-v-5954443c] {
    padding: 0 15px;
    width: 100%;
    height: auto;
    box-sizing: border-box;
}
.page .cooperation__con[data-v-5954443c] {
    padding: 0;
}
.page .cooperation__text[data-v-5954443c] {
    width: 100%;
    box-sizing: border-box;
}
.page .cooperation__cover[data-v-5954443c] {
    margin: 0 auto;
    margin-top: 42px;
    width: 300px;
    height: 200px;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: center;
}
.page .cooperation__cover img[data-v-5954443c] {
    width: 252px;
    height: 163px;
    -o-object-fit: cover;
       object-fit: cover;
}
.page .information[data-v-5954443c] {
    padding: 0 15px;
    width: 100%;
    padding: 24px;
    height: auto;
    box-sizing: border-box;
}
.page .information__item[data-v-5954443c]:last-child {
    margin-top: 24px;
}
.page .product__text[data-v-5954443c] {
    text-align: center;
    line-height: 20px;
    font-size: 13px;
    width: 316px;
}
.page .product__items[data-v-5954443c] {
    margin-top: 24px;
}
.page .product__item[data-v-5954443c] {
    margin-right: 0;
    height: 282px;
}
.page .grid__img[data-v-5954443c] {
    width: 120px;
    height: 120px;
}
.page .grid__text[data-v-5954443c] {
    width: 244px;
    font-size: 13px;
    line-height: 20px;
}
.page .information__text li[data-v-5954443c] {
    line-height: 20px;
}
.page .page__introduce[data-v-5954443c],
  .page .page__cooperation[data-v-5954443c] {
    width: 345px;
}
.page .page__cooperation[data-v-5954443c] {
    text-align: center;
}
.page .introduce__tag[data-v-5954443c] {
    display: flex;
    align-items: center;
    justify-content: space-around;
    margin-top: 24px;
}
.page .introduce__tag li[data-v-5954443c] {
    width: 65px;
    height: 65px;
    margin-right: 0;
    font-size: 17px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.page .cooperation__subtitle[data-v-5954443c]::before,
  .page .introduce__subtitle[data-v-5954443c]::before {
    margin-left: 0;
}
.page .cooperation__title[data-v-5954443c],
  .page .introduce__title[data-v-5954443c] {
    line-height: 21px;
    font-size: 18px;
    text-align: left;
}
.page .cooperation__subtitle[data-v-5954443c],
  .page .introduce__subtitle[data-v-5954443c] {
    height: 17px;
}
.page .cooperation__text[data-v-5954443c],
  .page .introduce__text[data-v-5954443c] {
    line-height: 20px;
    font-size: 13px;
    padding: 9px 12px;
    text-align: left;
}
.page .cooperation__btn[data-v-5954443c] {
    margin-top: 24px;
}
.page .swiper_box[data-v-5954443c] {
    width: 345px;
    height: 282px;
    margin-top: 24px;
    border-radius: 16px;
    box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.25);
    box-sizing: border-box;
}
.page .swiper_box .grid[data-v-5954443c] {
    margin: 0 auto;
    margin-top: 24px;
}
.page .swiper[data-v-5954443c] {
    height: 100%;
}
}
/*!*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/views/H5/mobile/index.vue?vue&type=style&index=0&id=93b4f746&lang=scss&scoped=true ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.mobile-page[data-v-93b4f746] {
  width: 100vw;
  height: 100vh;
  display: flex;
  flex-direction: column;
  font-family: PingFang SC, system-ui, sans-serif;
  font-weight: 500;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  color: #333;
  background-color: #f5f9ff;
  overflow: hidden;
}
.mobile-page__head[data-v-93b4f746] {
  position: relative;
  font-size: 18px;
  font-weight: bold;
  text-align: center;
  line-height: 44px;
  height: 44px;
}
.mobile-page__con[data-v-93b4f746] {
  padding-top: 26px;
  flex: 1;
  overflow: auto;
}
.mobile-page__con[data-v-93b4f746]::-webkit-scrollbar {
  width: 0 !important;
  height: 0 !important;
}
.mobile-page__foot[data-v-93b4f746] {
  padding: 24px 48px;
}
.mobile-page__btn[data-v-93b4f746] {
  font-size: 18px;
  text-align: center;
  line-height: 50px;
  border-radius: 50px;
  color: #fff;
  background-color: #3276ff;
}
.mobile-page__cover[data-v-93b4f746] {
  padding: 80px 15px 0;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAKAAAACgCAMAAAC8EZcfAAAA0lBMVEUAAAD//v7/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////OzD/+fj/XlX/Rz3/U0r/ZFz/QTb/5eT/d2//7ez/trL/V07/qqX/kIr/TkT/z8z/cmr/nZf/lI7/8vL/1dH/hX7/jIb/fnf/mpT/op3/4N7/u7f/2tj/bWX/9vX/ycf/wb7/sq77w4btAAAAI3RSTlMA/SEvzXsI997HFO/Wr6qdiYFf872XkGRYKevno3FRSUE5EOR5gN0AAAfPSURBVHja5Z1rV9pAEIY34RYuoiiCeG2dDSEhJERELgqK2v//l1qVNq1ld2aXEDjtc04/1OPBl9mZ2cnsJSwB8pnLi4NqPWuVj+AHR6dWpX7euLhs5dnWKV3l9iwDRFjV3FWJbYvSyX4FCFT2T7YgMpPLGkCnmMuwFDFrFVDGqpksFa6bRdCkeLj5sDEPyrAG5cZmzfj13IA1MfY2541f65AIG5JoVuEHOyvx+tiABCk0Ek6NzTIkzFmTJUerCBsgm9g45wzYCIVafnfN90E2gax4eAQbpHC4bqm3Dxtmf61hNrPwNzs0zF/OIAVOv2i7XwFSoXCimV0gNWpMgwNIkQOmzDGkyjFTpAopU91p+71xvLP+p+GHNdgKOUbkBLbEIXH+KMCWKJDmFPMUtsaZSahfsqBD76Uf+W7o8B84Hdef9l96oE4Wr2006qteMOnwFXTuv3VBkX20QABFujOXS3BniEbFQDHVAsQIXI7iBjbQOWol54CjocNJOHcK/ljEMzRdHhkvQiTS8nWGPsBG3+FKOH3qQBviQaYP8DjkyrQH6w5yE4jYd1yLKdGITUFT/AxozNtck/AJKJSv2SoaQOPR49p4AVA4XidC7vha3BmAY6yak/do7ufzNbm1Aae6woA0fbd8bW6fAecrZkBcnz4uQWEdNSCuT5+FTTChjgF9nhA+Hinnn6oYIPDAE+NONZAblPzHEyQAUHkKzZcBZU7Kz87i1iFl7Cd8OlGro23S/BaNqDN1aKvMyEVAiUjVALwzof0uQlEpRMacQhfe6XIKA0AwkUJafYBvYMkNaZANclvTAow+Xo7++NeBJW//aaNBNQM5FfosMkJMEs5Gg88CB6N+iET8CORkyM3oSC4vMAD+FghgPHbWStc5agz3pKP1YAOsFghgDz1ZMuyBlOyy1AeMIVLFiwUCPMnCawhSjBKtHWhLPPDeBrlAsO8lXogUXie0dlEgGd74OfmzwD5lAL5RWkkVQHDxIQpC/lkgDx9xhS6eaHAX7KL2my84/yTwHXeOFmpdkPLmhFeAMOMCfPgg8Phqgdz7OYT3msn6SpwF8RHuPMfmWS0wTnXPopzdxjNhFUuCXMA4TuJigTxCig15KtwjTMSBvFwacpnA2IZ3WnFsMZYHhImgcvmYSF85JpAH0un8HmQYedYCBIH39D8i3MMFel1ZQdTB6oVLPRd07PhBFBHIF/CG7eg44SW7ADkDWSHyyikC+assGb6AjAvW0CtVn1YJcQQVdVuW8PvIw+c5yJlK0tdYkHnm/BMDSUKNkDZXXavd8bA6wF37PfQWf4WqZEr2kSZSRWseeRG4/WIMMF4IQmqgUS9k0Ty9umh/Fv5BzxN/IY08Y7FTkOOIP3TGyczEKdUBGWV2BHJWN0njEoWGL/FnkHHEQEfgJHZPGq4kI4AUPYGRwD2RnsNDagKHSIND4GhDLYE6QfKQoEAHpKBBEoqHOORkOuKasIMESRlL1OIibqEaJBP1RH3KLJ2pbiH+e7Ky9FZ9qrPQNeJIHJR91UTdUe+0VtBioS+uMp84hbjMGWmUW3X0oe6Fr+JVLYwdIy5v1TrB5+xAq+SfCqMS+XXVkr+BlvzQETthlxN5En9SCEjJf6n32DmIwxLHlzy7T0DKJd6gDiR540nFgBOdNbEWyxt6z51deiqcyPrIPZCSJ6xBuBK/HxEC+eZDQ6TTILQoK8UzmQnHHkfwBjIDzvC9CznNBqZPXKT9Ju0QdvH22xVoNggD0iJUX/o9XMAbmCXQbKI7y2//6uEbebqO3rp2idRENwSf3l62WMcdYXyM5WuRNzZltW4fMIbIHh17utqI0xGyW2RI2tF6AhgjB1EIT/6KXD7HlnK8HlAWckoGbkJ8F1H3Ifxjin3owpJn4YQYAeqC72T1TcjDLvyiG9z5brvt+lHw+0/bQg8dETcF5AClr73hLnAkGQghR98WZYRcyGIuSfI+F9K2gbigzSqAMtbZ4tudyh8DECzqpgq8evb8F+Mvo7/Im0sRYNSQbSlq+z6cyR+R8ThB6hx8gMFENvaob41yXH8SRdN71+EY3lxpt3IT0t5c9qh27OC6DDpuqM8DoJTzyDGwjW5wBJwG+x3TSHOL6K2tvlP5HGgK09IHe59voQB9hfr68Fkkpg4pbfT2baAZEDHhprba3gGJDHIedmOHDR4BlA0YB/LGj2u050CikFnvyK4daQ5v7H7kHCiYTjDGGkYMx0DkrIQdGcKx+zeqh64MoNJkAoqgwCjyFOQNR0Amy0S0DFChN7zRkYdHSHJXK9i0o5MG0IkLaXyQ0z98ip/gbR2BOr1gEvIVdCZBD1QpmFrHd3GRg/7UdzsfB6BD14+QA9D659z3YavsU46QbxbMAVHMM9gap+a/cI1BHCipc7KDV+H8Tu3fuYxk969z2f0LcXb/SqHdv5Qp1WtxckyLk5Qytv4NdV9OIQXOvvy7l9Pt/vV+G7+h7mjpfrt6B2GxxRIgX9uQEY0cS4jMhxF30nxLmomX2eUmS5RSI9FxNo6vWdJk9iAxqu+5b2cl1r+yJbso0TinyNPHbKx35fiByTZN/lD/0vbmNUsFs2aBMpWayVIkk1Oxo5FVeXHA//HqhfjlFVVLbDhr7+3lFVsn37q8aJzXK9bpx+s/yla2Xj24uMzk2fp8B9xi7eINLwWDAAAAAElFTkSuQmCC);
  background-size: 80px 80px;
  background-position: center top;
  background-repeat: no-repeat;
  font-size: 15px;
  text-align: center;
  line-height: 36px;
  word-wrap: break-word;
}
.mobile-page__notice[data-v-93b4f746] {
  margin-top: 8px;
  padding: 15px;
}
.mobile-page__form[data-v-93b4f746] {
  padding: 14px 24px;
}
.mobile-page__item[data-v-93b4f746] {
  margin-top: 16px;
  padding: 12px;
  display: flex;
  align-items: center;
  color: #333;
  background-color: #fff;
  border-radius: 12px;
  box-sizing: border-box;
  overflow: hidden;
}
.mobile-page__icon[data-v-93b4f746] {
  flex: 0 0 18px;
  width: 18px;
  height: 18px;
  background-size: 100% 100%;
}
.mobile-page__tip[data-v-93b4f746] {
  padding: 0 12px;
  font-size: 16px;
  line-height: 32px;
  height: 32px;
  color: #222;
  border-right: 1px solid #d7d7d7;
}
.mobile-page__input[data-v-93b4f746] {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  padding: 0 12px;
  flex: 1;
  overflow: hidden;
  box-sizing: border-box;
}
.mobile-page__input input[data-v-93b4f746] {
  width: 100%;
  font-size: 16px;
  line-height: 32px;
  border: 0;
  padding: 0;
  margin: 0;
}
.mobile-page__input input[data-v-93b4f746]::-moz-placeholder {
  color: #999;
}
.mobile-page__input input[data-v-93b4f746]::placeholder {
  color: #999;
}
.mobile-page__input input[data-v-93b4f746]:focus {
  outline: none;
}
.mobile-page__clear[data-v-93b4f746] {
  flex: 0 0 24px;
  width: 24px;
  height: 24px;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAMAAABg3Am1AAAAP1BMVEUAAACZmZmVlZWAgICZmZmZmZmZmZmYmJiampqZmZmYmJiampqZmZmZmZmYmJiZmZnv7++ioqL////r6+vq6upBmvAKAAAAD3RSTlMAzR0I7d3Vn29Lx6uoX1ePt7asAAAA7ElEQVRIx+2V2w6DIBBEWRcQvE2t/f9vbdKYVCYItbx6njSZY5YVFnPzH12YxALWj6Grp3UWHBgWLeejA+Fj6fM9MvR6Wrwgi3QneYcTXNZQwSmSq6pHgT7THxSJnFePD69txYF1e+3L4KKWPbE9HwdjfTy3/XEmYfhGdoNehFoKDrGMtLUBbHAeIRFGsMF5TIngwQbleREWbHAeNhEANjgPXBbaSpL6on0iTPW2jpd/XNvWMFLbfINJmWvbeyFBXfkAeW07ovUh0Dhm6oPs6qhsGMZM9CBcNEV0GZJqZv3lyhq9BaxMoTM3f/EGy608BVGHAk8AAAAASUVORK5CYII=);
  background-size: 100% 100%;
}
.mobile-page__sms[data-v-93b4f746] {
  flex: 0 0 110px;
  font-size: 16px;
  text-align: center;
  line-height: 32px;
  color: #3276ff;
  border-left: 1px solid #d7d7d7;
}
.mobile-page .mobile[data-v-93b4f746] {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgBAMAAACBVGfHAAAAJFBMVEUAAADFxsfKysrDxsbHx8fGx8fGx8jGxsbGx8fGyMi/v7/Gx8jQklF/AAAAC3RSTlMA9SgnILOvM7dvFNZD5hkAAABaSURBVCjPY8AGmAJ3g4CYAkxAcTcECMEEsqECW2EC0rsXAEmO3RthArt3N7m4OM/evRsuAAGjAlQV2A4kqxEC0hABRDREQ3VsgwkYQgWEYQLMiWC+qAHWpAAA5JmyaXc4lbkAAAAASUVORK5CYII=);
}
.mobile-page .email[data-v-93b4f746] {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAMAAABEpIrGAAAAaVBMVEUAAADGyMi/v7/FxsfFxsjGx8jGx8jGx8jFx8jFx8jGyMjHx8nHx8rHx8q/v7+/v7/Gx8fFxsjFx8jGx8jGx8fGyMjIyMjGysrHx8e/v7/Gx8jGxsjHx8fGyMjFyMjGxsbMzMy/v7/Gx8jAsEY/AAAAInRSTlMArwj47+fbieufk4BfOxgQ19HHv7dvU0UvBOOrd2tPKCMUIxZGOAAAAJ9JREFUOMvd0scOwyAQBNCNDa7gkrimZ/7/I7MCJKKAlXM8J9h5EhyW9pIkLxBNNlmQYyupNkAAp3PYHiVQGsA9JaP8qjW9gIMDWcM/qdOP1xXPZw+QXhOipnJEqpXoWcIDjhyZPC4ARN1a7IFNd+fzMlRct7UAAgD0s7mvtwIIgBssRCoDAuAz9EAU+PwpKLZB+WNhoN3KiXjdTbSXvAEcqT4n9M29QwAAAABJRU5ErkJggg==);
}
.mobile-page .code[data-v-93b4f746] {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAhCAMAAACP+FljAAAAQlBMVEUAAACZmZmampqampqZmZmdnZ2dnZ2ampqYmJibm5uampqYmJiampqampqbm5uampqXl5eampqampqampqampqZmZkFIXpRAAAAFnRSTlMAgAZ6MCgNdTkZaSIfR0A0FHFULE1mmXHSOAAAAN5JREFUOMu9k0mWwyAMBTUAZvCA3e77X7VpDIZASF42qSW/kC3pAV9ntta9iEljYKFR7CxGdklPUrMy3vDiVJ2a8xc7pmPOucIBJglyJGzvBD0WVlpfCj/h9CyCaPM4zFBC1MLk/ZTy2B5xI/hwtpfmFF9fKgL93wo12KT7AVkLGqLBKt8PzA9dbNGIucGLvA+f55aY8zYgs2NEpJyTcNzCgpXhuIyrW6eop8YEXQm0ttpHTq8BdEwEFaYE7R+MFnZCw/aYHwQtkpu8w98d8DZ4OeIa6aJgBDmtJcFH/AHXzgYvCCwdgwAAAABJRU5ErkJggg==);
}
.toast[data-v-93b4f746] {
  padding: 0 20px;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 14px;
  color: #fff;
  background-color: rgba(0, 0, 0, 0.6);
  border-radius: 12px;
  overflow: hidden;
  display: flex;
  align-items: center;
  min-height: 48px;
}
.mobile-page__test[data-v-93b4f746] {
  width: 80px;
  height: 30px;
  text-align: center;
  line-height: 30px;
  border-radius: 50px;
  color: #fff;
  background-color: #3276ff;
  margin: 0 auto;
}
/*!*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/views/H5/mobile/index.vue?vue&type=style&index=1&id=93b4f746&lang=scss ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.notice {
  padding: 16px;
  background-color: #fff;
  border-radius: 12px;
  overflow: hidden;
}
.notice h1,
.notice h2,
.notice h3,
.notice h4,
.notice h5 {
  margin-bottom: 10px !important;
  font-size: 15px !important;
  line-height: 24px !important;
  color: #000;
}
.notice p {
  padding-bottom: 6px !important;
  font-size: 13px !important;
  font-weight: 500;
  line-height: 24px !important;
}
/*!******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/views/H5/email/index.vue?vue&type=style&index=0&id=f4e1e6d2&lang=scss&scoped=true ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.email-page[data-v-f4e1e6d2] {
  width: 100vw;
  height: 100vh;
  display: flex;
  flex-direction: column;
  font-family: PingFang SC, system-ui, sans-serif;
  font-weight: 500;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  color: #333;
  background-color: #f5f9ff;
  overflow: hidden;
}
.email-page__head[data-v-f4e1e6d2] {
  position: relative;
  font-size: 18px;
  font-weight: bold;
  text-align: center;
  line-height: 44px;
  height: 44px;
}
.email-page__con[data-v-f4e1e6d2] {
  padding-top: 26px;
  flex: 1;
  overflow: auto;
}
.email-page__con[data-v-f4e1e6d2]::-webkit-scrollbar {
  width: 0 !important;
  height: 0 !important;
}
.email-page__foot[data-v-f4e1e6d2] {
  padding: 24px 48px;
}
.email-page__btn[data-v-f4e1e6d2] {
  font-size: 18px;
  text-align: center;
  line-height: 50px;
  border-radius: 50px;
  color: #fff;
  background-color: #3276ff;
}
.email-page__cover[data-v-f4e1e6d2] {
  padding-top: 80px;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAKAAAACgCAMAAAC8EZcfAAAA0lBMVEUAAAD//v7/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////OzD/+fj/XlX/Rz3/U0r/ZFz/QTb/5eT/d2//7ez/trL/V07/qqX/kIr/TkT/z8z/cmr/nZf/lI7/8vL/1dH/hX7/jIb/fnf/mpT/op3/4N7/u7f/2tj/bWX/9vX/ycf/wb7/sq77w4btAAAAI3RSTlMA/SEvzXsI997HFO/Wr6qdiYFf872XkGRYKevno3FRSUE5EOR5gN0AAAfPSURBVHja5Z1rV9pAEIY34RYuoiiCeG2dDSEhJERELgqK2v//l1qVNq1ld2aXEDjtc04/1OPBl9mZ2cnsJSwB8pnLi4NqPWuVj+AHR6dWpX7euLhs5dnWKV3l9iwDRFjV3FWJbYvSyX4FCFT2T7YgMpPLGkCnmMuwFDFrFVDGqpksFa6bRdCkeLj5sDEPyrAG5cZmzfj13IA1MfY2541f65AIG5JoVuEHOyvx+tiABCk0Ek6NzTIkzFmTJUerCBsgm9g45wzYCIVafnfN90E2gax4eAQbpHC4bqm3Dxtmf61hNrPwNzs0zF/OIAVOv2i7XwFSoXCimV0gNWpMgwNIkQOmzDGkyjFTpAopU91p+71xvLP+p+GHNdgKOUbkBLbEIXH+KMCWKJDmFPMUtsaZSahfsqBD76Uf+W7o8B84Hdef9l96oE4Wr2006qteMOnwFXTuv3VBkX20QABFujOXS3BniEbFQDHVAsQIXI7iBjbQOWol54CjocNJOHcK/ljEMzRdHhkvQiTS8nWGPsBG3+FKOH3qQBviQaYP8DjkyrQH6w5yE4jYd1yLKdGITUFT/AxozNtck/AJKJSv2SoaQOPR49p4AVA4XidC7vha3BmAY6yak/do7ufzNbm1Aae6woA0fbd8bW6fAecrZkBcnz4uQWEdNSCuT5+FTTChjgF9nhA+Hinnn6oYIPDAE+NONZAblPzHEyQAUHkKzZcBZU7Kz87i1iFl7Cd8OlGro23S/BaNqDN1aKvMyEVAiUjVALwzof0uQlEpRMacQhfe6XIKA0AwkUJafYBvYMkNaZANclvTAow+Xo7++NeBJW//aaNBNQM5FfosMkJMEs5Gg88CB6N+iET8CORkyM3oSC4vMAD+FghgPHbWStc5agz3pKP1YAOsFghgDz1ZMuyBlOyy1AeMIVLFiwUCPMnCawhSjBKtHWhLPPDeBrlAsO8lXogUXie0dlEgGd74OfmzwD5lAL5RWkkVQHDxIQpC/lkgDx9xhS6eaHAX7KL2my84/yTwHXeOFmpdkPLmhFeAMOMCfPgg8Phqgdz7OYT3msn6SpwF8RHuPMfmWS0wTnXPopzdxjNhFUuCXMA4TuJigTxCig15KtwjTMSBvFwacpnA2IZ3WnFsMZYHhImgcvmYSF85JpAH0un8HmQYedYCBIH39D8i3MMFel1ZQdTB6oVLPRd07PhBFBHIF/CG7eg44SW7ADkDWSHyyikC+assGb6AjAvW0CtVn1YJcQQVdVuW8PvIw+c5yJlK0tdYkHnm/BMDSUKNkDZXXavd8bA6wF37PfQWf4WqZEr2kSZSRWseeRG4/WIMMF4IQmqgUS9k0Ty9umh/Fv5BzxN/IY08Y7FTkOOIP3TGyczEKdUBGWV2BHJWN0njEoWGL/FnkHHEQEfgJHZPGq4kI4AUPYGRwD2RnsNDagKHSIND4GhDLYE6QfKQoEAHpKBBEoqHOORkOuKasIMESRlL1OIibqEaJBP1RH3KLJ2pbiH+e7Ky9FZ9qrPQNeJIHJR91UTdUe+0VtBioS+uMp84hbjMGWmUW3X0oe6Fr+JVLYwdIy5v1TrB5+xAq+SfCqMS+XXVkr+BlvzQETthlxN5En9SCEjJf6n32DmIwxLHlzy7T0DKJd6gDiR540nFgBOdNbEWyxt6z51deiqcyPrIPZCSJ6xBuBK/HxEC+eZDQ6TTILQoK8UzmQnHHkfwBjIDzvC9CznNBqZPXKT9Ju0QdvH22xVoNggD0iJUX/o9XMAbmCXQbKI7y2//6uEbebqO3rp2idRENwSf3l62WMcdYXyM5WuRNzZltW4fMIbIHh17utqI0xGyW2RI2tF6AhgjB1EIT/6KXD7HlnK8HlAWckoGbkJ8F1H3Ifxjin3owpJn4YQYAeqC72T1TcjDLvyiG9z5brvt+lHw+0/bQg8dETcF5AClr73hLnAkGQghR98WZYRcyGIuSfI+F9K2gbigzSqAMtbZ4tudyh8DECzqpgq8evb8F+Mvo7/Im0sRYNSQbSlq+z6cyR+R8ThB6hx8gMFENvaob41yXH8SRdN71+EY3lxpt3IT0t5c9qh27OC6DDpuqM8DoJTzyDGwjW5wBJwG+x3TSHOL6K2tvlP5HGgK09IHe59voQB9hfr68Fkkpg4pbfT2baAZEDHhprba3gGJDHIedmOHDR4BlA0YB/LGj2u050CikFnvyK4daQ5v7H7kHCiYTjDGGkYMx0DkrIQdGcKx+zeqh64MoNJkAoqgwCjyFOQNR0Amy0S0DFChN7zRkYdHSHJXK9i0o5MG0IkLaXyQ0z98ip/gbR2BOr1gEvIVdCZBD1QpmFrHd3GRg/7UdzsfB6BD14+QA9D659z3YavsU46QbxbMAVHMM9gap+a/cI1BHCipc7KDV+H8Tu3fuYxk969z2f0LcXb/SqHdv5Qp1WtxckyLk5Qytv4NdV9OIQXOvvy7l9Pt/vV+G7+h7mjpfrt6B2GxxRIgX9uQEY0cS4jMhxF30nxLmomX2eUmS5RSI9FxNo6vWdJk9iAxqu+5b2cl1r+yJbso0TinyNPHbKx35fiByTZN/lD/0vbmNUsFs2aBMpWayVIkk1Oxo5FVeXHA//HqhfjlFVVLbDhr7+3lFVsn37q8aJzXK9bpx+s/yla2Xj24uMzk2fp8B9xi7eINLwWDAAAAAElFTkSuQmCC);
  background-size: 80px 80px;
  background-position: center top;
  background-repeat: no-repeat;
  font-size: 15px;
  text-align: center;
  line-height: 36px;
}
.email-page__notice[data-v-f4e1e6d2] {
  margin-top: 8px;
  padding: 15px;
}
.email-page__form[data-v-f4e1e6d2] {
  padding: 14px 24px;
}
.email-page__item[data-v-f4e1e6d2] {
  margin-top: 16px;
  padding: 12px;
  display: flex;
  align-items: center;
  color: #333;
  background-color: #fff;
  border-radius: 12px;
  box-sizing: border-box;
  overflow: hidden;
}
.email-page__icon[data-v-f4e1e6d2] {
  flex: 0 0 18px;
  width: 18px;
  height: 18px;
  background-size: 100% 100%;
}
.email-page__tip[data-v-f4e1e6d2] {
  padding: 0 12px;
  font-size: 16px;
  line-height: 32px;
  height: 32px;
  color: #222;
  border-right: 1px solid #d7d7d7;
}
.email-page__input[data-v-f4e1e6d2] {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  padding: 0 12px;
  flex: 1;
  overflow: hidden;
  box-sizing: border-box;
}
.email-page__input input[data-v-f4e1e6d2] {
  width: 100%;
  font-size: 16px;
  line-height: 32px;
  border: 0;
  padding: 0;
  margin: 0;
}
.email-page__input input[data-v-f4e1e6d2]::-moz-placeholder {
  color: #999;
}
.email-page__input input[data-v-f4e1e6d2]::placeholder {
  color: #999;
}
.email-page__input input[data-v-f4e1e6d2]:focus {
  outline: none;
}
.email-page__clear[data-v-f4e1e6d2] {
  flex: 0 0 24px;
  width: 24px;
  height: 24px;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAMAAABg3Am1AAAAP1BMVEUAAACZmZmVlZWAgICZmZmZmZmZmZmYmJiampqZmZmYmJiampqZmZmZmZmYmJiZmZnv7++ioqL////r6+vq6upBmvAKAAAAD3RSTlMAzR0I7d3Vn29Lx6uoX1ePt7asAAAA7ElEQVRIx+2V2w6DIBBEWRcQvE2t/f9vbdKYVCYItbx6njSZY5YVFnPzH12YxALWj6Grp3UWHBgWLeejA+Fj6fM9MvR6Wrwgi3QneYcTXNZQwSmSq6pHgT7THxSJnFePD69txYF1e+3L4KKWPbE9HwdjfTy3/XEmYfhGdoNehFoKDrGMtLUBbHAeIRFGsMF5TIngwQbleREWbHAeNhEANjgPXBbaSpL6on0iTPW2jpd/XNvWMFLbfINJmWvbeyFBXfkAeW07ovUh0Dhm6oPs6qhsGMZM9CBcNEV0GZJqZv3lyhq9BaxMoTM3f/EGy608BVGHAk8AAAAASUVORK5CYII=);
  background-size: 100% 100%;
}
.email-page__sms[data-v-f4e1e6d2] {
  flex: 0 0 110px;
  font-size: 16px;
  text-align: center;
  line-height: 32px;
  color: #3276ff;
  border-left: 1px solid #d7d7d7;
}
.email-page .mobile[data-v-f4e1e6d2] {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgBAMAAACBVGfHAAAAJFBMVEUAAADFxsfKysrDxsbHx8fGx8fGx8jGxsbGx8fGyMi/v7/Gx8jQklF/AAAAC3RSTlMA9SgnILOvM7dvFNZD5hkAAABaSURBVCjPY8AGmAJ3g4CYAkxAcTcECMEEsqECW2EC0rsXAEmO3RthArt3N7m4OM/evRsuAAGjAlQV2A4kqxEC0hABRDREQ3VsgwkYQgWEYQLMiWC+qAHWpAAA5JmyaXc4lbkAAAAASUVORK5CYII=);
}
.email-page .email[data-v-f4e1e6d2] {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAMAAABEpIrGAAAAaVBMVEUAAADGyMi/v7/FxsfFxsjGx8jGx8jGx8jFx8jFx8jGyMjHx8nHx8rHx8q/v7+/v7/Gx8fFxsjFx8jGx8jGx8fGyMjIyMjGysrHx8e/v7/Gx8jGxsjHx8fGyMjFyMjGxsbMzMy/v7/Gx8jAsEY/AAAAInRSTlMArwj47+fbieufk4BfOxgQ19HHv7dvU0UvBOOrd2tPKCMUIxZGOAAAAJ9JREFUOMvd0scOwyAQBNCNDa7gkrimZ/7/I7MCJKKAlXM8J9h5EhyW9pIkLxBNNlmQYyupNkAAp3PYHiVQGsA9JaP8qjW9gIMDWcM/qdOP1xXPZw+QXhOipnJEqpXoWcIDjhyZPC4ARN1a7IFNd+fzMlRct7UAAgD0s7mvtwIIgBssRCoDAuAz9EAU+PwpKLZB+WNhoN3KiXjdTbSXvAEcqT4n9M29QwAAAABJRU5ErkJggg==);
}
.email-page .code[data-v-f4e1e6d2] {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAhCAMAAACP+FljAAAAQlBMVEUAAACZmZmampqampqZmZmdnZ2dnZ2ampqYmJibm5uampqYmJiampqampqbm5uampqXl5eampqampqampqampqZmZkFIXpRAAAAFnRSTlMAgAZ6MCgNdTkZaSIfR0A0FHFULE1mmXHSOAAAAN5JREFUOMu9k0mWwyAMBTUAZvCA3e77X7VpDIZASF42qSW/kC3pAV9ntta9iEljYKFR7CxGdklPUrMy3vDiVJ2a8xc7pmPOucIBJglyJGzvBD0WVlpfCj/h9CyCaPM4zFBC1MLk/ZTy2B5xI/hwtpfmFF9fKgL93wo12KT7AVkLGqLBKt8PzA9dbNGIucGLvA+f55aY8zYgs2NEpJyTcNzCgpXhuIyrW6eop8YEXQm0ttpHTq8BdEwEFaYE7R+MFnZCw/aYHwQtkpu8w98d8DZ4OeIa6aJgBDmtJcFH/AHXzgYvCCwdgwAAAABJRU5ErkJggg==);
}
.toast[data-v-f4e1e6d2] {
  padding: 0 20px;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 14px;
  color: #fff;
  background-color: rgba(0, 0, 0, 0.6);
  border-radius: 12px;
  overflow: hidden;
  display: flex;
  align-items: center;
  min-height: 48px;
}
/*!******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/views/H5/email/index.vue?vue&type=style&index=1&id=f4e1e6d2&lang=scss ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.notice {
  padding: 16px;
  background-color: #fff;
  border-radius: 12px;
  overflow: hidden;
}
.notice h1,
.notice h2,
.notice h3,
.notice h4,
.notice h5 {
  margin-bottom: 10px !important;
  font-size: 15px !important;
  line-height: 24px !important;
  color: #000;
}
.notice p {
  padding-bottom: 6px !important;
  font-size: 13px !important;
  font-weight: 500;
  line-height: 24px !important;
}
/*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/views/H5/agreement/index.vue?vue&type=style&index=0&id=c86c1cf6&lang=scss&scoped=true ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.agreement-page[data-v-c86c1cf6] {
  width: 100vw;
  height: 100vh;
  display: flex;
  flex-direction: column;
  font-family: PingFang SC, system-ui, sans-serif;
  font-weight: 500;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  color: #333;
  background-color: #f5f9ff;
  overflow: hidden;
}
.agreement-page__head[data-v-c86c1cf6] {
  position: relative;
  font-size: 18px;
  font-weight: bold;
  text-align: center;
  line-height: 44px;
  height: 44px;
}
.agreement-page__back[data-v-c86c1cf6] {
  position: absolute;
  left: 16px;
  top: 10px;
  width: 24px;
  height: 24px;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwBAMAAAClLOS0AAAAD1BMVEUAAAAzMzMzMzMzMzMzMzNw57/sAAAABXRSTlMA/lPrTX/P4MYAAAA5SURBVDjLYxgFEOBsgl2cSVAYu4QiVAJTg6AIDg2CCjg0CA1bDWAJnEaNBC0ihJIP4QSHSKIjHgAALOoIL1cFVdIAAAAASUVORK5CYII=);
  background-size: 100% 100%;
}
.agreement-page__con[data-v-c86c1cf6] {
  padding: 15px;
  flex: 1;
  overflow: auto;
}
.agreement-page__con[data-v-c86c1cf6]::-webkit-scrollbar {
  width: 0 !important;
  height: 0 !important;
}
.toast[data-v-c86c1cf6] {
  padding: 0 20px;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 14px;
  line-height: 48px;
  color: #fff;
  background-color: rgba(0, 0, 0, 0.6);
  border-radius: 12px;
  overflow: hidden;
}
/*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/views/H5/agreement/index.vue?vue&type=style&index=1&id=c86c1cf6&lang=scss ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.word {
  padding: 15px;
  color: #333;
  background-color: #fff;
  border-radius: 12px;
  overflow: hidden;
}
.word h1, .word h2 {
  font-size: 18px !important;
  font-weight: bold;
  text-align: center !important;
  line-height: 48px !important;
}
.word h3, .word h4, .word h5 {
  margin-top: 12px !important;
  font-size: 14px !important;
  font-weight: bold;
  line-height: 32px !important;
}
.word p {
  margin-top: 8px !important;
  font-size: 14px !important;
  line-height: 24px !important;
}
/*!******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/views/H5/guide/index.vue?vue&type=style&index=0&id=f8d97812&lang=scss&scoped=true ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.guide-page[data-v-f8d97812] {
  width: 100vw;
  height: 100vh;
  display: flex;
  flex-direction: column;
  font-family: PingFang SC, system-ui, sans-serif;
  font-weight: 500;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  color: #333;
  background-color: #f5f9ff;
  overflow: hidden;
}
.guide-page__head[data-v-f8d97812] {
  position: relative;
  font-size: 18px;
  font-weight: bold;
  text-align: center;
  line-height: 44px;
  height: 44px;
}
.guide-page__back[data-v-f8d97812] {
  position: absolute;
  left: 16px;
  top: 10px;
  width: 24px;
  height: 24px;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwBAMAAAClLOS0AAAAD1BMVEUAAAAzMzMzMzMzMzMzMzNw57/sAAAABXRSTlMA/lPrTX/P4MYAAAA5SURBVDjLYxgFEOBsgl2cSVAYu4QiVAJTg6AIDg2CCjg0CA1bDWAJnEaNBC0ihJIP4QSHSKIjHgAALOoIL1cFVdIAAAAASUVORK5CYII=);
  background-size: 100% 100%;
}
.guide-page__con[data-v-f8d97812] {
  padding-top: 26px;
  padding-bottom: 24px;
  flex: 1;
  overflow: auto;
}
.guide-page__con[data-v-f8d97812]::-webkit-scrollbar {
  width: 0 !important;
  height: 0 !important;
}
.guide-page__tab[data-v-f8d97812] {
  padding: 0 15px;
}
.guide-page__cover[data-v-f8d97812] {
  margin-top: 32px;
  display: flex;
  justify-content: center;
}
.guide-page__cover img[data-v-f8d97812] {
  display: block;
  flex: 0 0 150px;
  width: 150px;
}
.guide-page__info[data-v-f8d97812] {
  margin-top: 24px;
  padding: 0 15px;
}
.guide-page__btn[data-v-f8d97812] {
  margin-top: 16px;
  padding: 0 48px;
}
.tab[data-v-f8d97812] {
  height: 40px;
  display: flex;
  flex-wrap: nowrap;
  white-space: nowrap;
  overflow: auto;
  scrollbar-width: none;
  -ms-overflow-style: none;
}
.tab[data-v-f8d97812]::-webkit-scrollbar {
  width: 0 !important;
  height: 0 !important;
  display: none !important;
}
.tab li[data-v-f8d97812] {
  margin-right: 16px;
  padding: 0 16px;
  height: 40px;
  font-size: 15px;
  text-align: center;
  line-height: 38px;
  color: #333;
  background-color: #fff;
  border: 1px solid #e5e5e5;
  border-radius: 20px;
  box-sizing: border-box;
}
.tab li[data-v-f8d97812]:last-child {
  margin-right: 0;
}
.tab .is-active[data-v-f8d97812] {
  color: #fff;
  background-color: #3276ff;
  border-color: #3276ff;
}
.info[data-v-f8d97812] {
  padding: 12px 15px 20px 15px;
  color: #333;
  background-color: #fff;
  border-radius: 16px;
  overflow: hidden;
}
.info h2[data-v-f8d97812] {
  margin-bottom: 8px;
  display: flex;
  align-items: center;
  font-size: 16px;
  font-weight: 500;
  line-height: 30px;
}
.info h2[data-v-f8d97812]::before {
  content: "";
  margin-right: 8px;
  width: 16px;
  height: 16px;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAhCAMAAACP+FljAAAAllBMVEUAAAAzd/8ydv8ydv8ydv8ydv8yd/8zd/8zdv84eP8yd/8ydv8yd/8ydv8ydv8ydv8ydf8ydv8ydv8ydv8xd/8ydv8yd/8ydf80eP8zef8kbf8xdv8zdv8yd/8zdf80ef8yeP8ydv8ydv8zdv8zdv8yd/8yd/8yd/8yeP8ydv8xd/8zeP8ydv80dv8ydf80ef8zdf8ydv/Aym6fAAAAMXRSTlMATvgm6PJQQBoN9O/ZycS/sKmkoZaBdEQrEwfg3bluLR7PtJeSjYd7Z11TSDw2iUoymHrABwAAARtJREFUOMutkulugkAURq+sAgIKgoL7Xre25/1frjalMoNK0qTn1/1uTjI3mU/+nY+OtHKBS6vggNMqjGD0bN+dm9WUHarBzJeKsMYff3udzWy2PXVv48InVoQdRFKkVGy7EsFQFBKGVxsgCADsxc5IRMcFrEMp4uUW4D6cacPgNwzALhrCANI6pZVdY0JPzT0wNeEdtE84QqYJIYZoGITK+YFnEetCTCATON/GDXCEvi70weVnu7SIxGgKMwxZY1zrq6e6MKWn5RTGah5D0izKm5rncNKEMokK79ypcL3lNJYmps0d/1MemVNTv6ffVbOQJ6y4s5JnmBMqJubLzu8dZ183v0lhEOZ5iO/JC4YAep11yswCKyvlL3wB+qso2cbWNY0AAAAASUVORK5CYII=);
  background-size: 100% 100%;
}
.info p[data-v-f8d97812] {
  font-size: 14px;
  line-height: 24px;
}
.btn[data-v-f8d97812] {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 50px;
  background: #fff;
  border-radius: 25px;
  border: 1px solid #ccc;
  box-sizing: border-box;
}
.btn span[data-v-f8d97812] {
  font-size: 18px;
  line-height: 28px;
  color: #333;
}
.btn span[data-v-f8d97812]:nth-child(2) {
  color: #3276ff;
}
.toast[data-v-f8d97812] {
  padding: 0 20px;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 14px;
  line-height: 48px;
  color: #fff;
  background-color: rgba(0, 0, 0, 0.6);
  border-radius: 12px;
  overflow: hidden;
}
.swiper[data-v-f8d97812] {
  width: 92%;
  margin: 0 auto;
  margin-top: 24px;
  border-radius: 24px;
  height: calc(100vh - 114px);
}
.swiper-slide img[data-v-f8d97812] {
  width: 100%;
}
.img_box[data-v-f8d97812] {
  width: 100%;
  height: 100%;
  overflow-y: scroll;
  scrollbar-width: none;
  -ms-overflow-style: none;
}
.img_box[data-v-f8d97812]::-webkit-scrollbar {
  width: 0 !important;
  height: 0 !important;
  display: none !important;
}
.guide-img0[data-v-f8d97812] {
  height: 966px;
}
.guide-img1[data-v-f8d97812] {
  height: 1123px;
}
.guide-img2[data-v-f8d97812] {
  height: 1052px;
}
.guide-img3[data-v-f8d97812] {
  height: 1452px;
}
.guide-img4[data-v-f8d97812] {
  height: 778px;
}
.guide-img5[data-v-f8d97812] {
  height: 966px;
}
/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/views/H5/question/index.vue?vue&type=style&index=0&id=2843a2a1&lang=scss&scoped=true ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.question-page[data-v-2843a2a1] {
  width: 100vw;
  height: 100vh;
  display: flex;
  flex-direction: column;
  font-family: PingFang SC, system-ui, sans-serif;
  font-weight: 500;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  color: #333;
  background-color: #f5f9ff;
  overflow: hidden;
}
.question-page__head[data-v-2843a2a1] {
  position: relative;
  font-size: 18px;
  font-weight: bold;
  text-align: center;
  line-height: 44px;
  height: 44px;
}
.question-page__back[data-v-2843a2a1] {
  position: absolute;
  left: 16px;
  top: 10px;
  width: 24px;
  height: 24px;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwBAMAAAClLOS0AAAAD1BMVEUAAAAzMzMzMzMzMzMzMzNw57/sAAAABXRSTlMA/lPrTX/P4MYAAAA5SURBVDjLYxgFEOBsgl2cSVAYu4QiVAJTg6AIDg2CCjg0CA1bDWAJnEaNBC0ihJIP4QSHSKIjHgAALOoIL1cFVdIAAAAASUVORK5CYII=);
  background-size: 100% 100%;
}
.question-page__con[data-v-2843a2a1] {
  padding: 15px;
  flex: 1;
  overflow: auto;
}
.question-page__con[data-v-2843a2a1]::-webkit-scrollbar {
  width: 0 !important;
  height: 0 !important;
}
.question-page__title[data-v-2843a2a1] {
  font-size: 14px;
  font-weight: bold;
  line-height: 24px;
  color: #000;
}
.question-page__items[data-v-2843a2a1] {
  margin-top: 12px;
  color: #333;
  background-color: #fff;
  border-radius: 8px;
  overflow: hidden;
}
.question-page__item[data-v-2843a2a1] {
  position: relative;
  padding: 10px 60px 10px 15px;
  font-size: 14px;
  font-weight: 500;
  line-height: 34px;
  border-bottom: 1px solid #eee;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  height: 34px;
}
.question-page__item[data-v-2843a2a1]:last-child {
  border: 0;
}
.question-page__arrow[data-v-2843a2a1] {
  position: absolute;
  right: 15px;
  top: 15px;
  width: 24px;
  height: 24px;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAxCAMAAACrgNoQAAAAUVBMVEUAAACZmZmenp6ZmZmTk5OYmJiUlJSZmZmZmZmZmZmYmJiYmJiYmJiYmJiYmJiXl5eampqampqUlJSYmJiXl5eZmZmZmZmampqYmJiXl5eZmZnxxDHaAAAAGnRSTlMA+ATiFIwW+fLpny6lmIN8MxwGqkIoI8StcS24FHAAAABwSURBVEjH7ctHDoAwDAVRE9N7Cc33PyhyTpCPFBShzHoepVKedcwzBFikgkQtoLhFRQeISUX2hdgBMb4UR1BROLHEKBgAZaYC+Gv9C/Afwv0N9ufub000P+vfR/PTqf+2kncV+FMrciE/GWsNpf7XA2kODbZ1GGzDAAAAAElFTkSuQmCC);
  background-size: 100% 100%;
}
.toast[data-v-2843a2a1] {
  padding: 0 20px;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 14px;
  line-height: 48px;
  color: #fff;
  background-color: rgba(0, 0, 0, 0.6);
  border-radius: 12px;
  overflow: hidden;
}
/*!********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/views/H5/question/info.vue?vue&type=style&index=0&id=57b72d2f&lang=scss&scoped=true ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.question-info[data-v-57b72d2f] {
  width: 100vw;
  height: 100vh;
  display: flex;
  flex-direction: column;
  font-family: PingFang SC, system-ui, sans-serif;
  font-weight: 500;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  color: #333;
  background-color: #f5f9ff;
  overflow: hidden;
}
.question-info__head[data-v-57b72d2f] {
  position: relative;
  font-size: 18px;
  font-weight: bold;
  text-align: center;
  line-height: 44px;
  height: 44px;
}
.question-info__back[data-v-57b72d2f] {
  position: absolute;
  left: 16px;
  top: 10px;
  width: 24px;
  height: 24px;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwBAMAAAClLOS0AAAAD1BMVEUAAAAzMzMzMzMzMzMzMzNw57/sAAAABXRSTlMA/lPrTX/P4MYAAAA5SURBVDjLYxgFEOBsgl2cSVAYu4QiVAJTg6AIDg2CCjg0CA1bDWAJnEaNBC0ihJIP4QSHSKIjHgAALOoIL1cFVdIAAAAASUVORK5CYII=);
  background-size: 100% 100%;
}
.question-info__con[data-v-57b72d2f] {
  padding: 15px;
  flex: 1;
  overflow: auto;
}
.question-info__con[data-v-57b72d2f]::-webkit-scrollbar {
  width: 0 !important;
  height: 0 !important;
}
.toast[data-v-57b72d2f] {
  padding: 0 20px;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 14px;
  line-height: 48px;
  color: #fff;
  background-color: rgba(0, 0, 0, 0.6);
  border-radius: 12px;
  overflow: hidden;
}
/*!********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/views/H5/question/info.vue?vue&type=style&index=1&id=57b72d2f&lang=scss ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.word {
  padding: 15px;
  color: #333;
  background-color: #fff;
  border-radius: 12px;
  overflow: hidden;
}
.word h1, .word h2 {
  font-size: 18px !important;
  font-weight: bold;
  text-align: center !important;
  line-height: 48px !important;
}
.word h3, .word h4, .word h5 {
  margin-top: 12px !important;
  font-size: 14px !important;
  font-weight: bold;
  line-height: 32px !important;
}
.word p {
  margin-top: 8px !important;
  font-size: 14px !important;
  line-height: 24px !important;
}
/*!********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/views/H5/privacy/index.vue?vue&type=style&index=0&id=65eb94fa&lang=scss&scoped=true ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.agreement-page[data-v-65eb94fa] {
  width: 100vw;
  height: 100vh;
  display: flex;
  flex-direction: column;
  font-family: PingFang SC, system-ui, sans-serif;
  font-weight: 500;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  color: #333;
  background-color: #f5f9ff;
  overflow: hidden;
}
.agreement-page__head[data-v-65eb94fa] {
  position: relative;
  font-size: 18px;
  font-weight: bold;
  text-align: center;
  line-height: 44px;
  height: 44px;
}
.agreement-page__back[data-v-65eb94fa] {
  position: absolute;
  left: 16px;
  top: 10px;
  width: 24px;
  height: 24px;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwBAMAAAClLOS0AAAAD1BMVEUAAAAzMzMzMzMzMzMzMzNw57/sAAAABXRSTlMA/lPrTX/P4MYAAAA5SURBVDjLYxgFEOBsgl2cSVAYu4QiVAJTg6AIDg2CCjg0CA1bDWAJnEaNBC0ihJIP4QSHSKIjHgAALOoIL1cFVdIAAAAASUVORK5CYII=);
  background-size: 100% 100%;
}
.agreement-page__con[data-v-65eb94fa] {
  padding: 15px;
  flex: 1;
  overflow: auto;
}
.agreement-page__con[data-v-65eb94fa]::-webkit-scrollbar {
  width: 0 !important;
  height: 0 !important;
}
.toast[data-v-65eb94fa] {
  padding: 0 20px;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 14px;
  line-height: 48px;
  color: #fff;
  background-color: rgba(0, 0, 0, 0.6);
  border-radius: 12px;
  overflow: hidden;
}
/*!********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/views/H5/privacy/index.vue?vue&type=style&index=1&id=65eb94fa&lang=scss ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.word {
  padding: 15px;
  color: #333;
  background-color: #fff;
  border-radius: 12px;
  overflow: hidden;
}
.word h1, .word h2 {
  font-size: 18px !important;
  font-weight: bold;
  text-align: center !important;
  line-height: 48px !important;
}
.word h3, .word h4, .word h5 {
  margin-top: 12px !important;
  font-size: 14px !important;
  font-weight: bold;
  line-height: 32px !important;
}
.word p {
  margin-top: 8px !important;
  font-size: 14px !important;
  line-height: 24px !important;
}
/*!*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/views/H5/message/info.vue?vue&type=style&index=0&id=545e786e&lang=scss&scoped=true ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.agreement-page[data-v-545e786e] {
  width: 100vw;
  height: 100vh;
  display: flex;
  flex-direction: column;
  font-family: PingFang SC, system-ui, sans-serif;
  font-weight: 500;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  color: #333;
  background-color: #f5f9ff;
  overflow: hidden;
}
.agreement-page__head[data-v-545e786e] {
  position: relative;
  font-size: 18px;
  font-weight: bold;
  text-align: center;
  line-height: 44px;
  height: 44px;
}
.agreement-page__back[data-v-545e786e] {
  position: absolute;
  left: 16px;
  top: 10px;
  width: 24px;
  height: 24px;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwBAMAAAClLOS0AAAAD1BMVEUAAAAzMzMzMzMzMzMzMzNw57/sAAAABXRSTlMA/lPrTX/P4MYAAAA5SURBVDjLYxgFEOBsgl2cSVAYu4QiVAJTg6AIDg2CCjg0CA1bDWAJnEaNBC0ihJIP4QSHSKIjHgAALOoIL1cFVdIAAAAASUVORK5CYII=);
  background-size: 100% 100%;
}
.agreement-page__con[data-v-545e786e] {
  padding: 15px;
  flex: 1;
  overflow: auto;
}
.agreement-page__con[data-v-545e786e]::-webkit-scrollbar {
  width: 0 !important;
  height: 0 !important;
}
.toast[data-v-545e786e] {
  padding: 0 20px;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 14px;
  line-height: 48px;
  color: #fff;
  background-color: rgba(0, 0, 0, 0.6);
  border-radius: 12px;
  overflow: hidden;
}
/*!*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/views/H5/message/info.vue?vue&type=style&index=1&id=545e786e&lang=scss ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.word {
  padding: 15px;
  color: #333;
  background-color: #fff;
  border-radius: 12px;
  overflow: hidden;
}
.word h1, .word h2 {
  font-size: 18px !important;
  font-weight: bold;
  text-align: center !important;
  line-height: 48px !important;
}
.word h3, .word h4, .word h5 {
  margin-top: 12px !important;
  font-size: 14px !important;
  font-weight: bold;
  line-height: 32px !important;
}
.word p {
  margin-top: 8px !important;
  font-size: 14px !important;
  line-height: 24px !important;
}
/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/views/H5/Register/index.vue?vue&type=style&index=0&id=161a6d84&lang=scss&scoped=true ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.agreement-page[data-v-161a6d84] {
  width: 100vw;
  height: 100vh;
  display: flex;
  flex-direction: column;
  font-family: PingFang SC, system-ui, sans-serif;
  font-weight: 500;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  color: #333;
  background-color: #f5f9ff;
  overflow: hidden;
}
.agreement-page__head[data-v-161a6d84] {
  position: relative;
  font-size: 18px;
  font-weight: bold;
  text-align: center;
  line-height: 44px;
  height: 44px;
}
.agreement-page__back[data-v-161a6d84] {
  position: absolute;
  left: 16px;
  top: 10px;
  width: 24px;
  height: 24px;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwBAMAAAClLOS0AAAAD1BMVEUAAAAzMzMzMzMzMzMzMzNw57/sAAAABXRSTlMA/lPrTX/P4MYAAAA5SURBVDjLYxgFEOBsgl2cSVAYu4QiVAJTg6AIDg2CCjg0CA1bDWAJnEaNBC0ihJIP4QSHSKIjHgAALOoIL1cFVdIAAAAASUVORK5CYII=);
  background-size: 100% 100%;
}
.agreement-page__con[data-v-161a6d84] {
  padding: 15px;
  flex: 1;
  overflow: auto;
}
.agreement-page__con[data-v-161a6d84]::-webkit-scrollbar {
  width: 0 !important;
  height: 0 !important;
}
.toast[data-v-161a6d84] {
  padding: 0 20px;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 14px;
  line-height: 48px;
  color: #fff;
  background-color: rgba(0, 0, 0, 0.6);
  border-radius: 12px;
  overflow: hidden;
}
/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/views/H5/Register/index.vue?vue&type=style&index=1&id=161a6d84&lang=scss ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.word {
  padding: 15px;
  color: #333;
  background-color: #fff;
  border-radius: 12px;
  overflow: hidden;
}
.word h1, .word h2 {
  font-size: 18px !important;
  font-weight: bold;
  text-align: center !important;
  line-height: 48px !important;
}
.word h3, .word h4, .word h5 {
  margin-top: 12px !important;
  font-size: 14px !important;
  font-weight: bold;
  line-height: 32px !important;
}
.word p {
  margin-top: 8px !important;
  font-size: 14px !important;
  line-height: 24px !important;
}
/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/views/H5/download/index.vue?vue&type=style&index=0&id=a153667a&lang=scss&scoped=true ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.download-page[data-v-a153667a] {
  width: 100vw;
  height: 100vh;
  display: flex;
  flex-direction: column;
  font-family: PingFang SC, system-ui, sans-serif;
  font-weight: 500;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  color: #333;
  background-color: #f5f9ff;
  overflow: hidden;
}
.download-page__head[data-v-a153667a] {
  position: relative;
  font-size: 18px;
  font-weight: bold;
  text-align: center;
  line-height: 44px;
  height: 44px;
}
.download-page__con[data-v-a153667a] {
  flex: 1;
  overflow: auto;
}
.download-page__con[data-v-a153667a]::-webkit-scrollbar {
  width: 0 !important;
  height: 0 !important;
}
.download-page__cover[data-v-a153667a] {
  padding-top: 70px;
  width: 100%;
  height: 238px;
  display: flex;
  flex-direction: column;
  align-items: center;
  color: #fff;
  background-image: url(/img/download.de574d9d.png);
  background-size: 100% 308px;
}
.download-page__cover img[data-v-a153667a] {
  width: 80px;
  height: 80px;
}
.download-page__cover h1[data-v-a153667a] {
  font-size: 22px;
  font-weight: bold;
  line-height: 48px;
}
.download-page__cover span[data-v-a153667a] {
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
}
.download-page__title[data-v-a153667a] {
  margin-top: 16px;
  font-size: 18px;
  font-weight: 500;
  text-align: center;
  line-height: 16px;
}
.download-page__text[data-v-a153667a] {
  padding: 12px 30px;
  font-size: 14px;
  font-weight: 400;
  text-align: center;
  line-height: 22px;
  color: #999;
}
.download-page__notice[data-v-a153667a] {
  font-size: 14px;
  text-align: center;
  line-height: 20px;
  color: #3276ff;
  padding: 0 16px;
}
.download-page__btns[data-v-a153667a] {
  padding: 70px 24px 24px 24px;
}
.download-page__btn[data-v-a153667a] {
  margin-top: 16px;
  padding: 12px;
  font-size: 18px;
  text-align: center;
  height: 48px;
  line-height: 24px;
  border-radius: 10px;
  box-sizing: border-box;
}
.download-page .is-down[data-v-a153667a] {
  position: relative;
  color: #3276FF;
  background-color: #D4E7FF;
}
.download-page .is-down[data-v-a153667a]::before {
  content: "";
  position: absolute;
  top: 12px;
  left: 12px;
  width: 24px;
  height: 24px;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAAAXNSR0IArs4c6QAAA/VJREFUaEPtmn9olVUYxz/nbm0utkIWs4WZEdkPG273DyUJURDdKMi4xMTNmvVPM8Xh2mVasgkDdW04FCsIUUmzDJngdPaT0P0l7LZYrIHhz82NIEZstO3u3nvi3Hev+ub99b689733hu+/5znP8/2c55z3nPd9jiDGU9ooF2aF8EhBuZQ8L+BxIDtWH5vaRoE+oCfk50Rfh7geza+I1FBWL58S2TQjqXZIcDzuMzJI3S/t4sZ/De8DcHtllYTPBOTH8+pw+xSSGt/H4ut74xoA3F7ZBDQ7LMxsuGZfq9itd7oD4G6QlQi+MustRfbVvlZxQsUOA4TnfBaDwJwUCTIVVsKE9FOiFncYwO2VncA6U15SbSw46tsnNonSOrnQlcO1VOuxED8QcvGscHvlh0CLBQcp7yLhA+FukN0IylOuxoIAKflBZWAEbYfNuEfCkAKQGaf8ruBApgOQNICKMniyEAry4K9x+OIiBEP25zopAEWPQvdOo9jaz+HyHxkCsKgYTtYZxdYfg58HMgTgmXlwansGAxTPha7GBwAJzbekLOJIGdjxJXz3a0KaTBklBeClBXDsfaOOT76Fwz+Z0paQsW0ATW/CqsWQlwvZruix/5mGH/uh+ZuE9MU1sg1gzRLYsyFuvLDBtiPQoz6fbHhsA1BavK9D5fLYqtSO3HHOBuWzLmwFyMmGw7Xw4vzIAgeG4N1PwR9IUwAla34hnNwGD+caRU7PgKcdRsbsE6882ZoBXZo6yLWsNwptOgVdvfaKTxqAcrzLA+uWaoLP+2CX4XeUfSCWM1CyADzLNCFne6H3qlGUWg8dNdpxOtK8L8yHrRVaH/VavWTxrWQZoP0tWLlYE/Da3shzO2t2P4j2HXC2EZ6YC2pxbzxoLSuWANToqeC5D0H/Tag5ZC143auwcYXWt/oA/D5s3o8lgC3lsGmVFkyNXl/Un9+xBanR17PYeRlaTjsAoOa2Gv3HCswHi9VjfFKbihNT5vyazkDRI9CtfoUl4Xn7EPx205xj0wDK/cF3YPlz5gLFs749Bp4287u0JQA1jTavhZcX3b/jxhOq2gNBmPRrlsEgDAxrR+0//06kt9FGAcykSRnJvHp1lCjzylsCohy/LPl0stOoKGuQ3wvBaiej2hjrgspAvYA2G5066eojvcBxJRPXQcjF01qJqUEeQVDj5NDZEOuMr1W8EQZQZSaRQ38a1oajcU6F/Lxwp8gXzoJXVgHHbRiZ5LuQrNcL3v+fQrc+bLMF76PpVjNWtWEB7+kFbl1vxMses6XX/WlSOw4gOB6aZnekWysRAXQ6dd3GFUKtjVfUWneoGBiQMIpgEMkF6eJ0397o123+BVpEWLbi+GwnAAAAAElFTkSuQmCC);
  background-size: 100% 100%;
}
.toast[data-v-a153667a] {
  padding: 0 20px;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 14px;
  color: #fff;
  background-color: rgba(0, 0, 0, 0.6);
  border-radius: 12px;
  overflow: hidden;
  display: flex;
  align-items: center;
  min-height: 48px;
}
/*!************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/views/H5/autoRenewal/index.vue?vue&type=style&index=0&id=aeb298f8&lang=scss&scoped=true ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.agreement-page[data-v-aeb298f8] {
  width: 100vw;
  height: 100vh;
  display: flex;
  flex-direction: column;
  font-family: PingFang SC, system-ui, sans-serif;
  font-weight: 500;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  color: #333;
  background-color: #f5f9ff;
  overflow: hidden;
}
.agreement-page__head[data-v-aeb298f8] {
  position: relative;
  font-size: 18px;
  font-weight: bold;
  text-align: center;
  line-height: 44px;
  height: 44px;
}
.agreement-page__back[data-v-aeb298f8] {
  position: absolute;
  left: 16px;
  top: 10px;
  width: 24px;
  height: 24px;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwBAMAAAClLOS0AAAAD1BMVEUAAAAzMzMzMzMzMzMzMzNw57/sAAAABXRSTlMA/lPrTX/P4MYAAAA5SURBVDjLYxgFEOBsgl2cSVAYu4QiVAJTg6AIDg2CCjg0CA1bDWAJnEaNBC0ihJIP4QSHSKIjHgAALOoIL1cFVdIAAAAASUVORK5CYII=);
  background-size: 100% 100%;
}
.agreement-page__con[data-v-aeb298f8] {
  padding: 15px;
  flex: 1;
  overflow: auto;
}
.agreement-page__con[data-v-aeb298f8]::-webkit-scrollbar {
  width: 0 !important;
  height: 0 !important;
}
.toast[data-v-aeb298f8] {
  padding: 0 20px;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 14px;
  line-height: 48px;
  color: #fff;
  background-color: rgba(0, 0, 0, 0.6);
  border-radius: 12px;
  overflow: hidden;
}
/*!************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/views/H5/autoRenewal/index.vue?vue&type=style&index=1&id=aeb298f8&lang=scss ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.word {
  padding: 15px;
  color: #333;
  background-color: #fff;
  border-radius: 12px;
  overflow: hidden;
}
.word h1, .word h2 {
  font-size: 18px !important;
  font-weight: bold;
  text-align: center !important;
  line-height: 48px !important;
}
.word h3, .word h4, .word h5 {
  margin-top: 12px !important;
  font-size: 14px !important;
  font-weight: bold;
  line-height: 32px !important;
}
.word p {
  margin-top: 8px !important;
  font-size: 14px !important;
  line-height: 24px !important;
}
/*!*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/views/H5/vipAgreement/index.vue?vue&type=style&index=0&id=2d2a1468&lang=scss&scoped=true ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.agreement-page[data-v-2d2a1468] {
  width: 100vw;
  height: 100vh;
  display: flex;
  flex-direction: column;
  font-family: PingFang SC, system-ui, sans-serif;
  font-weight: 500;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  color: #333;
  background-color: #f5f9ff;
  overflow: hidden;
}
.agreement-page__head[data-v-2d2a1468] {
  position: relative;
  font-size: 18px;
  font-weight: bold;
  text-align: center;
  line-height: 44px;
  height: 44px;
}
.agreement-page__back[data-v-2d2a1468] {
  position: absolute;
  left: 16px;
  top: 10px;
  width: 24px;
  height: 24px;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwBAMAAAClLOS0AAAAD1BMVEUAAAAzMzMzMzMzMzMzMzNw57/sAAAABXRSTlMA/lPrTX/P4MYAAAA5SURBVDjLYxgFEOBsgl2cSVAYu4QiVAJTg6AIDg2CCjg0CA1bDWAJnEaNBC0ihJIP4QSHSKIjHgAALOoIL1cFVdIAAAAASUVORK5CYII=);
  background-size: 100% 100%;
}
.agreement-page__con[data-v-2d2a1468] {
  padding: 15px;
  flex: 1;
  overflow: auto;
}
.agreement-page__con[data-v-2d2a1468]::-webkit-scrollbar {
  width: 0 !important;
  height: 0 !important;
}
.toast[data-v-2d2a1468] {
  padding: 0 20px;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 14px;
  line-height: 48px;
  color: #fff;
  background-color: rgba(0, 0, 0, 0.6);
  border-radius: 12px;
  overflow: hidden;
}
/*!*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/views/H5/vipAgreement/index.vue?vue&type=style&index=1&id=2d2a1468&lang=scss ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.word {
  padding: 15px;
  color: #333;
  background-color: #fff;
  border-radius: 12px;
  overflow: hidden;
}
.word h1, .word h2 {
  font-size: 18px !important;
  font-weight: bold;
  text-align: center !important;
  line-height: 48px !important;
}
.word h3, .word h4, .word h5 {
  margin-top: 12px !important;
  font-size: 14px !important;
  font-weight: bold;
  line-height: 32px !important;
}
.word p {
  margin-top: 8px !important;
  font-size: 14px !important;
  line-height: 24px !important;
}