html {
  -webkit-text-size-adjust: none;
  -webkit-user-select: none;
  -webkit-touch-callout: none;
  font-family: Helvetica, "PingFang-SC-Regular";
}

body,
div,
h1,
h2,
h3,
h4,
h5,
h6,
p,
dl,
dd,
ul,
ol,
pre,
form,
input,
textarea,
th,
td,
select {
  margin: 0;
  padding: 0;
  text-indent: 0;
  box-sizing: border-box;
}

a,
button,
input,
textarea,
select {
  background: none;
  -webkit-tap-highlight-color: rgba(255, 0, 0, 0);
  outline: none;
  -webkit-appearance: none;
}

em {
  font-style: normal;
}

li {
  list-style: none;
}

a {
  text-decoration: none;
  color: #333;
}

img {
  border: none;
  vertical-align: top;
}

table {
  border-collapse: collapse;
}

textarea {
  resize: none;
  overflow: auto;
}
html,
body {
  height: 100%;
  -webkit-user-select: text;
  background-color: #000;
  overflow-y: auto;
}

[v-cloak] {
  display: none;
}

#app {
  font-size: 14px !important;
  background-color: #000;
  min-height: 100%;
}
.mart0 {
  margin-top: 0 !important;
}

.font-vw-64 {
  font-size: clamp(50px, 2.4vw, 70px) !important;
}

.font-vw-40 {
  font-size: clamp(30px, 1.8vw, 44px) !important;
}

.font-vw-32 {
  font-size: clamp(28px, 1.5vw, 36px) !important;
}

.font-vw-26 {
  font-size: clamp(22px, 1.3vw, 32px) !important;
}
.font-vw-24 {
  font-size: clamp(20px, 1.21vw, 28px) !important;
}
.font-vw-22 {
  font-size: clamp(18px, 1.1vw, 26px) !important;
}

.font-vw-20 {
  font-size: clamp(16px, 1.1vw, 23px) !important;
}

.font-vw-18 {
  font-size: clamp(14px, 0.92vw, 21px) !important;
}

.font-vw-16-big {
  font-size: clamp(14px, 0.8vw, 18px) !important;
}

.font-vw-16 {
  font-size: clamp(12px, 0.8vw, 18px) !important;
}

.font-vw-14-small {
  font-size: clamp(12px, 0.68vw, 16px) !important;
}

.font-vw-14 {
  font-size: clamp(12px, 0.72vw, 16px) !important;
}
.font-vw-13 {
  font-size: clamp(11px, 0.66vw, 15px) !important;
}
.font-vw-13-small {
  font-size: clamp(11px, 0.62vw, 15px) !important;
}

.font-vw-12 {
  font-size: clamp(10px, 0.6vw, 14px) !important;
}

.h-vw-32 {
  height: clamp(32px, 2.4vw, 48px) !important;
}

.h-vw-23 {
  height: clamp(23px, 1.2vw, 34px) !important;
}
.lh-vw-23 {
  line-height: clamp(23px, 1.2vw, 34px) !important;
}
.m-logo-text {
  font-size: 1rem !important;
}
.m-text-16 {
  font-size: 11px !important;
}
.m-text-22 {
  font-size: 12px !important;
}
.m-text-28 {
  font-size: 14px !important;
}
.m-text-32 {
  font-size: 16px !important;
}

.m-height-32 {
  height: 32px !important;
}

.m-text-64 {
  font-size: 32px !important;
}
.m-w200 {
  width: 164px !important;
  height: 164px !important;
}
.m-btn-42 {
  width: 110px !important;
  height: 28px !important;
  line-height: 26px !important;
}
.m-btn-48 {
  width: 120px !important;
  height: 32px !important;
  line-height: 32px !important;
}

.scale-1 {
  transform: scale(0.5);
}
/* 响应式css */
@media (min-width: 576px) {
  .m-logo-text {
    font-size: 1rem !important;
  }
  .m-text-16 {
    font-size: 11px !important;
  }
  .m-text-22 {
    font-size: 12px !important;
  }
  .m-text-28 {
    font-size: 14px !important;
  }
  .m-text-32 {
    font-size: 16px !important;
  }

  .m-text-64 {
    font-size: 32px !important;
  }
  .m-btn-42 {
    width: 110px !important;
    height: 28px !important;
    line-height: 26px !important;
  }
  .m-btn-48 {
    width: 120px !important;
    height: 32px !important;
    line-height: 32px !important;
  }
  .w-1280px {
    width: 800px !important;
    min-width: 900px !important;
  }
  .scale-1 {
    transform: scale(0.5);
  }
  .m-w200 {
    width: 150px !important;
    height: 150px !important;
  }
}
@media (min-width: 768px) {
  .m-logo-text {
    font-size: 1.1rem !important;
  }
  .m-text-16 {
    font-size: 12px !important;
  }
  .m-text-22 {
    font-size: 14px !important;
  }
  .m-text-28 {
    font-size: 18px !important;
  }
  .m-text-32 {
    font-size: 20px !important;
  }
  .m-text-64 {
    font-size: 50px !important;
  }
  .m-btn-42 {
    width: 120px !important;
    height: 30px !important;
    line-height: 28px !important;
  }
  .m-btn-48 {
    width: 130px !important;
    height: 36px !important;
    line-height: 36px !important;
  }
  .w-1280px {
    width: 800px !important;
    min-width: 900px !important;
  }
  .scale-1 {
    transform: scale(0.6);
  }

  .m-w200 {
    width: 160px !important;
    height: 160px !important;
  }
}
@media (min-width: 992px) {
  .m-logo-text {
    font-size: 1.2rem !important;
  }
  .m-text-16 {
    font-size: 15px !important;
  }
  .m-text-22 {
    font-size: 16px !important;
  }
  .m-text-28 {
    font-size: 22px !important;
  }
  .m-text-32 {
    font-size: 28px !important;
  }
  .m-text-64 {
    font-size: 54px !important;
  }
  .m-btn-42 {
    width: 130px !important;
    height: 34px !important;
    line-height: 32px !important;
  }
  .m-btn-48 {
    width: 140px !important;
    height: 40px !important;
    line-height: 40px !important;
  }
  .w-1280px {
    width: 900px !important;
    min-width: 900px !important;
  }
  .scale-1 {
    transform: scale(0.8);
  }
  .m-w200 {
    width: 180px !important;
    height: 180px !important;
  }
}
@media (min-width: 1920px) {
  .m-logo-text {
    font-size: 1.4rem !important;
  }
  .m-text-16 {
    font-size: 16px !important;
  }
  .m-text-22 {
    font-size: 22px !important;
  }
  .m-text-28 {
    font-size: 28px !important;
  }
  .m-text-32 {
    font-size: 32px !important;
  }
  .m-text-64 {
    font-size: 64px !important;
  }
  .m-btn-42 {
    width: 140px !important;
    height: 38px !important;
    line-height: 36px !important;
  }
  .m-btn-48 {
    width: 160px !important;
    height: 48px !important;
    line-height: 48px !important;
  }
  .w-1280px {
    width: 1480px !important;
    min-width: 900px !important;
  }
  .scale-1 {
    transform: scale(1);
  }
  .m-w200 {
    width: 200px !important;
    height: 200px !important;
  }
}
@media (min-width: 2560px) {
  .m-logo-text {
    font-size: 1.5rem !important;
  }
  .m-text-16 {
    font-size: 18px !important;
  }
  .m-text-22 {
    font-size: 24px !important;
  }
  .m-text-28 {
    font-size: 30px !important;
  }
  .m-text-32 {
    font-size: 34px !important;
  }
  .m-btn-42 {
    width: 155px !important;
    height: 42px !important;
    line-height: 42px !important;
  }
   .m-btn-48 {
    width: 170px !important;
    height: 52px !important;
    line-height: 50px !important;
  }
   .m-text-64 {
    font-size: 64px !important;
  }
  .w-1280px {
    width: 1800px !important;
    min-width: 900px !important;
  }
  .scale-1 {
    transform: scale(1.1);
  }
  .m-w200 {
    width: 220px !important;
    height: 220px !important;
  }
}

@media (min-width: 3840px) {
  .m-logo-text {
    font-size: 1.6rem !important;
  }
  .m-text-16 {
    font-size: 20px !important;
  }
  .m-text-22 {
    font-size: 28px !important;
  }
  .m-text-28 {
    font-size: 34px !important;
  }
  .m-text-32 {
    font-size: 38px !important;
  }
  .m-btn-42 {
    width: 170px !important;
    height: 48px !important;
    line-height: 46px !important;
  }
   .m-btn-48 {
    width: 180px !important;
    height: 56px !important;
    line-height: 56px !important;
  }
   .m-text-64 {
    font-size: 68px !important;
  }
  .w-1280px {
    width: 2860px !important;
    min-width: 900px !important;
  }
  .scale-1 {
    transform: scale(1.2);
  }
  .m-w200 {
    width: 260px !important;
    height: 260px !important;
  }
}

.link-btn:hover {
  background-color: #ffffff30;
}
.link-btn {
  padding: 8px 16px;
  cursor: pointer;
  border-radius: 20px;
  margin-right: 6px;
}

.link-btn-active {
  background-color: #ffffff30 !important;
}

.text-italic {
  font-style: italic;
}