/* 清零所有标签的内外边距 */
* {
  margin: 0;
  padding: 0;
  /* CSS3盒子模型 */
  /* 可以不用考虑padding和border是否会撑大盒子的情况了*/
  box-sizing: border-box;
}
/* em 和 i 斜体的文字不倾斜 */
em,
i {
  font-style: normal;
}
/* 去掉li 的小圆点 */
li {
  list-style: none;
}
/* 插入图片的设置 */
img,
video {
  /* border 0 照顾低版本浏览器 如果 图片外面包含了链接会有边框的问题 */
  border: 0;
  /* 取消图片底侧有空白缝隙的问题 */
  vertical-align: middle;
  object-fit: cover;
}
button {
  /* 当我们鼠标经过button 按钮的时候，鼠标变成小手 */
  cursor: pointer;
}
a {
  text-decoration: none;
  cursor: pointer;
}
button,
input {
  /* "\5B8B\4F53" 就是宋体的意思 这样浏览器兼容性比较好 */
  font-family: Microsoft YaHei, Heiti SC, tahoma, arial, Hiragino Sans GB, "\5B8B\4F53", sans-serif;
  /* 手动去掉默认的灰色边框 */
  border: 0;
  /* 手动去掉input输入时的蓝色/加粗边框 */
  outline: none;
}
.hide,
.none {
  display: none;
}
/* 清除浮动 */
.clearfix:after {
  visibility: hidden;
  clear: both;
  display: block;
  content: ".";
  height: 0;
}
.clearfix {
  *zoom: 1;
}
.white {
  color: white;
}
.black {
  color: black;
}
.green {
  color: #69CD4F;
}
.bg_green {
  background: #69CD4F;
}
img,
video {
  width: 100%;
  height: 100%;
}
@font-face {
  font-family: Versa;
  src: url(../fonts/Versa-Versa.otf);
}
h1 {
  font-family: Versa;
}
@font-face {
  font-family: HKGrotesk;
  src: url(../fonts/HKGrotesk-SemiBold.otf);
}
@font-face {
  font-family: HKGroteskRegular;
  src: url(../fonts/HKGrotesk-Regular.otf);
}
@font-face {
  font-family: HKGroteskBold;
  src: url(../fonts/HKGrotesk-Bold.otf);
}
@font-face {
  font-family: HKGroteskMedium;
  src: url(../fonts/HKGrotesk-Medium.otf);
}
.tX_100 {
  transform: translateX(-100%);
  opacity: 0;
}
.tX_100R {
  transform: translateX(100%);
  opacity: 0;
}
.tY100 {
  transform: translateY(100%);
  opacity: 0;
}
body {
  overflow-x: hidden;
}
body .padding20 {
  padding-left: 20vw;
  padding-right: 20vw;
}
@media (max-width: 1080px) {
  body .padding20 {
    padding-left: 6.4vw;
    padding-right: 6.4vw;
  }
}
body .black {
  background: #000000de;
  border-bottom: 1px solid #333;
  opacity: 0.4;
}
body #homepage {
  background: #222222;
  overflow: hidden;
}
body #homepage a {
  color: white;
}
body #homepage a:hover {
  color: #69CD4F;
}
body #homepage .set {
  position: relative;
}
body #homepage .set1 {
  opacity: 0;
}
body #homepage .set1 .Home_bg {
  width: 100vw;
  height: 57.865vw;
}
@media (max-width: 1080px) {
  body #homepage .set1 .Home_bg {
    height: auto;
  }
}
body #homepage .set1 .bg_icon {
  width: 12.417vw;
  height: 12.417vw;
  position: absolute;
  top: 33.167vw;
  right: 0;
}
body #homepage .set1 .content {
  position: absolute;
  top: 0;
  background: #000;
  padding-bottom: 1.667vw;
}
@media (max-width: 1080px) {
  body #homepage .set1 .content {
    padding-top: 20.27vw;
    width: 100%;
  }
}
body #homepage .set1 .content .step1 {
  display: flex;
}
@media (max-width: 1080px) {
  body #homepage .set1 .content .step1 {
    flex-flow: column-reverse;
  }
}
body #homepage .set1 .content .step1 .left {
  width: 28.75vw;
}
@media (max-width: 1080px) {
  body #homepage .set1 .content .step1 .left {
    width: 100%;
  }
}
body #homepage .set1 .content .step1 .left .title {
  font-weight: normal;
  font-size: 5vw;
  line-height: 7.03125vw;
  text-align: left;
}
@media (max-width: 1080px) {
  body #homepage .set1 .content .step1 .left .title {
    font-size: 17.07vw;
    line-height: 24vw;
    margin-bottom: 4.27vw;
  }
}
body #homepage .set1 .content .step1 .left .text {
  font-family: HKGroteskRegular;
  font-weight: 400;
  font-size: 1.667vw;
  text-align: left;
  font-style: normal;
  line-height: 2.5vw;
  margin-bottom: 1.25vw;
}
@media (max-width: 1080px) {
  body #homepage .set1 .content .step1 .left .text {
    font-size: 4.8vw;
    line-height: 6.67vw;
    margin-bottom: 4.27vw;
  }
}
body #homepage .set1 .content .step1 .left .text b {
  font-weight: 600;
}
body #homepage .set1 .content .step1 .left .buyNow {
  width: 8.021vw;
  height: 2.708vw;
  background: #69CD4F;
  border-radius: 0.417vw;
  margin-top: 2.5vw;
}
body #homepage .set1 .content .step1 .left .buyNow a {
  font-family: Versa;
  font-weight: normal;
  font-size: 1.042vw;
  color: #333333;
  line-height: 1.458vw;
  text-align: left;
  font-style: normal;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
}
@media (max-width: 1080px) {
  body #homepage .set1 .content .step1 .left .buyNow {
    width: 37.33vw;
    height: 12.8vw;
    border-radius: 2.13vw;
    margin-top: 4.27vw;
  }
  body #homepage .set1 .content .step1 .left .buyNow a {
    font-size: 4.27vw;
    line-height: 5.87vw;
  }
}
body #homepage .set1 .content .step1 .right {
  width: 31.25vw;
  height: 31.25vw;
}
@media (max-width: 1080px) {
  body #homepage .set1 .content .step1 .right {
    width: 87.2vw;
    height: 87.2vw;
  }
}
body #homepage .set1 .content .fot .top .Social_Media {
  border-left: 1px solid #999;
  width: 14.427vw;
  min-height: 5.99vw;
  display: flex;
  flex-flow: column;
  justify-content: space-between;
}
body #homepage .set1 .content .fot .top .Social_Media li {
  margin-bottom: 2.552vw;
}
body #homepage .set1 .content .fot .top .Social_Media li a {
  display: flex;
  align-items: center;
}
body #homepage .set1 .content .fot .top .Social_Media li .icon {
  position: relative;
  padding-left: 1.25vw;
}
body #homepage .set1 .content .fot .top .Social_Media li .icon svg {
  width: 24px;
  height: 20px;
}
body #homepage .set1 .content .fot .top .Social_Media li .name {
  margin-left: 0.625vw;
  font-family: HKGroteskRegular;
  font-weight: 400;
  font-size: 1.25vw;
  color: #999999;
  line-height: 1.71875vw;
  text-align: left;
  font-style: normal;
}
body #homepage .set1 .content .fot .top .Social_Media li:hover .icon:after {
  position: absolute;
  left: 0;
  content: "";
  width: 0.208vw;
  height: 100%;
  background: #69CD4F;
}
body #homepage .set1 .content .fot .top .Social_Media li:hover .icon svg path {
  fill: #69CD4F;
}
body #homepage .set1 .content .fot .top .Social_Media li:hover .name {
  font-family: HKGroteskBold;
  font-weight: 600;
  font-size: 1.25vw;
  color: #69CD4F;
  line-height: 1.71875vw;
  text-align: left;
  font-style: normal;
}
body #homepage .set1 .content .fot .top .Social_Media li:last-child {
  margin-bottom: 0;
}
body #homepage .set1 .content .fot .more {
  display: none;
}
@media (max-width: 1080px) {
  body #homepage .set1 .content .fot .more {
    display: block;
    font-family: HKGroteskRegular;
    font-weight: 400;
    font-size: 4.27vw;
    color: #69CD4F;
    line-height: 5.87vw;
    margin: 0 0 5.6vw 61.6vw;
  }
}
body #homepage .set1 .content .fot .bottom {
  display: grid;
  grid-template-columns: 33.33% 33.33% 33.33%;
  margin-top: 1.667vw;
}
body #homepage .set1 .content .fot .bottom a {
  font-family: HKGroteskMedium;
  font-weight: 500;
  font-size: 1.25vw;
  color: #FFFFFF;
  line-height: 1.71875vw;
  text-align: left;
  font-style: normal;
  width: 18.854vw;
  height: 3.333vw;
  border-radius: 1.667vw;
  border: 0.104vw solid #065722;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 1.667vw;
  transform: translateY(100%);
  opacity: 0;
}
body #homepage .set1 .content .fot .bottom a img {
  width: 1.667vw;
  height: 1.667vw;
  margin-right: 0.625vw;
}
body #homepage .set1 .content .fot .bottom a:hover {
  font-family: HKGroteskBold;
  font-weight: 600;
  background: rgba(0, 0, 0, 0.15);
  border: 0.104vw solid #69CD4F;
}
@media (max-width: 1080px) {
  body #homepage .set1 .content .fot .bottom {
    margin: unset;
  }
  body #homepage .set1 .content .fot .bottom a {
    width: 26.07vw;
    height: 12.8vw;
    background: #333333;
    border-radius: 1.07vw;
    font-weight: 400;
    font-size: 4.27vw;
    line-height: 5.87vw;
    border: unset;
    margin: 0 4.27vw 4.27vw 0;
  }
  body #homepage .set1 .content .fot .bottom a img {
    width: 4.27vw;
    height: 4.27vw;
  }
  body #homepage .set1 .content .fot .bottom a:nth-last-child(-n+3) {
    display: none;
  }
}
@media (max-width: 1080px) {
  body #homepage .set1 .content .fot .top .Social_Media {
    border: unset;
    width: 100%;
    flex-flow: row;
    justify-content: start;
    gap: 8.53vw;
    margin: 9.07vw 0 11.47vw;
  }
  body #homepage .set1 .content .fot .top .Social_Media li {
    margin: unset;
  }
  body #homepage .set1 .content .fot .top .Social_Media li .icon svg path {
    fill: #69CD4F;
  }
  body #homepage .set1 .content .fot .top .Social_Media li .name {
    display: none;
  }
}
body #homepage .m_moreOpen {
  display: none;
}
@media (max-width: 1080px) {
  body #homepage .m_moreOpen {
    display: flex;
    width: 100%;
    height: 0;
    overflow: hidden;
    transition: all 0.3s ease;
    position: fixed;
    top: 0;
    flex-flow: column;
    background: #222;
    z-index: 99;
  }
  body #homepage .m_moreOpen .back {
    display: flex;
    font-size: 4.8vw;
    line-height: 6.67vw;
    color: #FFFFFF;
    padding: 8vw 5.33vw 4.53vw;
    justify-content: space-between;
  }
  body #homepage .m_moreOpen .back span:nth-child(2) {
    font-weight: 600;
  }
  body #homepage .m_moreOpen a {
    font-family: HKGroteskRegular;
    font-weight: 400;
    font-size: 4.27vw;
    color: #FFFFFF;
    line-height: 5.87vw;
    text-align: left;
    font-style: normal;
    width: 87.2vw;
    height: 12.8vw;
    background: #333333;
    border-radius: 1.07vw;
    margin: 6.4vw 6.4vw 0;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  body #homepage .m_moreOpen a img {
    max-width: 4.27vw;
    max-height: 4.27vw;
    margin-right: 2.4vw;
  }
}
body #homepage .set2 .m_icon_ {
  display: none;
}
body #homepage .set2 > img {
  width: 12.292vw;
  height: 7.396vw;
  transform: rotate(180deg);
  position: absolute;
  left: 41.458vw;
  top: 2.5vw;
}
body #homepage .set2 .content {
  display: flex;
  align-items: flex-end;
  justify-content: center;
}
body #homepage .set2 .content .left {
  width: 18.125vw;
  height: 29.792vw;
  position: relative;
}
body #homepage .set2 .content .left .pepe {
  height: 11.667vw;
  position: absolute;
  top: 1.042vw;
}
body #homepage .set2 .content .left .about {
  position: absolute;
  bottom: 0;
  z-index: 1;
  height: 20.5vw;
}
body #homepage .set2 .content .left .Make_memecoins {
  display: none;
}
body #homepage .set2 .content .right {
  padding-left: 3.333vw;
}
body #homepage .set2 .content .right .about-text {
  font-weight: normal;
  font-size: 5vw;
  line-height: 7.03125vw;
  text-align: right;
  font-style: normal;
}
body #homepage .set2 .content .detail {
  font-family: HKGroteskRegular;
  display: flex;
  flex-flow: column;
  justify-content: space-between;
  width: 38.542vw;
  height: 21.09375vw;
  font-weight: 400;
  font-size: 1.25vw;
  line-height: 2.34375vw;
  text-align: left;
  font-style: normal;
}
@media (max-width: 1080px) {
  body #homepage .set2 {
    margin-top: 48.27vw;
  }
  body #homepage .set2 .m_icon_ {
    display: block;
    width: 22.93vw;
    height: 22.93vw;
    top: 0;
    left: 6.4vw;
    right: unset;
  }
  body #homepage .set2 > img {
    width: 32vw;
    height: 19.2vw;
    transform: rotate(180deg);
    position: absolute;
    left: unset;
    top: 81.07vw;
    right: 6.4vw;
  }
  body #homepage .set2 .content {
    flex-flow: column-reverse;
  }
  body #homepage .set2 .content .detail {
    font-size: 3.73vw;
    line-height: 5.87vw;
    width: 100%;
    height: 70.4vw;
    margin-top: 4.27vw;
  }
  body #homepage .set2 .content .detail span br {
    display: none;
  }
  body #homepage .set2 .content .right .about-text {
    font-size: 8.53vw;
    line-height: 12vw;
  }
  body #homepage .set2 .content .left {
    width: 100%;
    height: 30.4vw;
  }
  body #homepage .set2 .content .left .pepe {
    display: none;
  }
  body #homepage .set2 .content .left .about {
    width: 22.77vw;
    height: 26.67vw;
  }
  body #homepage .set2 .content .left .Make_memecoins {
    display: block;
    padding: 3.73vw 3.73vw 3.73vw 0;
    position: absolute;
    right: 0;
    width: 65%;
  }
  body #homepage .set2 .content div {
    width: 100%;
  }
}
body #homepage .set3 {
  padding-top: 5vw;
}
body #homepage .set3 > img {
  width: 18.78125vw;
  height: 18.458vw;
  position: absolute;
  left: -5.5vw;
  top: 21.635vw;
}
body #homepage .set3 > img:nth-child(2) {
  width: 20.104vw;
  height: 20.104vw;
  opacity: 0.3;
  right: 0;
  left: unset;
  top: 44.635vw;
}
body #homepage .set3 .tY100 {
  transform: translateY(-100%);
  opacity: 0;
}
body #homepage .set3 .content {
  display: flex;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  z-index: 1;
  position: relative;
}
body #homepage .set3 .content .title {
  display: flex;
  align-items: center;
}
body #homepage .set3 .content .title h1 {
  font-weight: normal;
  font-size: 5vw;
  line-height: 7.03125vw;
  text-align: left;
  font-style: normal;
}
body #homepage .set3 .content .title .down {
  width: 3.333vw;
  height: 3.333vw;
  margin-left: 1.198vw;
}
body #homepage .set3 .content .list .card {
  margin-top: 2.5vw;
  height: 14.271vw;
}
body #homepage .set3 .content .list .card > div {
  background: #333;
  border: 0.104vw dashed #69CD4F;
  opacity: 0;
  border-radius: 0.417vw;
  display: grid;
  grid-template-columns: 46.354vw 13.646vw;
  height: 0;
  overflow: hidden;
  transition: all 0.5s ease;
}
body #homepage .set3 .content .list .card .left {
  display: grid;
  grid-template-rows: 11.51vw 2.708vw;
}
body #homepage .set3 .content .list .card .left .green {
  font-family: HKGroteskBold;
  font-weight: bold;
  font-size: 1.875vw;
  line-height: 2.604vw;
  text-align: left;
  font-style: normal;
  padding: 1.667vw 0 0.833vw 1.615vw;
}
body #homepage .set3 .content .list .card .left .detail {
  font-family: HKGroteskRegular;
  font-weight: 400;
  font-size: 1.042vw;
  color: #FFFFFF;
  line-height: 1.71875vw;
  text-align: left;
  font-style: normal;
  padding-left: 1.615vw;
}
body #homepage .set3 .content .list .card .left > div:nth-child(2) {
  border-top: 0.104vw dashed #69CD4F;
  padding: 0 1.25vw 0 1.615vw;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
body #homepage .set3 .content .list .card .left > div:nth-child(2) .num {
  font-family: Versa;
  font-weight: normal;
  font-size: 1.25vw;
  color: #69CD4F;
  line-height: 1.71875vw;
  text-align: left;
  font-style: normal;
}
body #homepage .set3 .content .list .card .left > div:nth-child(2) > p:nth-child(2) {
  display: flex;
  align-items: center;
  flex-flow: row-reverse;
}
body #homepage .set3 .content .list .card .left > div:nth-child(2) > p:nth-child(2) .width {
  width: 0.833vw;
  height: 0.208vw;
  background: #69CD4F;
  opacity: 0.8;
  margin-right: 0.417vw;
}
body #homepage .set3 .content .list .card .left > div:nth-child(2) > p:nth-child(2) .width1 {
  width: 0.625vw;
  height: 0.208vw;
  opacity: 0.6;
}
body #homepage .set3 .content .list .card .left > div:nth-child(2) > p:nth-child(2) .width2 {
  width: 0.417vw;
  height: 0.208vw;
  opacity: 0.4;
}
body #homepage .set3 .content .list .card .left > div:nth-child(2) > p:nth-child(2) .width3 {
  width: 0.208vw;
  height: 0.208vw;
  opacity: 0.2;
}
body #homepage .set3 .content .list .card .right {
  border-left: 0.104vw dashed #69CD4F;
}
body #homepage .set3 .content .list .active > div {
  height: 100%;
  opacity: 1;
}
body #homepage .set3 .content .list .Emphasis {
  height: 36.458vw;
}
body #homepage .set3 .content .list .Emphasis > div {
  display: block;
  border: unset;
  width: 100%;
}
@media (max-width: 1080px) {
  body #homepage .set3 {
    padding-top: 12.8vw;
  }
  body #homepage .set3 > img:nth-child(1) {
    display: none;
  }
  body #homepage .set3 > img:nth-child(2) {
    width: 32vw;
    height: 53.33vw;
    opacity: 0.4;
    right: unset;
    left: 0;
    top: 6.93vw;
    transform: rotate(180deg);
  }
  body #homepage .set3 .content .title h1 {
    font-size: 8.53vw;
    line-height: 12vw;
  }
  body #homepage .set3 .content .title .down {
    width: 4.8vw;
    height: 2.93vw;
    margin-left: 2.13vw;
  }
  body #homepage .set3 .content .list {
    width: 100%;
  }
  body #homepage .set3 .content .list .card {
    height: 126.13vw;
    margin-top: 4.27vw;
  }
  body #homepage .set3 .content .list .card > div {
    display: flex;
    flex-flow: column-reverse;
    border: unset;
    align-items: center;
    border-radius: 2.13vw;
    justify-content: center;
  }
  body #homepage .set3 .content .list .card .left {
    display: block;
    width: 100%;
    word-wrap: break-word;
  }
  body #homepage .set3 .content .list .card .left .green {
    font-size: 5.33vw;
    line-height: 7.47vw;
    padding: 4.27vw 4.27vw 2.13vw 4.27vw;
  }
  body #homepage .set3 .content .list .card .left .detail {
    font-size: 4.27vw;
    line-height: 5.6vw;
    padding: 0 4.27vw 4.27vw;
  }
  body #homepage .set3 .content .list .card .left > div:nth-child(2) {
    padding: 4.27vw;
  }
  body #homepage .set3 .content .list .card .left > div:nth-child(2) .num {
    font-size: 4.27vw;
    line-height: 5.87vw;
  }
  body #homepage .set3 .content .list .card .left > div:nth-child(2) > p:nth-child(2) .width {
    width: 4.27vw;
    height: 1.07vw;
    margin-right: 2.13vw;
  }
  body #homepage .set3 .content .list .card .left > div:nth-child(2) > p:nth-child(2) .width1 {
    width: 3.2vw;
  }
  body #homepage .set3 .content .list .card .left > div:nth-child(2) > p:nth-child(2) .width2 {
    width: 2.13vw;
  }
  body #homepage .set3 .content .list .card .left > div:nth-child(2) > p:nth-child(2) .width3 {
    width: 1.07vw;
  }
  body #homepage .set3 .content .list .card .right {
    border: unset;
    width: 41.33vw;
    height: 41.33vw;
  }
}
body #homepage .set4 {
  padding-top: 5vw;
}
body #homepage .set4 .tY100 {
  transform: translateY(-100%);
  opacity: 0;
}
body #homepage .set4 .set4icon2 {
  width: 15.625vw;
  height: 14.427vw;
  opacity: 0.1;
  position: absolute;
  top: 9.271vw;
  right: 12.292vw;
}
body #homepage .set4 .set4like {
  position: absolute;
  top: 3.542vw;
  right: 12.292vw;
  width: 15.625vw;
  height: 14.427vw;
  opacity: 0.1;
}
body #homepage .set4 .set4icon3 {
  width: 13.385vw;
  height: 13.385vw;
  opacity: 0.15;
  position: absolute;
  top: 33.542vw;
  left: 0;
}
body #homepage .set4 .content {
  display: flex;
  flex-flow: column;
  justify-content: center;
  align-items: center;
}
body #homepage .set4 .content .title {
  display: flex;
  align-items: center;
}
body #homepage .set4 .content .title h1 {
  font-weight: normal;
  font-size: 5vw;
  line-height: 7.03125vw;
  text-align: left;
  font-style: normal;
}
body #homepage .set4 .content .int {
  display: flex;
  align-items: flex-end;
  gap: 1.25vw;
}
body #homepage .set4 .content .int .left {
  width: 11.042vw;
  height: 13.542vw;
  position: relative;
}
body #homepage .set4 .content .int .left img {
  width: 5.208vw;
  height: 5.521vw;
  position: absolute;
  top: 0.417vw;
  right: 0.521vw;
  opacity: 0;
}
body #homepage .set4 .content .int .left img:nth-child(1) {
  width: 7.3609375vw;
  height: 7.386vw;
  position: absolute;
  bottom: 0;
  left: 0;
  top: unset;
  right: unset;
}
body #homepage .set4 .content .int .right {
  display: flex;
  flex-flow: column;
  align-items: center;
}
body #homepage .set4 .content .int .right .mini_title {
  font-family: HKGroteskBold;
  font-weight: bold;
  font-size: 1.875vw;
  line-height: 2.604vw;
  text-align: left;
  font-style: normal;
  margin: 1.667vw 0 0.833vw 0;
}
body #homepage .set4 .content .int .right .num {
  font-weight: normal;
  font-size: 3.333vw;
  line-height: 4.6875vw;
  text-align: left;
  font-style: normal;
}
body #homepage .set4 .content .int .right ul li {
  font-family: HKGroteskMedium;
  font-weight: 500;
  font-size: 1.458vw;
  color: #FFFFFF;
  line-height: 2.083vw;
  text-align: left;
  font-style: normal;
  margin-top: 0.833vw;
  list-style: disc;
}
body #homepage .set4 .content .ul_m {
  display: none;
}
body #homepage .set4 .content .map {
  display: flex;
  align-items: center;
  gap: 1.25vw;
  margin-top: 5.417vw;
}
body #homepage .set4 .content .map h1 {
  font-size: 5vw;
  font-weight: normal;
  text-align: left;
  font-style: normal;
}
body #homepage .set4 .content .map img {
  width: 3.333vw;
  height: 3.333vw;
  opacity: 0;
}
body #homepage .set4 .content .map .white,
body #homepage .set4 .content .map .green {
  display: inline-block;
}
body #homepage .set4 .content .bar {
  position: relative;
  width: 59.896vw;
  height: 8.542vw;
}
body #homepage .set4 .content .bar .opacity {
  opacity: 0;
}
body #homepage .set4 .content .bar .Progress_Bar {
  width: 100%;
  height: 0.729vw;
  background: #000;
  border-radius: 0.365vw;
  position: absolute;
  top: 4.323vw;
}
body #homepage .set4 .content .bar .Progress_Bar_green {
  display: flex;
  position: absolute;
  top: 4.323vw;
  height: 0.729vw;
  flex-flow: column-reverse;
  align-items: end;
  width: 0;
}
body #homepage .set4 .content .bar .Progress_Bar_green img:nth-child(1) {
  position: absolute;
  border-radius: 0.365vw;
}
body #homepage .set4 .content .bar .Progress_Bar_green .bar_icon {
  width: 1.796vw;
  height: 3.185vw;
  position: absolute;
  bottom: 0.729vw;
  right: -1vw;
}
body #homepage .set4 .content .bar .bar_text {
  display: flex;
  position: absolute;
  bottom: 0;
  width: 100%;
}
body #homepage .set4 .content .bar .bar_text p {
  display: flex;
  flex-flow: column;
  align-items: center;
  width: 25%;
  transform: translateX(-25%);
  opacity: 0;
}
body #homepage .set4 .content .bar .bar_text p span:nth-child(1) {
  font-family: HKGroteskRegular;
  font-weight: 400;
  font-size: 0.833vw;
  color: #D1D1D1;
  line-height: 1.146vw;
  text-align: left;
  font-style: normal;
}
body #homepage .set4 .content .bar .bar_text p span:nth-child(2) {
  font-family: HKGroteskBold;
  font-weight: bold;
  font-size: 1.042vw;
  color: #69CD4F;
  line-height: 1.458vw;
  text-align: left;
  font-style: normal;
}
@media (max-width: 1080px) {
  body #homepage .set4 {
    padding-top: 13.6vw;
  }
  body #homepage .set4 .set4like {
    top: 7.2vw;
    right: 6.93vw;
    width: 17.07vw;
    height: 15.73vw;
  }
  body #homepage .set4 .content .title h1 {
    font-size: 8.53vw;
    line-height: 12vw;
  }
  body #homepage .set4 .content .int {
    width: 100%;
  }
  body #homepage .set4 .content .int .left {
    width: 18.67vw;
    height: 18.67vw;
  }
  body #homepage .set4 .content .int .left img:nth-child(1) {
    width: 100%;
    height: 100%;
  }
  body #homepage .set4 .content .int .left img:nth-child(2) {
    display: none;
  }
  body #homepage .set4 .content .int .right {
    align-items: start;
  }
  body #homepage .set4 .content .int .right .mini_title {
    font-size: 4.27vw;
    line-height: 5.87vw;
    padding-left: 4.27vw;
    margin: 2.13vw 0;
  }
  body #homepage .set4 .content .int .right .num {
    font-size: 7.47vw;
    line-height: 10.67vw;
    padding-left: 4.27vw;
  }
  body #homepage .set4 .content .int .right ul {
    display: none;
  }
  body #homepage .set4 .content .ul_m {
    display: block;
    margin-top: 4.27vw;
  }
  body #homepage .set4 .content .ul_m li {
    font-family: HKGroteskRegular;
    font-weight: 400;
    font-size: 4.27vw;
    color: #FFFFFF;
    line-height: 7.47vw;
  }
  body #homepage .set4 .content .map {
    margin-top: 12.8vw;
    gap: 2.13vw;
  }
  body #homepage .set4 .content .map img {
    width: 4vw;
    height: 4vw;
  }
  body #homepage .set4 .content .map h1 {
    font-size: 8.53vw;
    line-height: 12vw;
  }
  body #homepage .set4 .content .set4icon3 {
    top: 99.47vw;
    left: 6.4vw;
  }
  body #homepage .set4 .content .bar {
    width: 100%;
    height: 53.07vw;
  }
  body #homepage .set4 .content .bar .Progress_Bar {
    height: 2.67vw;
    top: 26.4vw;
    border-radius: 2.13vw;
  }
  body #homepage .set4 .content .bar .Progress_Bar_green {
    height: 2.67vw;
    top: 26.4vw;
  }
  body #homepage .set4 .content .bar .Progress_Bar_green img:nth-child(1) {
    border-radius: 2.13vw;
  }
  body #homepage .set4 .content .bar .Progress_Bar_green .bar_icon {
    width: auto;
    height: 17.07vw;
    bottom: 2.67vw;
    right: -6.4vw;
  }
  body #homepage .set4 .content .bar .bar_text {
    bottom: 12.33vw;
  }
  body #homepage .set4 .content .bar .bar_text p {
    width: 33.33%;
    align-items: start;
  }
  body #homepage .set4 .content .bar .bar_text p span:nth-child(1) {
    font-size: 2.67vw;
    line-height: 3.73vw;
  }
  body #homepage .set4 .content .bar .bar_text p span:nth-child(2) {
    font-size: 2.67vw;
    line-height: 3.73vw;
  }
  body #homepage .set4 .content .bar .bar_text p:last-child {
    display: none;
  }
}
body #homepage .set5 {
  padding-top: 5vw;
  background: #000;
}
body #homepage .set5 .content {
  position: relative;
  z-index: 1;
}
body #homepage .set5 .content .title {
  width: 20.885vw;
  height: 7.03125vw;
  position: relative;
}
body #homepage .set5 .content .title img {
  height: 0;
  opacity: 0;
  position: absolute;
  bottom: 0;
}
body #homepage .set5 .content .cardList {
  width: 100%;
  border-radius: 0.417vw;
  margin-top: 2.5vw;
}
body #homepage .set5 .content .cardList .box {
  margin-top: 1.25vw;
  transition: all 0.3s ease;
}
body #homepage .set5 .content .cardList .box .q {
  background: #222;
  height: 5.052vw;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 1.71875vw;
  border: 0.104vw dashed #444444;
}
body #homepage .set5 .content .cardList .box .q .clos {
  display: block;
}
body #homepage .set5 .content .cardList .box .q .open {
  display: none;
  border: none;
  transition: all 0.3s ease;
}
body #homepage .set5 .content .cardList .box .q p {
  font-family: HKGroteskBold;
  font-weight: bold;
  font-size: 1.25vw;
  color: #FFFFFF;
  line-height: 1.71875vw;
  text-align: left;
  font-style: normal;
}
body #homepage .set5 .content .cardList .box .q img {
  width: 1.25vw;
  height: 0.75vw;
}
body #homepage .set5 .content .cardList .box .a {
  height: 0;
  overflow: auto;
  background: #000;
  transition: all 0.3s ease;
}
body #homepage .set5 .content .cardList .box .a .step {
  margin-bottom: 2.5vw;
  padding: 0 1.71875vw;
}
body #homepage .set5 .content .cardList .box .a .step .t {
  font-family: HKGroteskMedium;
  font-weight: 500;
  font-size: 1.25vw;
  color: #FFFFFF;
  line-height: 1.71875vw;
  text-align: left;
  font-style: normal;
}
body #homepage .set5 .content .cardList .box .a .step .d {
  font-family: HKGroteskRegular;
  font-weight: 400;
  font-size: 1.042vw;
  color: #FFFFFF;
  line-height: 1.458vw;
  text-align: left;
  font-style: normal;
  margin-top: 0.833vw;
}
body #homepage .set5 .content .cardList .box .a .step:nth-child(1) {
  padding: 1.25vw 1.71875vw 0;
}
body #homepage .set5 .content .cardList .box .a::-webkit-scrollbar {
  width: 2px;
}
body #homepage .set5 .content .cardList .box .a::-webkit-scrollbar-thumb {
  background: #444;
}
body #homepage .set5 .content .cardList .box .a::-webkit-scrollbar-track {
  background: #000;
}
body #homepage .set5 .content .cardList .active {
  height: 30.46875vw;
}
body #homepage .set5 .content .cardList .active .q {
  border: 0.104vw dashed rgba(105, 205, 79, 0.5);
}
body #homepage .set5 .content .cardList .active .q .clos {
  display: none;
}
body #homepage .set5 .content .cardList .active .q .open {
  display: block;
  transform: rotate(180deg);
}
body #homepage .set5 .content .cardList .active .a {
  border-left: 0.104vw dashed rgba(105, 205, 79, 0.5);
  border-right: 0.104vw dashed rgba(105, 205, 79, 0.5);
  border-bottom: 0.104vw dashed rgba(105, 205, 79, 0.5);
  height: 25.417vw;
}
body #homepage .set5 > img {
  position: absolute;
  top: 0;
  height: 28.1875vw;
}
@media (max-width: 1080px) {
  body #homepage .set5 {
    padding-top: 13.6vw;
  }
  body #homepage .set5 .content .title {
    width: 35.2vw;
    height: 12vw;
  }
  body #homepage .set5 .content .cardList .box {
    margin-top: 4.27vw;
    word-wrap: break-word;
  }
  body #homepage .set5 .content .cardList .box .q {
    height: 12.68vw;
    padding: 0 4.53vw;
  }
  body #homepage .set5 .content .cardList .box .q p {
    width: 68.8vw;
    font-size: 4.27vw;
    line-height: 5.87vw;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
  }
  body #homepage .set5 .content .cardList .box .q img {
    width: 3.73vw;
    height: 2.13vw;
  }
  body #homepage .set5 .content .cardList .box .a .step {
    margin-bottom: 6.93vw;
    padding: 0 4.27vw;
  }
  body #homepage .set5 .content .cardList .box .a .step .t {
    font-size: 4.27vw;
    line-height: 5.87vw;
  }
  body #homepage .set5 .content .cardList .box .a .step .d {
    font-size: 3.73vw;
    line-height: 7.47vw;
  }
  body #homepage .set5 .content .cardList .box .a .step:nth-child(1) {
    padding: 6.93vw 4.27vw 0;
  }
  body #homepage .set5 .content .cardList .active {
    height: 176.53vw;
  }
  body #homepage .set5 .content .cardList .active .q p {
    color: #69CD4F;
  }
  body #homepage .set5 .content .cardList .active .a {
    height: 163.856vw;
  }
  body #homepage .set5 > img {
    top: -10vw;
    height: 27.3vw;
    object-fit: contain;
  }
}
body #head {
  background: #222222;
  opacity: 0;
  position: sticky;
  top: 0;
  z-index: 98;
  width: 100%;
}
@media (max-width: 1080px) {
  body #head {
    background: unset;
    position: fixed;
  }
}
body #head .tabBox {
  padding-top: 1.875vw;
  padding-bottom: 1.875vw;
  display: flex;
  align-items: center;
}
@media (max-width: 1080px) {
  body #head .tabBox {
    display: flex;
    align-items: start;
    padding: 3vw 5.4vw;
    justify-content: space-between;
  }
}
body #head .tabBox .logo {
  width: 8.021vw;
  height: 1.549vw;
}
@media (max-width: 1080px) {
  body #head .tabBox .logo {
    width: 29.6vw;
    height: 6.4vw;
    z-index: 1;
  }
}
body #head .tabBox .tabList {
  display: flex;
  align-items: center;
  margin-left: 2.292vw;
  padding-left: 1.667vw;
  height: 1.875vw;
  border-left: 1px solid #333;
}
@media (max-width: 1080px) {
  body #head .tabBox .tabList {
    border: unset;
    flex-flow: column;
    align-items: start;
    gap: 8.53vw;
    background: rgba(0, 0, 0, 0.4);
    backdrop-filter: blur(5.33vw);
    margin: unset;
    position: absolute;
    top: 0;
    left: 0;
    padding: 22.4vw 6.4vw 0;
    width: 100%;
    height: 0;
    opacity: 0;
    overflow: hidden;
    transition: all 0.3s ease;
  }
}
body #head .tabBox .tabList a {
  font-size: 0.833vw;
  padding-right: 2.5vw;
  width: max-content;
  padding-bottom: 0.3125vw;
}
@media (max-width: 1080px) {
  body #head .tabBox .tabList a {
    font-size: 4.8vw;
    line-height: 6.67vw;
  }
}
body #head .tabBox .tabList .active {
  font-weight: 600;
  position: relative;
}
@media (max-width: 1080px) {
  body #head .tabBox .tabList .active {
    color: #69CD4F;
  }
}
body #head .tabBox .tabList .active:after {
  content: '';
  width: 0.417vw;
  height: 0.104vw;
  background: #69CD4F;
  position: absolute;
  bottom: 0;
  left: 0;
}
body #head .tabBox .tabList .active:before {
  content: '';
  width: 0.104vw;
  height: 0.104vw;
  background: #69CD4F;
  position: absolute;
  bottom: 0;
  left: 0.521vw;
}
@media (max-width: 1080px) {
  body #head .tabBox .open {
    height: 100vh;
    opacity: 1;
  }
  body #head .tabBox .open ~ .menu .menu_icon {
    opacity: 0;
  }
  body #head .tabBox .open ~ .menu .clos {
    opacity: 1;
  }
}
body #head .menu {
  display: none;
}
@media (max-width: 1080px) {
  body #head .menu {
    position: relative;
    display: block;
    width: 4.27vw;
    height: 4.27vw;
    z-index: 1;
  }
  body #head .menu img {
    position: absolute;
    transition: all 0.3s ease;
  }
  body #head .menu .menu_icon {
    opacity: 1;
  }
  body #head .menu .clos {
    opacity: 0;
  }
}
@media (max-width: 1080px) {
  body #head.black {
    background: #222;
  }
}
body #foot {
  background: #000;
  padding: 4.792vw 0 1.667vw 0;
  display: flex;
  align-items: center;
}
body #foot .content {
  display: flex;
  align-items: center;
}
body #foot .left {
  display: flex;
  flex-flow: column;
  gap: 0.833vw;
  width: 13.698vw;
}
body #foot .left .s1 {
  font-family: HKGroteskBold;
  font-weight: bold;
  font-size: 1.667vw;
  line-height: 2.34375vw;
  text-align: left;
  font-style: normal;
  display: flex;
  align-items: center;
  gap: 0.417vw;
}
body #foot .left .s1 .green {
  position: relative;
}
body #foot .left .s1 .green:after {
  content: '';
  width: 0.521vw;
  height: 0.104vw;
  background: #69CD4F;
  position: absolute;
  top: 0;
  left: 0;
}
body #foot .left .s1 .green:before {
  content: '';
  width: 0.104vw;
  height: 0.104vw;
  background: #69CD4F;
  position: absolute;
  top: 0;
  left: 0.625vw;
}
body #foot .left .s2 {
  display: flex;
  align-items: center;
  gap: 1.25vw;
}
body #foot .left .s2 a {
  width: 1.667vw;
  height: 1.667vw;
}
body #foot .left .s3 {
  width: 8.385vw;
  height: 1.823vw;
}
body #foot .left .s4 {
  font-family: HKGroteskRegular;
  font-weight: 400;
  font-size: 0.833vw;
  color: #999999;
  line-height: 1.146vw;
  text-align: left;
  font-style: normal;
}
body #foot .line {
  width: 0.104vw;
  height: 6.667vw;
  background: #333333;
  margin: 0 2.24vw 0 4.948vw;
}
body #foot .right {
  width: 40.3125vw;
  height: 10.3125vw;
  display: flex;
  flex-flow: column;
  justify-content: space-between;
}
body #foot .right p {
  font-family: HKGroteskRegular;
  font-weight: 400;
  font-size: 1.042vw;
  color: #999999;
  line-height: 1.71875vw;
  text-align: left;
  font-style: normal;
}
@media (max-width: 1080px) {
  body #foot {
    padding: 12.8vw 0 4.27vw;
  }
  body #foot .line {
    display: none;
  }
  body #foot .content {
    display: flex;
    align-items: start;
    flex-flow: column-reverse;
    width: 100%;
    gap: 6.4vw;
  }
  body #foot .content .left {
    width: 100%;
  }
  body #foot .content .left .s1 {
    font-size: 4.8vw;
    line-height: 6.67vw;
    gap: 4.27vw;
  }
  body #foot .content .left .s1 .green:after {
    width: 2.67vw;
    height: 0.53vw;
  }
  body #foot .content .left .s1 .green:before {
    width: 0.53vw;
    height: 0.53vw;
    left: 3.67vw;
  }
  body #foot .content .left .s2 {
    gap: 8.53vw;
  }
  body #foot .content .left .s2 a {
    width: 8.53vw;
    height: 8.53vw;
  }
  body #foot .content .left .s3 {
    width: 39.47vw;
    height: 8.53vw;
  }
  body #foot .content .left .s4 {
    font-size: 3.2vw;
    line-height: 4.53vw;
  }
  body #foot .content .right {
    width: 100%;
    height: 52.8vw;
  }
  body #foot .content .right p {
    font-size: 3.73vw;
    line-height: 5.87vw;
  }
}
body .go_top {
  font-family: HKGroteskBold;
  position: fixed;
  right: 1.042vw;
  bottom: 1.042vw;
  opacity: 0;
  transition: all 0.8s ease;
  z-index: 1;
  width: 2.604vw;
  height: 2.604vw;
  background: #30442B;
  border-radius: 0.26vw;
  font-weight: bold;
  font-size: 1.146vw;
  line-height: 1.5625vw;
  text-align: left;
  font-style: normal;
  display: flex;
  flex-flow: column;
  align-items: center;
  justify-content: center;
  border: 1px solid #69CD4F;
}
body .go_top img {
  width: 0.99vw;
  height: 0.573vw;
  transform: rotate(180deg);
}
@media (max-width: 1080px) {
  body .go_top {
    width: 8.53vw;
    height: 8.53vw;
    line-height: normal;
    right: 6.4vw;
    bottom: 6.4vw;
    font-size: 4.27vw;
  }
  body .go_top img {
    width: 3.73vw;
    height: 2.13vw;
  }
}
body .el-loading-mask,
body .el-table td.el-table__cell,
body .el-table th.el-table__cell.is-leaf {
  background-color: #222;
  color: white;
}
body .el-table__body tr.hover-row.current-row > td.el-table__cell,
body .el-table__body tr.hover-row.el-table__row--striped.current-row > td.el-table__cell,
body .el-table__body tr.hover-row.el-table__row--striped.selection-row > td.el-table__cell,
body .el-table__body tr.hover-row.el-table__row--striped > td.el-table__cell,
body .el-table__body tr.hover-row.selection-row > td.el-table__cell,
body .el-table__body tr.hover-row > td.el-table__cell {
  background-color: #222;
}
body .el-pagination.is-background .el-pager li:not(.disabled).active {
  background-color: #69CD4F;
}
body .el-loading-spinner .path {
  stroke: #69CD4F;
}
body .el-pagination.is-background .btn-next.disabled,
body .el-pagination.is-background .btn-next:disabled,
body .el-pagination.is-background .btn-prev.disabled,
body .el-pagination.is-background .btn-prev:disabled,
body .el-pagination.is-background .el-pager li.disabled {
  margin: unset;
}
/*# sourceMappingURL=index.css.map */