.home header {
  display        : flex;
  justify-content: space-between;
  margin-bottom  : 48px;
}

.home-body-content .top1 .title {
  font-weight            : 600;
  font-size              : 28px;
  background             : linear-gradient(#a2d2fa, #9ce6cf, #e0de77);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  margin-bottom          : 16px;
}

.home-body-content .top8 .titles .title-2 {
  background             : linear-gradient(#a2d2fa, #9ce6cf, #e0de77);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.home-body-content .download-btn {
  width          : 100%;
  display        : flex;
  margin-bottom  : 40px;
  flex-wrap      : wrap;
  justify-content: flex-start;
}

.home-body-content .download-btn button:hover {
  box-shadow: 0px 0px 10px #fff;
}

.home-body-content .download-btn button:active {
  box-shadow: none;
}

.home-body-content .download-btn button {
  cursor: pointer;
  margin: 0px 12px !important;
}

.home-body-content .download-btn button {
  width          : calc((100% - 24px) / 3);
  height         : 44px;
  display        : flex;
  align-items    : center;
  justify-content: center;
  font-size      : 13px;
  border-radius  : 6px;
  border         : 0px;
}

.home-body-content .download-btn .btn-1 {
  background-color: #fcd436;
  color           : #3b2900;
}

.home-body-content .download-btn .btn-2 {
  background-color: #2b3340;
  color           : #fcd436;
  border          : 1px solid #fcb93620;
}

.home-body-content .download-btn .btn-3 {
  background-color: #48c5a0;
  color           : #ffffff;
}

header {
  display        : flex;
  justify-content: space-between;
  align-items    : center;
}

.lang select {
  padding         : 5px 10px;
  border-radius   : 2px;
  background-color: #000;
  color           : #fff;
}

/* pc样式 */
@media screen and (min-width: 767px) {
  body {
    padding: 42px !important;
  }

  .home header .left img {
    width        : 50px;
    padding      : 2px;
    background   : #ffffff;
    border-radius: 12px;
  }

  .home-body-content .top1,
  .home-body-content .top2,
  .home-body-content .top4 {
    display        : flex;
    align-items    : flex-start;
    justify-content: space-between;
  }

  .home-body-content .top1,
  .home-body-content .top4 {
    align-items: center;
  }

  .home-body-content .top2,
  .home-body-content .top4 {
    padding      : 0px 50px;
    border-radius: 16px;
    border       : 1px solid #4b4b4b;
  }

  .home-body-content .top5 {
    padding: 0px 50px;
  }

  .home-body-content .top2 .right {
    width: 50%;
  }

  .home-body-content .top2 .bg-text img {
    max-width: 375px;
  }

  .bg-text {
    margin: 24px 0px 24px 50px;
  }

  .top3-bg-img {
    margin-left: 50px;
  }

  .top3-bg-img img {
    max-width    : 375px;
    width        : 300px;
    height       : 300px;
    border-radius: 40px;
  }

  .home-body-content .top1 .title {
    font-size: 42px !important;
  }

  .home-body-content .top1 .text-1 {
    margin   : 50px 0px;
    font-size: 24px;
  }

  .home-body-content .top2 .title,
  .home-body-content .top3 .title,
  .home-body-content .top4 .title,
  .home-body-content .top5 .title,
  .home-body-content .top6 .title,
  .home-body-content .top7 .title,
  .home-body-content .top8 .titles .title-1 .home-body-content .top8 .titles .title-2 {
    font-size    : 34px;
    font-weight  : 600;
    margin-bottom: 20px;
  }

  .home-body-content .top2 .text-1,
  .home-body-content .top4 .text-1,
  .home-body-content .top5 .text-1,
  .home-body-content .top6 .text-1,
  .home-body-content .top7 .text-1,
  .home-body-content .top8 .text-1 {
    font-size    : 22px;
    color        : #848d96;
    margin-bottom: 20px;
  }

  .home-body-content .top3 .text-boxs {
    display: flex;
  }

  .home-body-content .top3 .text-boxs .box {
    padding         : 26px;
    background-color: #29313c;
    border-radius   : 8px;
    margin          : 24px 12px;
    text-align      : left;
    flex            : 1;
  }

  .home-body-content .top3 .text-boxs .box .title {
    font-size: 24px;
    display  : flex;
  }

  .home-body-content .top3 .text-boxs .box .title img {
    width       : 30px;
    margin-right: 8px;
  }

  .home-body-content .download-btn {
    margin-top     : 150px;
    justify-content: flex-start;
  }

  .home-body-content .download-btn button {
    font-size: 18px;
    max-width: 200px;
    min-width: 200px;
    margin   : 10px 0px;
    height   : 60px;
  }

  .home-body-content .download-btn button img {
    width: 26px;
  }

  .home-body-content .top5 .flex-down {
    display: flex;
  }

  .home-body-content .top5 .flex-down .bg-text img {
    width: 400px;
  }

  .pc-flex {
    display: flex;
  }

  .pc-flex {
    border       : 1px solid #4b4b4b;
    border-radius: 16px;
    margin-bottom: 80px;
  }

  .pc-flex .top6 {
    border-right: 1px solid #4b4b4b;
  }

  .pc-flex .top6,
  .pc-flex .top7 {
    width        : 50%;
    padding      : 16px;
    margin-bottom: 0px;
    padding      : 18px 36px;
  }

  .pc-flex .top6 .text-1,
  .pc-flex .top7 .text-1 {
    display: flex;
  }

  .pc-flex .top6 .text-1 .bg-text img,
  .pc-flex .top7 .text-1 .bg-text img {
    width: 200px;
  }

  .pc-flex .top7 .bg-text {
    text-align: center;
  }

  .home-body-content .top8 .titles {
    font-size: 28px;
  }

  .home-body-content .top8 .top-last {
    display        : flex;
    align-items    : center;
    width          : 100%;
    justify-content: space-between;
  }

  .home-body-content .top8 .top-last .download-btn {
    max-width : 300px;
    margin-top: 0px;
  }
}

/* 手机样式 */
@media screen and (max-width: 767px) {
  .home-body-content {
    text-align: center;
    padding   : 0px 12px;
  }

  .home header .left img {
    padding      : 2px;
    background   : #ffffff;
    border-radius: 12px;
  }

  .home-body-content .top1 .text-1 {
    color        : #848d96;
    margin-bottom: 40px;
  }

  .home-body-content .top2 .title,
  .home-body-content .top3 .title,
  .home-body-content .top4 .title,
  .home-body-content .top5 .title,
  .home-body-content .top6 .title,
  .home-body-content .top7 .title,
  .home-body-content .top8 .titles .title-1 .home-body-content .top8 .titles .title-2 {
    font-size    : 26px;
    font-weight  : 600;
    margin-bottom: 20px;
  }

  .home-body-content .top5 ul {
    list-style-type: none;
    padding        : 0px;
  }

  .home-body-content .top2 .text-1,
  .home-body-content .top4 .text-1,
  .home-body-content .top5 .text-1,
  .home-body-content .top6 .text-1,
  .home-body-content .top7 .text-1,
  .home-body-content .top8 .text-1 {
    color        : #848d96;
    margin-bottom: 20px;
  }

  .home-body-content .top2 .text-1 span,
  .home-body-content .top5 .text-1 span {
    color: #cfdae5;
  }

  .home-body-content .top3 .text-boxs .box {
    padding         : 16px;
    background-color: #29313c;
    border-radius   : 8px;
    margin          : 24px 12px;
    text-align      : left;
  }

  .home-body-content .top3 .text-boxs .box .title {
    display      : flex;
    margin-bottom: 8px;
  }

  .home-body-content .top3 .text-boxs .box .title img {
    margin-right: 8px;
  }

  .home-body-content .top3 .text-boxs .box .title .title-text {
    font-size  : 17px;
    font-weight: 400;
  }

  .home-body-content .top3 .text-boxs .box .content {
    font-size: 14px;
    color    : #848d96;
  }

  .home-body-content .top8 .titles {
    text-align: left;
  }

  .home-body-content .top8 .titles h2 {
    margin: 0px;
  }

  .home-body-content .download-btn {
    justify-content: center;
  }

  .bg-text {
    /* width: 100vw; */
    /* transform: translateX(-28px); */
  }

  .top3-bg-img,
  .top8-bg-img {
    width: 100%;
  }

  .bg-text img,
  .top3-bg-img img {
    width        : 100%;
    height       : 300px;
    border-radius: 40px;
  }
}

.top8-bg-img img {
  cursor   : pointer;
  max-width: 40vw;
}

body {
  border          : 0px;
  margin          : 0px;
  padding         : 16px;
  background-color: #000000;
  color           : #fff;
}

.mb-24 {
  margin-bottom: 24px;
}

.mb-80 {
  margin-bottom: 80px;
}