https://freerobux.com/

送信済みURL:
https://freerobux.com/
レポート終了日:

リンク · 0件検出

ページから特定された発信リンク

JavaScript変数 · 11件検出

ページのウィンドウオブジェクトにロードされたグローバルのJavaScript変数は関数以外の場所で宣言された変数で、現在のスコープ内であればコードのどこからでもアクセス可能です

名前規模
onbeforetoggleobject
documentPictureInPictureobject
onscrollendobject
gtagfunction
dataLayerobject
$function
jQueryfunction
google_tag_managerobject
google_tag_dataobject
onYouTubeIframeAPIReadyfunction

コンソールログメッセージ · 0件検出

Webコンソールにログ記録されたメッセージ

HTML

未加工のHTMLページ本文

<!DOCTYPE html><html lang="en"><head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta name="yandex-verification" content="666fabef63a4328f">
  <title>Legitimate Free Robux Site: Earn Free Robux No Survey Today</title>
  <meta name="description" content="Earn free Robux no verification now! 100% legitimate. Free Robux websites that actually work 2024. No password. 54M+ R$ paid out. Play &amp; earn today!">
  <link rel="icon" href="/assets//logo.svg  " type="image/svg+xml">
  <link rel="preload" href="/assets/img_robux_rich_man.svg" as="image">
  <link rel="preload" href="/assets/logo.svg" as="image">
  <link rel="preload" href="/assets/icon_robux_dark.svg" as="image">
  <link rel="preload" href="/assets/icon_play.svg" as="image">
  <link rel="preload" href="/assets/icon_robux_step_silver.svg" as="image">
  <link rel="preload" href="/assets/icon_link_account.svg" as="image">
  <link rel="preload" href="/assets/icon_robux_step.svg" as="image">
  <link rel="preload" href="/assets/game_icon_512.webp" as="image">
  <link rel="preload" href="/assets/icon_android.svg" as="image">
  <link rel="preload" href="/assets/icon_apple.svg" as="image">
  <link rel="preload" href="/assets/pattern_robux.svg" as="image">
  <link rel="preload" href="/assets/pattern_extra.webp" as="image">
  <link rel="canonical" href="https://freerobux.com/">
  <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Nunito:wght@400;700&amp;display=swap" as="style" onload="this.onload=null;this.rel='stylesheet'">

  <style>
    body {
      font-family: 'Nunito', sans-serif !important;
      overflow-x: hidden;
      margin: 0;
    }

    /*  */
    body::before {
      content: "";
      background-image: url("/assets/pattern_robux.svg");
    }

    .container {
      height: 93px;
      background-color: rgba(31, 30, 29, .7);
      width: 100%;
      position: fixed;
      top: 0;
      display: flex;
      z-index: 999
    }

    .container .headImg {
      width: 300px;
      height: 100%;
      display: flex;
      align-items: center;
      justify-content: space-around;
      margin-left: 300px;
      cursor: pointer
    }

    .container .headImg span {
      font-size: 1.5rem;
      color: #fff;
      font-weight: 700
    }

    .container .navList {
      display: flex;
      align-items: center;
      padding-left: 15rem
    }

    .navList_drown {
      display: none
    }

    .container .navList ul {
      display: flex;
      justify-content: space-between;
      align-items: center
    }

    .container .navList ul li {
      list-style: none;
      padding: 0 1rem;
      color: #fff
    }

    .container .navList ul li a {
      list-style: none;
      color: #fff;
      text-decoration: none;
      font-size: 1.5rem;
      font-weight: 700
    }

    @media (max-width:1024px) {
      .container {
        width: 100%;
        height: 65px;
        display: flex;
        justify-content: space-between;
        align-items: center
      }

      .container .headImg {
        width: 50%;
        margin-left: 10px;
        display: flex;
        justify-content: space-around
      }

      .container .headImg img {
        width: 34px
      }

      .container .headImg span {
        font-size: 16px
      }

      .container .navList {
        display: none
      }

      .container .navList ul {
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 0
      }

      .container .navList ul li {
        list-style: none;
        padding: 0 .5rem;
        color: #fff
      }

      .container .navList ul li a {
        list-style: none;
        color: #fff;
        text-decoration: none;
        font-size: 16px;
        font-weight: 700
      }

      .container .navList_drown {
        display: block;
        position: relative;
        display: flex;
        justify-content: center;
        align-items: center;
        margin-right: 3rem
      }

      .dropdown-toggle div {
        width: 1rem;
        height: 2px;
        margin-top: 2px;
        background-color: #fff
      }

      .dropdown-menu {
        display: none;
        position: absolute;
        top: 2rem;
        left: -2rem;
        background-color: #111;
        box-shadow: 0 8px 16px rgba(253, 253, 253, .482);
        z-index: 1;
        list-style: none;
        padding: 0;
        margin: 0;
        opacity: .8;
        border-radius: 10px
      }

      .dropdown-menu li {
        list-style: none;
        padding: 8px 16px
      }

      .dropdown-menu li a {
        text-decoration: none;
        color: #fff;
        font-size: 1rem;
        font-weight: 700
      }
    }

    .richMan {
      width: 100%;
      padding-top: 150px;
      background-color: #2d2d2d;
      display: flex;
      justify-content: center;
      position: relative;
      z-index: 10;
      overflow: hidden;
      background-image: url("/assets/pattern_robux.svg");

    }

    .richMan .showRichMan {
      display: flex;
      justify-content: center;
      align-items: flex-end;
      padding-bottom: 60px
    }

    .richMan .showRichMan .richmanLogo {
      width: 133px;
      height: 144px
    }

    .richMan .showRichMan .richManTitle {
      color: #fff;
      font-size: 2.5rem;
      font-family: Nunito
    }

    .richMan .showRichMan .richManTitle span:nth-child(2) {
      color: #f9dfa1
    }

    .richMan .showRichMan .richManTitle span:nth-child(3) {
      color: #fff
    }

    .richMan .showRichMan .playGames {
      display: block;
      font-size: 2rem;
      color: #fff
    }

    .richMan .showRichMan p {
      font-size: 24px;
      color: #fff
    }

    .richMan .showRichMan .getGames {
      height: 4rem;
      width: 25rem;
      cursor: pointer;
      background-color: #01ff97;
      border-color: #111;
      display: flex;
      justify-content: space-around;
      align-items: center;
      border: 0;
      border-radius: .3rem
    }

    .richMan .showRichMan .getGames span {
      font-size: 30px;
      padding-left: 10px;
      color: #111;
      font-weight: 1000;
      font-family: Nunito, sans-serif
    }

    .richMan .showRichMan .getGames:hover {
      background-color: #01d676
    }

    .playGamesBr {
      display: block
    }

    @media (max-width:1201px) {
      .richMan {
        width: 100%;
        height: 400px;
        background-color: #2d2d2d;
        padding-top: 40px;
        background-image: url("/assets/pattern_robux.svg");
        display: flex;
        justify-content: center;
        position: relative;
        z-index: 10;
        overflow: hidden
      }

      .richMan .showRichMan {
        display: flex;
        justify-content: center;
        align-items: flex-end;
        padding-bottom: 10px
      }

      .richMan .showRichMan div:first-child {
        order: 1;
        position: relative
      }

      .richMan .showRichMan div:first-child .richmanImg {
        width: 143px;
        position: absolute;
        right: -15px;
        top: -320px;
        transform: rotate(-6deg)
      }

      .richMan .showRichMan div:nth-child(2) {
        order: 0;
        padding: 50px 0 0 20px
      }

      .richMan .showRichMan .richManTitle {
        color: #fff;
        font-size: 1.5rem;
        font-family: Nunito
      }

      .richMan .showRichMan .richManTitle span {
        color: #f9dfa1
      }

      .richMan .showRichMan .richManTitle .richManTitle_daily {
        display: none !important
      }

      .richMan .showRichMan .richManTitle::after {
        content: "";
        display: block;
        position: absolute;
        width: 100%;
        height: 13rem;
        background: #3d3d3d;
        bottom: -110px;
        right: 10px;
        transform: scale(1.5) rotate(-5deg);
        z-index: -1
      }

      .richMan .showRichMan .richmanLogo {
        width: 74px;
        height: 80px
      }

      .richMan .showRichMan .playGames {
        display: block;
        font-size: 1.5rem;
        font-weight: 200;
        color: #fff
      }

      .richMan .showRichMan p {
        font-size: 16px;
        color: #fff
      }

      .richMan .showRichMan .getGames {
        height: 3rem;
        width: 21rem;
        cursor: pointer;
        background-color: #01ff97;
        border-color: #111;
        display: flex;
        justify-content: space-around;
        align-items: center;
        border: 0;
        border-radius: .3rem
      }

      .richMan .showRichMan .getGames img {
        width: 34px
      }

      .richMan .showRichMan .getGames span {
        font-size: 1.5rem;
        padding-left: 10px;
        color: #111;
        font-weight: 1000;
        font-family: Nunito, sans-serif
      }

      .richMan .showRichMan .getGames:hover {
        background-color: #01d676
      }

      .playGamesBr {
        display: none
      }
    }

    .main {
      position: relative;
      z-index: 10;
      overflow: hidden
    }

    .richManTitle::after {
      content: "";
      display: block;
      position: absolute;
      width: 100%;
      height: 13rem;
      background: #3d3d3d;
      bottom: -170px;
      right: 10px;
      transform: scale(1.5) rotate(-5deg);
      z-index: -1
    }

    .earnRobux {
      width: 100%;
      height: 600px;
      background-color: #3d3d3d
    }

    .earnRobux .earnRobuxBox {
      width: 100%;
      height: 100%;
      text-align: center
    }

    .earnRobuxBox_average {
      display: flex;
      justify-content: space-around;
      align-items: center;
      background: linear-gradient(to bottom, #3d3d3d, #1a1a2e, #3d3d3d);
      border-radius: 8px;
    }

    .earnRobuxBox_average div {
      text-align: center;
      padding: 1rem;
    }

    .earnRobuxBox_average div p:nth-child(1) {
      font-size: 4rem;
      margin: 0;
      color: #01d676;
    }

    .earnRobuxBox_average div p:nth-child(2) {
      color: #ffffff;
      margin: 0;
      font-size: 1rem;
    }

    .earnRobux .earnRobuxBox h2 {
      margin: 0
    }

    .earnRobux .earnRobuxBox span {
      font-size: 60px;
      font-weight: 200
    }

    .earnRobux .earnRobuxBox span:first-child {
      color: #fff
    }

    .earnRobux .earnRobuxBox span:nth-child(2) {
      color: #f9dfa1
    }

    .earnRobux .earnRobuxBox .contentWarp {
      width: 80vw;
      height: 430px;
      display: flex;
      justify-content: space-between;
      margin: 20px auto;
      position: relative;
      z-index: 0
    }

    .earnRobux .earnRobuxBox .contentWarp div {
      width: 330px;
      height: 100%;
      margin: 10px auto
    }

    .earnRobux .earnRobuxBox .contentWarp div .circle {
      width: 150px;
      height: 150px;
      border-radius: 50%;
      display: flex;
      justify-content: center;
      align-items: center;
      background-color: #3d3d3d;
      border: 8px solid;
      border-color: #04eded
    }

    .earnRobux .earnRobuxBox .contentWarp div h3 {
      font-size: 24px;
      font-weight: 700;
      color: #fff;
      margin: 50px 0
    }

    .earnRobux .earnRobuxBox .contentWarp div p {
      font-size: 24px;
      font-weight: 200;
      color: #fff
    }

    .earnRobux .earnRobuxBox .contentWarp::before {
      content: "";
      position: absolute;
      z-index: -1;
      background: url("/assets/bg_step_arrow.svg") no-repeat center center;
      background-size: 100% auto;
      width: 100%;
      top: 97px;
      padding-top: 1%
    }

    .earnRobux .earnRobuxBox .contentWarp::after {
      content: "";
      position: absolute;
      background-color: #2d2d2d;
      z-index: -1;
      height: 160px;
      width: 1100em;
      transform: scale(1.5) rotate(3deg);
      bottom: -64vh
    }

    table {
      width: 90%;
      border-collapse: collapse;
      margin-bottom: 2rem;
      margin: 0;
    }

    th,
    td {
      border: 1px solid #dddddd;
      text-align: center;
      padding: 8px;
      color: #ffffff;
    }

    .check {
      color: #01ff97;
    }

    .cross {
      color: red;
    }

    @media (max-width:1201px) {
      table {
        /* display: none; */
        width: 90%;
        border-collapse: collapse;
        margin-bottom: 0rem;
        font-size: 12px;
      }

      th,
      td {
        border: 1px solid #dddddd;
        text-align: center;
        padding: 0px;
      }

      .check {
        color: #01ff97;
      }

      .cross {
        color: red;
      }

      .earnRobux {
        width: 100%;
        height: auto;
        background-color: #3d3d3d
      }

      .earnRobux .earnRobuxBox {
        width: 100%;
        text-align: center
      }

      .earnRobux .earnRobuxBox h2 {
        margin: 0
      }

      .earnRobux .earnRobuxBox span {
        font-size: 24px;
        font-weight: 200
      }

      .earnRobux .earnRobuxBox span:first-child {
        color: #fff
      }

      .earnRobux .earnRobuxBox span:nth-child(2) {
        color: #f9dfa1
      }

      .earnRobux .earnRobuxBox .contentWarp {
        width: 90vw;
        height: auto;
        display: flex;
        justify-content: space-between;
        position: relative;
        z-index: 0;
        margin: 0 auto
      }

      .earnRobux .earnRobuxBox .contentWarp div {
        width: 75px;
        height: 100%
      }

      .earnRobux .earnRobuxBox .contentWarp div .circle {
        width: 40px;
        height: 40px;
        border-radius: 50%;
        display: flex;
        justify-content: center;
        align-items: center;
        background-color: #3d3d3d;
        border: 4px solid;
        border-color: #04eded
      }

      .earnRobux .earnRobuxBox .contentWarp div .circle img {
        width: 20px
      }

      .earnRobux .earnRobuxBox .contentWarp div h3 {
        font-size: 10px;
        font-weight: 700;
        color: #fff;
        margin: 20px 0
      }

      .earnRobux .earnRobuxBox .contentWarp div p {
        font-size: 24px;
        font-weight: 200;
        color: #fff;
        display: none
      }

      .earnRobux .earnRobuxBox .contentWarp::before {
        content: "";
        position: absolute;
        z-index: -1;
        background: url("/assets/bg_step_arrow.svg") no-repeat center center;
        background-size: 100% auto;
        width: 100%;
        top: 43px;
        padding-top: 1%
      }

      .earnRobux .earnRobuxBox .contentWarp::after {
        content: "";
        position: absolute;
        background-color: #2d2d2d;
        z-index: -2;
        height: 160px;
        width: 1100em;
        transform: scale(1.5) rotate(3deg);
        bottom: -510px
      }
    }

    .aboutGameApp {
      width: 100%;
      height: 550px;
      position: relative;
      z-index: 1;
      display: flex;
      justify-content: center;
      background-color: #2d2d2d
    }

    .aboutGameApp .continer .continerTitle {
      text-align: center;
      margin-bottom: 40px
    }

    .aboutGameApp .continer .continerTitle span {
      font-size: 60px;
      font-weight: 200
    }

    .aboutGameApp .continer .continerTitle span:first-child {
      color: #fff
    }

    .aboutGameApp .continer .continerTitle span:nth-child(2) {
      color: #f9dfa1
    }

    .aboutGameApp .continer .continerTitle p {
      font-size: 1.5rem;
      font-weight: 200;
      color: #fff;
      margin: 0
    }

    .aboutGameApp .continer .gameContent {
      margin: auto;
      display: flex;
      justify-content: center
    }

    .aboutGameApp .continer .gameContent .gameCard {
      width: 300px;
      height: 400px;
      color: #fff;
      position: relative;
      border-radius: 24px;
      background-color: #3d3d3d;
      text-align: center;
      cursor: pointer
    }

    .aboutGameApp .continer .gameContent .gameCard img {
      border-radius: 12px;
      opacity: .8;
      height: 260px;
      margin-top: 10px
    }

    .aboutGameApp .continer .gameContent .gameCard div {
      text-align: start;
      padding-left: 20px
    }

    .aboutGameApp .continer .gameContent .gameCard div p:first-child {
      font-size: 24px;
      font-weight: 700;
      margin-top: 10px
    }

    .aboutGameApp .continer .gameContent .gameCard div p:nth-child(2) {
      font-size: 16px;
      font-weight: 200
    }

    .aboutGameApp .continer .gameContent .gameCard .supportPlatForm {
      position: absolute;
      width: 105px;
      top: 25px;
      right: 170px;
      display: flex;
      justify-content: space-between
    }

    .hot_games {
      width: 5rem;
      text-align: center;
      position: absolute;
      top: -15px;
      left: 190px
    }

    .hot_games img {
      width: 100%;
      margin: 0 !important;
      height: auto !important;
      background-size: cover;
    }

    .aboutGameApp .continer .gameContent .gameCard .supportPlatForm div {
      background-color: rgba(17, 17, 17, .5);
      width: 30px;
      height: 27px;
      border-radius: 24px;
      display: flex;
      justify-content: center;
      align-items: center
    }

    .aboutGameApp .continer .gameContent .gameCard .supportPlatForm div img {
      height: 16px;
      margin: 0 20px 0 0;
      filter: brightness(120%)
    }

    @media (max-width:1201px) {
      .aboutGameApp {
        width: 100%;
        height: auto;
        position: relative;
        z-index: 1;
        display: flex;
        justify-content: center;
        background-color: #2d2d2d
      }

      .aboutGameApp .continer {
        padding: 0 10px
      }

      .aboutGameApp .continer .continerTitle {
        margin-bottom: 20px;
        text-align: center
      }

      .aboutGameApp .continer .continerTitle span {
        font-size: 24px;
        font-weight: 200
      }

      .aboutGameApp .continer .continerTitle span:first-child {
        color: #fff
      }

      .aboutGameApp .continer .continerTitle span:nth-child(2) {
        color: #f9dfa1
      }

      .aboutGameApp .continer .gameContent {
        margin: auto;
        display: flex;
        justify-content: center
      }

      .aboutGameApp .continer .gameContent .gameCard {
        width: 173px;
        height: auto;
        color: #fff;
        position: relative;
        border-radius: 24px;
        background-color: #3d3d3d;
        text-align: center;
        cursor: pointer
      }

      .aboutGameApp .continer .gameContent .gameCard img {
        border-radius: 12px;
        opacity: .8;
        height: 160px;
        margin-top: 10px
      }

      .aboutGameApp .continer .gameContent .gameCard div {
        text-align: start;
        padding-left: 20px
      }

      .aboutGameApp .continer .gameContent .gameCard div p:first-child {
        font-size: 10px;
        font-weight: 700;
        margin-top: 0
      }

      .aboutGameApp .continer .gameContent .gameCard div p:nth-child(2) {
        font-size: 16px;
        font-weight: 200;
        display: none
      }

      .aboutGameApp .continer .gameContent .gameCard .supportPlatForm {
        position: absolute;
        width: 105px;
        top: 16px;
        right: 57px;
        display: flex;
        justify-content: space-between
      }

      .hot_games {
        width: 3.5rem;
        top: -8px;
        left: 97px;
      }

      .aboutGameApp .continer .gameContent .gameCard .supportPlatForm div {
        background-color: rgba(17, 17, 17, .5);
        width: 30px;
        height: 27px;
        border-radius: 24px;
        display: flex;
        justify-content: center;
        align-items: center
      }

      .aboutGameApp .continer .gameContent .gameCard .supportPlatForm div img {
        height: 16px;
        margin: 0 20px 0 0;
        filter: brightness(120%)
      }
    }

    .aboutGameApp::after {
      content: "";
      background: #111;
      z-index: -1;
      height: 12rem;
      position: absolute;
      bottom: 0;
      width: 100%
    }

    .aboutSection {
      padding: 80px 0 40px 0;
      background: #111
    }

    .aboutSection div {
      width: 100%
    }

    .aboutSection div .selectConent {
      width: 100rem;
      display: flex;
      margin: auto;
      justify-content: space-around
    }

    .aboutSection div .selectConent .aboutUs {
      border-radius: 12px;
      background-color: #292929;
      color: #fff;
      width: 60%
    }

    .aboutSection div .selectConent .aboutUs p {
      padding: 10px 40px 10px 40px;
      font-size: 24px;
      font-weight: 200
    }

    .aboutSection div .selectConent .aboutUs p span:first-child {
      font-size: 60px;
      font-weight: 200
    }

    .aboutSection div .selectConent .aboutUs p span:nth-child(2) {
      font-size: 60px;
      font-weight: 200;
      color: #f9dfa1
    }

    .aboutSection div .selectConent .status {
      color: #fff;
      width: 35%;
      text-align: center;
      display: flex;
      flex-direction: column;
      justify-content: space-between
    }

    .aboutSection div .selectConent .status div:first-child {
      display: none
    }

    .aboutSection div .selectConent .status div {
      width: 100%;
      border-radius: 12px;
      background-color: #292929
    }

    .aboutSection div .selectConent .status div p {
      margin: 0
    }

    .aboutSection div .selectConent .status div p:first-child {
      font-size: 60px;
      font-weight: 200;
      color: #01ff97
    }

    .aboutSection div .selectConent .status div p:nth-child(2) {
      color: #fff;
      padding-bottom: .5rem
    }

    @media (max-width:1024px) {
      .aboutSection {
        padding: 40px 0 40px 0;
        background: #111
      }

      .aboutSection div {
        width: 100%
      }

      .aboutSection div .selectConent {
        width: auto;
        display: flex;
        justify-content: space-around
      }

      .aboutSection div .selectConent .aboutUs {
        border-radius: 12px;
        background-color: #292929;
        color: #fff;
        width: 50%;
        margin: 0 10px
      }

      .aboutSection div .selectConent .aboutUs p {
        padding: 20px 20px 0 20px;
        font-size: 24px;
        font-weight: 200
      }

      .aboutSection div .selectConent .aboutUs p span:first-child {
        font-size: 24px;
        font-weight: 200
      }

      .aboutSection div .selectConent .aboutUs p span:nth-child(2) {
        font-size: 24px;
        font-weight: 200;
        color: #f9dfa1
      }

      .aboutSection div .selectConent .aboutUs p:first-child {
        margin: 0
      }

      .aboutSection div .selectConent .aboutUs p:nth-child(2) {
        font-size: 16px;
        margin-top: 0
      }

      .aboutSection div .selectConent .aboutUs p:nth-child(3) {
        font-size: 16px
      }

      .aboutSection div .selectConent .status {
        color: #fff;
        width: 45%;
        text-align: center;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        margin-right: 10px
      }

      .aboutSection div .selectConent .status div:first-child {
        display: block;
        display: flex;
        align-items: center;
        justify-content: center;
        background-color: #111;
        height: auto
      }

      .aboutSection div .selectConent .status div:first-child img {
        height: 5rem
      }

      .aboutSection div .selectConent .status div {
        width: 100%;
        border-radius: 12px;
        background-color: #292929
      }

      .aboutSection div .selectConent .status div p {
        margin: 0
      }

      .aboutSection div .selectConent .status div p:first-child {
        font-size: 24px;
        font-weight: 200;
        color: #01ff97
      }

      .aboutSection div .selectConent .status div p:nth-child(2) {
        color: #fff;
        padding-bottom: .5rem;
        font-size: 16px
      }
    }

    .blogsGuides {
      background-color: #111
    }

    .blogsGuides .blogsContent {
      margin: 0 1rem;
      display: flex;
      flex-wrap: wrap;
      justify-content: center;
      align-items: flex-start
    }

    .latestContent {
      background: linear-gradient(to right, #010e1e, #00070f, #010e1e);
      display: flex;
      justify-content: center;
    }

    .latestContent div {
      width: 65%;
    }

    .latestContent h2 {
      margin: 0;
      color: #ffffff;
      padding: 2rem;
      font-size: 3rem;
      /* font-weight: 700; */
      text-align: center;

    }

    .latestContent p {
      margin: 0;
      color: #ffffff;
      padding: 1rem;
      font-weight: 500;
      font-size: 1.5rem;
      text-align: left;
    }

    .latestContent h3 {
      margin: 0;
      color: #ffffff;
      padding: 1.5rem;
      font-size: 2rem;
      /* font-weight: 700; */
      text-align: center;
    }

    .latestContent p a {
      color: #01d676;
    }

    .blogsContent h2 {
      color: #fff;
      width: 80%;
      font-size: 2rem;
      font-weight: 700;
      /* margin-bottom: 0; */
      display: flex;
      justify-content: space-between;
      padding-right: 2rem;
    }

    .blogsContent h2 a {
      color: #ffffff;
      text-decoration: none;
      display: flex;
      align-items: center;
    }

    .blogsContent h2 a img {
      padding-left: 1rem;
    }

    .blogsContent .blogsContentBox div:hover {
      transform: scale(1.05);
      transition: all .3s ease-in-out
    }

    .blogsContentBox {
      width: 80%;
      display: flex;
      justify-content: space-between;
      flex-wrap: wrap
    }

    .blogsContentBox a {
      text-decoration: none;
    }

    .blogsContent .blogsContentBox div .maxresdefault {
      width: 100%;
      height: 300px;
      text-align: center;
      background-color: #111;
      border-radius: 24px;
      display: flex;
      align-items: center;
      overflow: hidden
    }

    .blogsGuides .blogsContent .blogsContentBox div {
      width: 480px;
      margin: 0 2rem 0 0;
      cursor: pointer
    }

    .blogsContent .blogsContentBox div .maxresdefault img {
      width: 100%;
      background-color: #111;
      object-fit: cover;
    height: 95%;
    }

    .blogsContent .blogsContentBox div a {
      text-decoration: none
    }

    .blogsContent .blogsContentBox div h3 {
      font-size: 24px;
      font-weight: 700;
      margin-bottom: 1.5rem;
      color: #fff
    }

    .blogsContent .blogsContentBox div p {
      font-size: 1.2rem;
      font-weight: 400;
      margin-bottom: 1rem;
      color: #fff;
      width: 100%
    }

    .reasons {
      background-color: #2d2d2d;
      display: flex;
      justify-content: center;
      position: relative;
    }

    .reasons .reasonsContent {
      width: 80%;
      text-align: left;
    }

    .reasonsContentBox {
      background-color: #3d3d3d;
      border-radius: 12px;
      padding-top: 2rem;
      padding-left: 2rem;
      width: 80%;
      margin: auto;
    }

    .reasons h2 {
      margin: 0;
      color: #ffffff;
      font-size: 3rem;
      padding: 2rem 0;
      text-align: center;
    }

    .reasons .description {
      text-align: center !important;
    }

    .reasons p {
      color: #ffffff;
      margin: 0;
      font-size: 1.5rem;
      font-weight: 500;
      text-align: left;
      padding-bottom: 2.5rem;
      opacity: 0;
      animation: fadeInUp 1s ease forwards;
      text-align: left;
    }

    .reasons p:nth-of-type(1) {
      animation-delay: 0.5s;
      /* text-align: center; */
    }

    .reasons p:nth-of-type(2) {
      animation-delay: 1s;
    }

    .reasons p:nth-of-type(3) {
      animation-delay: 1.5s;
    }

    .reasons p:nth-of-type(4) {
      animation-delay: 2s;
    }

    .reasons p:nth-of-type(5) {
      animation-delay: 2.5s;
    }

    .reasons p:nth-of-type(6) {
      animation-delay: 3s;
    }

    .reasons p:nth-of-type(7) {
      animation-delay: 3.5s;
    }

    .contrast {
      background: linear-gradient(to right, #2d2d2d, #3d3d3d);
      display: flex;
      justify-content: center;
      padding: 2rem 0;
    }

    .contrast .contrastTitle {
      width: 35%;
      margin-right: 5%;
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
    }

    .contrast .contrastContent {
      width: 40%;
    }

    .contrast h2 {
      margin: 0;
      color: #ffffff;
      font-size: 2rem;
      font-weight: 700;
      padding-bottom: 2rem;
      text-align: center;
    }

    .contrast p {
      color: #ffffff;
      margin: 0;
      font-size: 1.5rem;
      font-weight: 500;
      text-align: left;
      /* width: 90%; */
      text-align: center;

    }

    .contrast p a {
      color: #01ff97;
    }

    .tips {
      background-color: #3d3d3d;
      display: flex;
      justify-content: center;
      position: relative;

    }

    .arrow_down {
      width: 30px;
      height: 30px;
      position: absolute;
      top: 97%;
      left: 50%;
      cursor: pointer;
      z-index: 999;
    }

    .arrow_down:before {
      content: '';
      position: absolute;
      /* top: 97%; */
      /* left: 50%; */
      transform: translateX(-50%);
      width: 30px;
      height: 30px;
      cursor: pointer;
      animation: arrow_down1 3s linear infinite;
      background-image: url(./assets/arrow_down.svg);
    }

    .tips .tipsContent {
      width: 70%;
      text-align: center;
    }


    .tips h2 {
      margin: 0;
      color: #ffffff;
      font-size: 3rem;
      padding: 2rem 0;
    }

    .tips p {
      color: #ffffff;
      margin: 0;
      font-size: 1.5rem;
      font-weight: 500;
      text-align: left;
      padding-bottom: 2rem;
      opacity: 0;
      /* 初始透明度为 0 */
      animation: fadeInUp 0.8s ease forwards;
      /* 动画 */
    }

    .tips .tipsTitle {
      font-size: 1.5rem;
      padding: 1.5rem 0;
      font-weight: 700;
      text-align: left;
      opacity: 0;
      /* 初始透明度为 0 */
      animation: fadeInUp 0.8s ease forwards;
      /* 动画 */
    }

    .tipsContentNone {
      display: none;
    }

    .tips p:nth-of-type(1) {
      animation-delay: 0.5s;
    }

    .tips p:nth-of-type(2) {
      animation-delay: 1s;
    }

    .tips p:nth-of-type(3) {
      animation-delay: 1.5s;
    }

    .tips p:nth-of-type(4) {
      animation-delay: 2s;
    }

    .tips p:nth-of-type(5) {
      animation-delay: 2.5s;
    }

    .tips p:nth-of-type(6) {
      animation-delay: 3s;
    }

    .tips p:nth-of-type(7) {
      animation-delay: 3.5s;
    }

    .tips p:nth-of-type(8) {
      animation-delay: 4s;
    }

    .tips .tipsTitle:nth-of-type(1) {
      animation-delay: 0s;
    }

    .tips .tipsTitle:nth-of-type(2) {
      animation-delay: 0.5s;
    }

    .tips .tipsTitle:nth-of-type(3) {
      animation-delay: 1s;
    }

    .tips .tipsTitle:nth-of-type(4) {
      animation-delay: 1.5s;
    }

    .tips .tipsTitle:nth-of-type(5) {
      animation-delay: 2s;
    }

    .tips .tipsTitle:nth-of-type(6) {
      animation-delay: 2.5s;
    }

    .tips .tipsTitle:nth-of-type(7) {
      animation-delay: 3s;
    }


    /* 定义关键帧动画 */
    @keyframes fadeInUp {
      0% {
        opacity: 0;
        transform: translateY(20px);
      }

      100% {
        opacity: 1;
        transform: translateY(0);
      }
    }

    @keyframes arrow_down1 {
      0% {
        transform: translateY(0) translateX(-50%);
      }

      50% {
        transform: translateY(-20px) translateX(-50%);
      }

      100% {
        transform: translateY(0) translateX(-50%);
      }
    }


    .faqSection {
      background-color: #2d2d2d
    }

    .faqSection .fapContent {
      width: 100%;
      padding: 0 1.5rem;
      padding-top: 100px;
      position: relative
    }

    .faqSection .fapContent .fapTitle {
      position: relative;
      z-index: 0;
      text-align: center
    }

    .faqSection .fapContent .fapTitle p {
      margin: 0 0 20px 0
    }

    .faqSection .fapContent .fapTitle p:first-child {
      font-size: 60px;
      font-weight: 700;
      color: #fff
    }

    .faqSection .fapContent .fapCollapse {
      margin: auto;
      width: 60%;
      padding-bottom: 50px
    }

    .banner {
      padding: 4rem 0;
      display: flex;
      justify-content: center;
      align-items: center;
      background: linear-gradient(to right, #010e1e, #00070f, #010e1e);
      color: #ffffff;
      /* padding-left: 5%; */
    }

    .banner div {
      width: 50%;
      display: flex;
      align-items: center;
      flex-wrap: wrap;
      justify-content: center;
    }

    .banner h2 {
      font-size: 2rem;
      font-weight: 700;

    }

    .banner p {
      width: 75%;
      font-size: 1.2rem;
      text-align: center;
    }

    .banner p a {
      color: #01ff97;

    }

    .banner img {
      width: 25%;
      /* height: 20%; */
      border-radius: 5px;
    }

    @media (max-width:1201px) {
      .banner {
        padding: 1rem 0;
        display: block;
        text-align: center;
        padding-bottom: 1rem;
      }

      .banner div {
        width: 100%;
        text-align: center;
      }

      .banner div h2 {
        font-size: 1.5rem;
      }

      .banner div p {
        width: 90%;
        margin: 0;
        padding-bottom: 2rem;
        font-size: 1rem;
      }

      .banner img {
        width: 90%;
        height: 90%;
      }

      .blogsContent h2 {
        color: #fff;
        width: 90%;
        font-size: 1.2rem;
        font-weight: 700;
        display: flex;
        justify-content: space-between;
        padding-left: 2rem;
        padding-right: 0;
      }

      .blogsContent h2 a img {
        padding-left: 0.8rem;
      }

      .blogsContentBox {
        width: 100%
      }

      .blogsContent .blogsContentBox div .maxresdefault {
        height: 200px
      }

      .blogsContent .blogsContentBox div h3 {
        font-size: 16px;
        font-weight: 700;
        color: #fff;
        margin: 0 0 1rem 1rem
      }

      .blogsContent .blogsContentBox div p {
        font-size: 16px;
        font-weight: 400;
        margin: 0 0 1rem 1rem;
        color: #fff;
        width: 100%
      }

      .blogsGuides .blogsContent .blogsContentBox div {
        width: 20rem;
        cursor: pointer;
        margin: 0 0.5rem;
      }

      .latestContent div {
        width: 90%;
      }

      .latestContent h2 {
        margin: 0;
        color: #ffffff;
        padding: 1rem 0;
        font-size: 1.5rem;
        /* font-weight: 700; */
        text-align: center;

      }

      .latestContent p {
        margin: 0;
        color: #ffffff;
        padding: 1rem 0;
        font-weight: 500;
        font-size: 1rem;
        text-align: center;
      }

      .latestContent h3 {
        margin: 0;
        color: #ffffff;
        padding: 1rem 0;
        font-size: 1.2rem;
        /* font-weight: 700; */
        text-align: center;
      }

      .reasons .reasonsContent {
        width: 100%;
        text-align: left;
      }

      .reasonsContentBox {
        background-color: #3d3d3d;
        border-radius: 12px;
        padding-top: 1.5rem;
        padding-left: 1.5rem;
        width: 85%;
        margin: auto;
      }

      .reasons h2 {
        margin: 0;
        color: #ffffff;
        font-size: 1.5rem;
        padding: 1rem 0;
        text-align: center;
      }

      .reasons p {
        color: #ffffff;
        margin: 0;
        font-size: 1rem;
        font-weight: 500;
        text-align: left;
        padding-bottom: 1.5rem;
        opacity: 0;
        text-align: left;
      }

      .contrast {
        background: linear-gradient(to right, #2d2d2d, #3d3d3d);
        padding: 1.5rem 0;
        display: block;
      }

      .contrast .contrastTitle {
        width: 95%;
        margin-right: 0;
        margin: 0 auto;
        display: block;
        padding-bottom: 1.5rem;
      }

      .contrast .contrastContent {
        width: 100%;
        display: flex;
        justify-content: center;
      }

      .contrast h2 {
        margin: 0;
        color: #ffffff;
        font-size: 1.5rem;
        font-weight: 700;
        padding-bottom: 1.5rem;
        text-align: center;
      }

      .contrast p {
        color: #ffffff;
        margin: 0;
        font-size: 1rem;
        font-weight: 500;
        text-align: left;
        text-align: center;

      }

      .tips .tipsContent {
        width: 90%;
        text-align: center;
      }

      .tips h2 {
        margin: 0;
        color: #ffffff;
        font-size: 1.5rem;
        padding: 1rem 0;
      }

      .tips p {
        color: #ffffff;
        margin: 0;
        font-size: 1rem;
        font-weight: 500;
        text-align: left;
        padding-bottom: 1.5rem;
        opacity: 0;
        /* 初始透明度为 0 */
        animation: fadeInUp 0.8s ease forwards;
        /* 动画 */
      }

      .tips .tipsTitle {
        font-size: 1rem;
        padding: 1rem 0;
        font-weight: 700;
        text-align: left;
        opacity: 0;
        /* 初始透明度为 0 */
        animation: fadeInUp 0.8s ease forwards;
        /* 动画 */
      }

      .faqSection {
        background-color: #2d2d2d
      }

      .faqSection .fapContent {
        width: 100%;
        padding: 0;
        padding-top: 10px;
        position: relative
      }

      .faqSection .fapContent .fapTitle {
        position: relative;
        z-index: 0;
        text-align: center
      }

      .faqSection .fapContent .fapTitle p {
        margin: 0
      }

      .faqSection .fapContent .fapTitle p:first-child {
        font-size: 24px;
        font-weight: 700;
        color: #fff
      }

      .faqSection .fapContent .fapCollapse {
        width: 90%;
        padding-bottom: 50px;
        margin: auto
      }

      .faqSection .fapContent .fapCollapse .collapseContent {
        color: #fff;
        font-size: 16px;
        font-weight: 200;
        margin-top: 0
      }

      .fapTitle::before {
        content: "";
        position: absolute;
        bottom: -7px;
        right: 70px;
        z-index: -1;
        width: 190px;
        display: none;
        height: 115px;
        transform-origin: 0 0;
        background: linear-gradient(91deg, #111 0, #2d2d2d 100%);
        transform: scale(1) rotate(29deg);
        opacity: .5
      }
    }

    .fapTitle::before {
      content: "";
      position: absolute;
      bottom: -7px;
      right: 800px;
      z-index: -1;
      width: 280px;
      display: none;
      height: 210px;
      transform-origin: 0 0;
      background: linear-gradient(91deg, #111 0, #2d2d2d 100%);
      transform: scale(1) rotate(29deg);
      opacity: .5
    }

    .extraSection {
      width: 100%;
      padding-top: 10px;
      background-image: url("/assets/pattern_extra.webp");
      background-size: 100% auto;
      background-color: #3d3d3d;
      text-align: center
    }

    .extraSection h2 {
      margin: 1rem 0;
      font-size: 3rem;
      color: #fff;
      padding-top: 1rem
    }

    .extraSection h2 span {
      color: #f9dfa1
    }

    .extraSection .toJourney {
      display: flex;
      justify-content: center;
      height: 25vh
    }

    .extraSection .toJourney .card {
      width: 30%;
      height: auto;
      text-align: center;
      background-color: #2d2d2d;
      color: #fff !important;
      border-radius: .5rem;
      margin: 1rem;
      position: relative;
      transform-style: preserve-3d;
      transition: transform 1s cubic-bezier(.455, .03, .515, .955)
    }

    .extraSection .toJourney .card:first-child:hover {
      transform: rotateX(-180deg)
    }

    .extraSection .toJourney .card:nth-child(2):hover {
      transform: rotateX(-180deg)
    }

    .extraSection .toJourney .card .back,
    .extraSection .toJourney .card .front {
      position: absolute;
      width: 100%;
      height: 100%;
      backface-visibility: hidden;
      border-radius: .5rem
    }

    .extraSection .toJourney .card .front {
      z-index: 2;
      transform: rotate3d(-1, 1, 0, 0deg)
    }

    .extraSection .toJourney .card .back {
      background-size: cover;
      background-position: center;
      transform: rotate3d(-1, 1, 0, 180deg)
    }

    .cartTitle {
      font-size: 1.5rem !important;
      padding: 1rem !important;
      font-weight: 700 !important
    }

    .extraSection .toJourney .card .front p {
      margin: 0;
      padding: 0 1rem;
      font-size: 1.2rem
    }

    .toGetGameBoux {
      padding: 2rem;
      display: flex;
      justify-content: center;
      align-items: center;
    }

    .toGetGameBoux .extraContainerBut {
      height: 3.5rem;
      width: 21rem;
      cursor: pointer;
      background-color: #01ff97;
      display: flex;
      justify-content: space-around;
      align-items: center;
      border: 0;
      border-radius: .3rem
    }

    .toGetGameBoux .extraContainerBut img {
      height: 2.5rem
    }

    .toGetGameBoux .extraContainerBut span {
      font-size: 1.5rem;
      padding-left: 10px;
      color: #111;
      font-weight: 700;
      font-family: Nunito, sans-serif
    }

    .extraSection .extraContainer {
      width: 100vw;
      padding: 0 0 1rem 0;
      margin: auto;
      text-align: center
    }

    .extraSection .extraContainer p:first-child {
      color: #01ff97;
      font-size: 4rem;
      font-weight: 700;
      margin: 0
    }

    .extraSection .extraContainer p:nth-child(2) {
      color: #fff;
      font-size: 24px;
      font-weight: 200;
      margin: 0 auto;
      width: 60vw
    }

    .extraSection .extraContainer p a {
      color: #01ff97;
    }

    @media (max-width:1201px) {
      .extraSection {
        width: 100%;
        height: auto;
        padding-top: 10px;
        background-image: url("/assets/pattern_extra.webp");
        background-size: 100% auto;
        background-color: #3d3d3d
      }

      .extraSection h2 {
        margin: 1rem 0;
        font-size: 1.8rem;
        color: #fff;
        padding-top: 1rem
      }

      .extraSection .extraContainer {
        width: auto;
        height: 100%;
        margin: auto;
        text-align: center;
        padding: 0
      }

      .extraSection .extraContainer p:first-child {
        color: #01ff97;
        font-size: 1.5rem;
        padding-top: 0
      }

      .extraSection .extraContainer p:nth-child(2) {
        color: #fff;
        font-size: 14px;
        font-weight: 200;
        width: 90vw;
        margin: 0 auto;
        padding-bottom: 2rem
      }

      .extraSection .toJourney {
        display: block;
        height: 60vh
      }

      .extraSection .toJourney .card {
        height: 46%;
        width: auto
      }

      .extraSection .toJourney .card .back {
        display: none
      }

      .extraSection .toJourney .card .front h1 {
        font-size: 1.2rem;
        margin: .5rem 0
      }

      .extraSection .toJourney .card .front p {
        font-size: 14px
      }
    }

    .footerBox {
      background-color: #292929
    }

    footer {
      background-color: #292929;
      position: relative;
      display: flex
    }

    footer nav {
      margin: auto;
      padding-top: 50px
    }

    footer nav a {
      font-size: 60px;
      font-weight: 700;
      color: #f9dfa1;
      display: flex;
      align-items: center;
      text-decoration: none
    }

    footer nav a img {
      width: 71px;
      height: 77px;
      padding-right: 10px
    }

    footer nav .footerContent {
      display: flex;
      padding-left: 80px
    }

    footer nav .footerContent .footerItem1 {
      height: 100%;
      width: 40%
    }

    footer nav .footerContent .footerItem1 p {
      font-size: 24px;
      font-weight: 200;
      color: #fff;
      padding-bottom: 20px
    }
    footer nav .footerContent .footerItem1 p span{
      font-size: 22px;
    }

    footer nav .footerContent .footerItem2 {
      height: 100%
    }

    footer nav .footerContent .footerItem2 .navList {
      display: flex;
      flex-wrap: wrap;
      list-style: none
    }

    footer nav .footerContent .footerItem2 .navList li {
      padding: 10px 20px 0 15px
    }

    footer nav .footerContent .footerItem2 .navList li a {
      font-size: 24px;
      font-weight: 700;
      color: #fff
    }

    footer nav .footerContent .footerItem2 .supportTo {
      width: 20rem;
      height: 2rem;
      z-index: 1;
      position: relative;
      margin-top: 90px;
      margin-left: 100px
    }

    footer nav .footerContent .footerItem2 .supportTo a {
      color: #fff;
      font-size: 24px;
      font-weight: 400;
      position: absolute;
      bottom: 0
    }

    footer .supportTo::before {
      content: "";
      position: absolute;
      z-index: -1;
      transform: rotate(-5deg);
      transform-origin: 0 0;
      width: 100%;
      height: 300%;
      right: 35px;
      top: -15px;
      background: linear-gradient(91deg, #111 0, #2d2d2d 100%)
    }

    @media (max-width:1024px) {
      footer {
        background-color: #292929;
        position: relative;
        padding-left: 10px
      }

      footer nav {
        margin: auto;
        padding-top: 50px
      }

      footer nav a {
        font-size: 24px;
        font-weight: 700;
        color: #f9dfa1;
        text-decoration: none
      }

      footer nav a img {
        width: 42px;
        height: auto;
        ;
        padding-right: 10px
      }

      footer nav .footerContent {
        display: flex;
        flex-wrap: wrap;
        padding-left: 3rem
      }

      footer nav .footerContent .footerItem1 {
        height: 100%;
        width: 80%
      }

      footer nav .footerContent .footerItem1 p {
        font-size: 16px;
        font-weight: 100;
        color: #fff;
        padding-bottom: 20px
      }
      footer nav .footerContent .footerItem1 p span{
        font-size: 15px;
      }
      footer nav .footerContent .footerItem2 {
        height: 100%
      }

      footer nav .footerContent .footerItem2 .navList {
        list-style: none;
        padding: 0
      }

      footer nav .footerContent .footerItem2 .navList li {
        padding: 10px 15px 0 0
      }

      footer nav .footerContent .footerItem2 .navList li a {
        font-size: 16px;
        font-weight: 700;
        color: #fff
      }

      footer nav .footerContent .footerItem2 .supportTo {
        width: 15rem;
        height: 2rem;
        z-index: 1;
        position: relative;
        margin-top: 90px;
        margin-left: 2rem
      }

      footer nav .footerContent .footerItem2 .supportTo a {
        color: #fff;
        font-size: 16px;
        font-weight: 400;
        position: absolute;
        bottom: 50px
      }

      footer .supportTo::before {
        content: "";
        position: absolute;
        z-index: -1;
        transform: rotate(-5deg);
        transform-origin: 0 0;
        width: 110%;
        height: 220%;
        right: 5px;
        top: -55px;
        background: linear-gradient(91deg, #111 0, #2d2d2d 100%)
      }
    }

    .accordion {
      width: 65%;
      margin: 0 auto;
      padding-bottom: 3rem;
    }

    .accordion-item {
      border-top: 0px solid #ccc;
      border-bottom: 1px solid #ccc;
      padding: 10px;
    }

    .accordion-item:nth-child(1) {
      border-top: 1px solid #ccc;
    }

    .accordion-title {
      background-color: #2d2d2d;
      cursor: pointer;
      padding: 1.5rem 0;
      color: #ffffff;
      display: flex;
      justify-content: space-between;
      font-size: 1.5rem;
    }

    .accordion-title span:nth-child(2) {
      color: #f9dfa1;
    }

    .upArrow {
      width: 3rem;
      transition: transform 0.3s ease-in-out;

    }

    .accordion-content {
      display: none;
      font-size: 1.5rem;
      padding: 0.5rem 0 2rem 0;
      color: #ffffff;
      font-weight: 200;
    }

    .rotate-180 {
      transform: rotate(180deg);
      transition: transform 0.3s ease-in-out;
    }

    @media (max-width: 1201px) {
      .accordion {
        width: 90%;
        margin: 0 auto;
        padding-bottom: 1.5rem;
      }

      .accordion-item {
        border-top: 0px solid #ccc;
        border-bottom: 1px solid #ccc;
        padding: 10px;
      }

      .accordion-item:nth-child(1) {
        border-top: 1px solid #ccc;
      }

      .accordion-title {
        background-color: #2d2d2d;
        cursor: pointer;
        padding: 1rem 0;
        color: #ffffff;
        display: flex;
        justify-content: space-between;
        font-size: 1rem;
      }

      .accordion-title span:nth-child(2) {
        color: #f9dfa1;
      }

      .upArrow {
        width: 1.2rem;
        transition: transform 0.3s ease-in-out;
      }

      .accordion-content {
        display: none;
        font-size: 1rem;
        padding: 0.5rem 0 1rem 0;
        color: #ffffff;
        font-weight: 200;
      }

      .rotate-180 {
        transform: rotate(180deg);
        transition: transform 0.3s ease-in-out;
      }

      /* 基本样式 */


    }
  </style>
  <!-- <link rel="preload" href="./style/home.css" as="style" />

  <link rel="stylesheet" href="./style/home.css"> -->


<script async="" src="https://www.googletagmanager.com/gtag/js?id=G-H9176BTE9Z"></script><script async="">
  window.dataLayer = window.dataLayer || [];
  function gtag() { dataLayer.push(arguments); }
  gtag('js', new Date());
  gtag('config', 'G-H9176BTE9Z');
  (function () {
    var link = document.createElement('link');
    link.href = 'https://fonts.googleapis.com/css2?family=Nunito:wght@400;700&display=swap';
    link.rel = 'stylesheet';
    document.head.appendChild(link);
  })();
</script><link href="https://fonts.googleapis.com/css2?family=Nunito:wght@400;700&amp;display=swap" rel="stylesheet"></head>
<!-- Google tag (gtag.js) -->




<body>
  <header>
    <div class="container">
      <div class="headImg">
        <img src="/assets/logo.svg" alt="Free Robux Logo">
        <span>Free Robux Guide</span>
      </div>
      <div class="navList">
        <ul>
          <li>
            <a href="/">Home</a>
          </li>
          <li>
            <a href="/games.html">Games</a>
          </li>
          <li>
            <a href="/blogs.html">Blogs</a>
          </li>
          <li>
            <a href="#faqSection">FAQ</a>
          </li>
        </ul>
      </div>
      <div class="navList_drown">
        <div class="dropdown-toggle">
          <div></div>
          <div></div>
          <div></div>
        </div>
        <ul class="dropdown-menu">
          <li>
            <a href="/">Home</a>
          </li>
          <li>
            <a href="/games.html">Games</a>
          </li>
          <li>
            <a href="/blogs.html">Blogs</a>
          </li>
          <li>
            <a href="#faqSection">FAQ</a>
          </li>
        </ul>
      </div>
    </div>

  </header>

  <div class="richMan">
    <div class="showRichMan">
      <div>
        <img src="/assets/img_robux_rich_man.svg" alt="Play Robux Game" class="richmanImg">
      </div>
      <div>
        <div>
          <img src="/assets/logo.svg" alt="Free Robux Logo" class="richmanLogo">
        </div>
        <h1 class="richManTitle">
          <!-- <span class='richManTitle_daily'> Earn </span> -->
          Earn
          <span>FREE</span> Robux Today
        </h1>
        <p class="playGames">By Playing Games!</p>
        <p>Earn free Robux no verification by playing Blox World games.
          <br class="playGamesBr">
          <br class="playGamesBr">
          No password. 100% legitimate. Easy &amp; safe.
        </p>
        <button class="getGames">
          <img src="/assets/icon_robux_dark.svg" alt="Free Robux Logo">
          <span>Get FREE Robux Now</span>
        </button>
      </div>
    </div>
  </div>
  <div class="main">
    <div class="earnRobux">
      <div class="earnRobuxBox">
        <!-- <div class="earnRobuxBox_average">
          <div>
            <p>0h 17m 16s</p>
            <p>Average time for a new player to get first Robux</p>
          </div>
          <div>
            <p>21.39</p>
            <p>Average Robux earned by players daily</p>
          </div>
          <div>
            <p>54,490,121</p>
            <p>Total Robux paid out so far</p>
          </div>
        </div> -->
        <h2>
          <span>How to Get </span>
          <span>Free Robux 2024?</span>
        </h2>
        <div class="contentWarp">
          <div>
            <div class="circle">
              <img src="/assets/icon_play.svg" alt="Earn Play">
            </div>
            <h3>Play Our Games</h3>
            <p>Download free Robux APK or iOS app and play simple games.
            </p>
          </div>
          <div>
            <div class="circle" style="border-color: #c0c0c0;">
              <img src="/assets/icon_robux_step_silver.svg" alt="Earn Roblings">
            </div>
            <h3>Earn Roblings</h3>
            <p>Easily earn Roblings as in-game rewards.</p>
          </div>

          <div>
            <div class="circle" style="border-color: #dc5031">
              <img src="/assets/icon_link_account.svg" alt="Earn Free Robux">
            </div>
            <h3>Link Account</h3>
            <p>
              Link your Roblox Account with your Roblox ID. No password required.
            </p>
          </div>
          <div>
            <div class="circle" style="border-color: #e0be06">
              <img src="/assets/icon_robux_step.svg" alt="">
            </div>
            <h3>Exchange Roblings for Robux</h3>
            <p>
              Exchange your Roblings for Robux and withdraw it in your
              Roblox instantly
            </p>
          </div>
        </div>
      </div>
    </div>
    <div class="aboutGameApp">
      <div class="continer">
        <h2 class="continerTitle">
          <span> Play Now &amp; Earn </span>
          <span>Free Robux in Blox World </span>
        </h2>
        <div class="gameContent">
          <div class="gameCard" id="gameCard">
            <img src="/assets/game_icon_512.webp" alt="Free Robux Game">
            <div>
              <p>Blox World</p>
              <p>A multiplayer digital playground that offers free robux</p>
            </div>
            <div class="supportPlatForm">
              <div>
                <img src="/assets/icon_android.svg" alt="Blox World Android">
              </div>
              <div>
                <img src="/assets/icon_apple.svg" alt="Blox World iOS">
              </div>
            </div>
            <div class="hot_games">
              <img src="/assets/hot_games.webp" alt="Hot Games">
            </div>
          </div>
        </div>
      </div>
    </div>
    <div class="aboutSection">
      <div>
        <div class="selectConent">
          <div class="aboutUs">
            <p>
              <span>About </span>
              <span>Us</span>
            </p>
            <p>
              The Free Robux community is dedicated to providing users with easy and safe ways to earn free Robux. We
              guarantee that all the Robux paid out are purchased from Roblox via legit platforms such as the official
              website, Google Play, App Store, and Amazon.

            </p>
            <br>
            <br>
          </div>
          <div class="status">
            <div>
              <img src="/assets/icon_robux_step.svg" alt="" loading="lazy">
            </div>
            <div>
              <p>0h 17m 16s</p>
              <p>Average time for new players to claim first rewards
              </p>
            </div>
            <div>
              <p>21.39</p>
              <p>Average daily Robux earned by players
              </p>
            </div>
            <div>
              <p>54,490,121</p>
              <p>Total Robux paid out so far</p>
            </div>
          </div>
        </div>
      </div>
    </div>
    <div class="extraSection">
      <h2 class="extraContainerH2">What Makes Our
        <span> Free Robux Website Outstanding</span>
      </h2>
      <div class="extraContainer">
        <p class="legitimate">100% Legitimate</p>
        <p>
          No verification or any personal information is required to earn free Robux with our service! All the Robux
          rewards we paid out are legitimately purchased from Roblox. More than 2 million users have already received
          their payouts. Earn <a href="/blogs/free-robux-no-survey.html">free Robux no survey</a> today, and buy
          yourself a new outfit, gamepass, or whatever you want in ROBLOX!
        </p>
      </div>
      <div class="toJourney">
        <div class="card">
          <div class="front">
            <p class="cartTitle">Unlimited FREE</p>
            <p>
              You don't have to spend any money to get your Robux. It's 100% free. All you need are Roblings. Every time
              you play our Blox World free Robux games, you'll instantly receive hundreds of Roblings that you can
              exchange for Robux. Just now, player mafaka has successfully withdrew 350 Robux. Give it a try today!

            </p>
          </div>
          <div class="back">
          </div>
        </div>

        <div class="card">
          <div class="front">
            <p class="cartTitle">Instant Withdrawal</p>
            <p>
              All the Roblings you earn during the gameplay will be delivered within seconds. Redeem them for Robux at
              any time and transfer them into your Roblox account instantly. Withdrawing free Robux in our service is as
              effortless as ABC. Then personalize your avatar and fully immerse yourself in Roblox’s gaming journey .
            </p>
          </div>
          <div class="back">
          </div>
        </div>

      </div>
      <div class="toGetGameBoux">
        <button class="extraContainerBut">
          <img src="/assets/icon_robux_dark.svg" alt="Free Robux Logo" loading="lazy">
          <span>Get Free Robux Now</span>
        </button>
      </div>
    </div>
    <div class="contrast">
      <div class="contrastTitle">
        <h2>Blox World vs. Other Apps</h2>
        <p>
          Choosing the best apps that give you free Robux can be challenging, but Blox World makes it easy. With no
          surveys, no hidden costs, and instant rewards, Blox World stands out as a reliable way to earn Robux. This
          quick comparison will help you see why Blox World is the top choice for enhancing your Roblox experience.
        </p>
      </div>
      <div class="contrastContent">
        <table>
          <thead>
            <tr>
              <th>Feature</th>
              <th>Blox World</th>
              <th>Other APP</th>
            </tr>
          </thead>
          <tbody>
            <tr>
              <td>100% Legitimate
              </td>
              <td class="check">√</td>
              <td class="cross">×</td>

            </tr>
            <tr>
              <td>Completely Free
              </td>

              <td class="check">√</td>
              <td class="cross">× <br> (may have in-app purchases)
              </td>
            </tr>
            <tr>
              <td>User-Friendly
              </td>
              <td class="check">√</td>
              <td class="check">√</td>
            </tr>
            <tr>
              <td>No Surveys
              </td>
              <td class="check">√</td>
              <td class="cross">×</td>
            </tr>
            <tr>
              <td>Unlimited Earnings
              </td>
              <td class="check">√</td>
              <td class="cross">×</td>
            </tr>
            <tr>
              <td>No Scams
              </td>
              <td class="check">√</td>
              <td class="cross">×</td>
            </tr>
            <tr>
              <td>Guaranteed Robux
              </td>
              <td class="check">√</td>
              <td class="cross">×</td>
            </tr>
            <tr>
              <td>Simple Process
              </td>
              <td class="check">√</td>
              <td class="cross">×</td>
            </tr>
            <tr>
              <td>No Password
              </td>
              <td class="check">√</td>
              <td class="cross">×</td>
            </tr>
            <tr>
              <td>Instant Delivery
              </td>
              <td class="check">√</td>
              <td class="cross">×</td>
            </tr>
          </tbody>
        </table>
      </div>
    </div>
 
    <div class="reasons">
      <div class="reasonsContent">
        <h2>
          6 Key Reasons You Should Earn Free Robux
        </h2>
        <p class="description">
          Why spend money when you can get Robux for free? Here’s why you should check out the free robux websites that
          actually work:
        </p>
        <div class="reasonsContentBox">
          <p>
            <strong>Save Money:</strong> Buying 4,500 Robux costs $49.99. Blox World Free Robux game can help you enjoy
            the rewards without spending that much money.
          </p>
          <p>
            <strong>Enhance Gameplay:</strong> Unlock premium features, avatars, and accessories for a better Roblox
            gaming experience.
          </p>
          <p>
            <strong>Stay Competitive:</strong> With more Robux, you can keep up with other players and improve your
            standing in the game.
          </p>
          <p>
            <strong>Access More Content:</strong> Free Robux allows you to access exclusive content and game passes,
            making the game more enjoyable.
          </p>
          <p>
            <strong>Guarantee Security: </strong> The key is finding the legitimate free Robux sites that ensure the
            security of your account while providing free rewards.
          </p>
          <p>
            <strong>Financial Flexibility:</strong> Keep your money for other needs while still getting the benefits of
            Robux.
          </p>
        </div>

      </div>
    </div>
    <div class="banner">
      <img src="/assets/create_videos_in_blox_world.webp" alt=" Create Blox World Videos">
      <div>
        <h2>
          Get 10,000 Robux Free from Blox World Channel </h2>
        <p>
          Upload your YouTube or TikTokto videos to the Blox World Channel and earn Roblings for each view. The creator
          Nghiabaonha has earned 1.5 million Roblings so far from his videos, which can be exchanged for 15,000 free
          Robux. Ready to create the next hot video and <a href="/games/blox-world.html">earn 20K Robux</a>?
        </p>
      </div>
    </div>
    <div class="tips">
      <div class="tipsContent">
        <h2>Top 7 Tips to Earn 10K Free Robux No Verification
        </h2>
        <p>
          Looking to get 10,000 or even more free Robux without verification and surveys? Here are 7 proven tips that
          will help you maximize your Robux earnings in Blox World.
        </p>
        <p class="tipsTitle">Daily Play Rewards</p>
        <p>
          Make it a routine to play games daily. The more you play, the more rewards you can get. Play every day to get
          daily bonuses. Consistently playing for seven days can deliver you 25 rewards on the last day.
        </p>
        <p class="tipsTitle">
          Spin the Lucky Wheel
        </p>
        <div class="arrow_down" id="arrow_down_click"></div>
        <p>
          Spin the Lucky Wheel for extra Roblings and grand prizes. This week, Borsalino earned 172K Roblings. You could
          be next !
        </p>
        <p class="tipsTitle">
          Create Videos for Blox World Gameplay
        </p>
        <p>
          Create engaging videos for your gameplay on YouTube or TikTok, and upload them to the Blox World Channel. You
          can earn 1 Robling for every view. Imagine hitting 1,000,000 views on your videos! Your popular videos will be
          featured on our channel, helping you gain more subscribers and followers from our community.
        </p>
        <div class="tipsContentNone">
          <p class="tipsTitle">
            Refer Friends
          </p>
          <p>
            Invite friends using your referral link and earn 10% of their earnings. Make engaging videos showcasing your
            Blox World gameplay to boost your referrals, like JcKunRB, who earned over 456.9K rewards!
          </p>

          <p class="tipsTitle">
            Follow on Social Media
          </p>
          <p>
            Stay connected with Blox World on YouTube, TikTok, Instagram, Twitter, Facebook, and Discord. Earn up to 60
            free rewards.
          </p>
          <p class="tipsTitle">
            Complete Beginner’s Tasks
          </p>
          <p>
            New to Blox World? Set up your profile, customize your player name, choose a profile picture, and write a
            short intro to earn some Robux easily.
          </p>
          <p class="tipsTitle">
            Claim Update Rewards
          </p>
          <p>
            Update your game to claim free Roblings each time. Staying up-to-date keeps your game smooth and rewards you
            easily.
          </p>
        </div>

      </div>
    </div>
    <div class="banner">
      <div>
        <h2>
          Refer Friends and Get 10% of Their Earnings
        </h2>
        <p>
          Invite new users to Blox World with your referral link and earn 10% of their earnings. The more you refer, the
          more free Robux you earn. No limit!
          <br>
          <a href="/games/blox-world.html">Play now</a> and refer your friends today!
        </p>
      </div>
      <img src="/assets/refer_friends_in_blox_world.webp" alt="Referral in Blox World">
    </div>

    <div class="blogsGuides">
      <div class="blogsContent">
        <h2>
          <span> Blogs &amp; Guides</span>
          <a href="/blogs.html">
            <span>All Blogs</span>
            <img src="/assets/to_all_blogs.svg" alt="Arrow Right">
          </a>
        </h2>
        <div class="blogsContentBox">
          <a href="/blogs.html">
            <div>
              <div class="maxresdefault">
                <img src="/assets/how_to_fix_robl_x_error_code_262.webp" alt="How to Fix Roblox Error Code 262">
              </div>
              <h3>How to Fix Roblox Error Code 262 in 5 Ways 2024 [Easy]</h3>
              <p>Stuck with Roblox error code 262? See this step-by-step guide on how to fix error code 262 Roblox. 5
                working methods in 2024.</p>

            </div>
          </a>
          <a href="/blogs.html">
            <div>
              <div class="maxresdefault">
                <img src="/assets/what_apps_give_you_free_robux.webp" alt="What Apps Give You Free Robux">
              </div>
              <h3> What Apps Actually Give You Free Robux on Android &amp; iOS</h3>
              <p>What apps give you free Robux in 2024? Which one is legitimate? See answers on what apps actually give
                you free Robux. Available on Android &amp; iOS.</p>

            </div>
          </a>
          <a href="/blogs.html">
            <div>
              <div class="maxresdefault">
                <img src="/assets/how_much_robux_is_a_25_dollar_gift_card.webp" alt="How Much Robux is in a $25 Gift Card">
              </div>
              <h3>How Much Robux is in a 25 Dollar Gift Card? Check the Amount!</h3>
              <p>How much Robux is in a $25 gift card? See what it can get you. Learn how to use it effectively and
                explore ways to earn more with Blox World. Get started now!</p>

            </div>
          </a>
        </div>
      </div>
    </div>
    <div class="latestContent">
      <div>
        <h2>Discover the Latest: Roblox The Games Event 2024</h2>
        <p>
          Get ready for an exciting experience with Roblox The Games event 2024! Kicking off on August 1, 2024, at 10
          a.m. PT/12 p.m. CT/1 p.m. EDT, this limited-time event comes with various challenges and exclusive rewards
          that you won't want to miss.
        </p>
        <h3>
          Maximize Your Roblox Gaming Journey with Blox World
        </h3>
        <p>
          In addition to enjoying the exciting content from The Games event, you can further enhance your Roblox
          experience by playing Blox World. It provides you with a fun and easy way to earn free Robux without human
          verification, which allows you to unlock even more in-game items and accessories. Read our hot article on <a href="/blogs/roblox-the-games-event.html">The Roblox The Games Event</a> and get all the details on how to
          improve your experience.
        </p>
      </div>
    </div>
    <div class="faqSection" id="faqSection">
      <div class="fapContent">
        <div class="fapTitle">
          <p>FAQs</p>
        </div>
        <div>
          <div class="accordion">
            <div class="accordion-item">
              <div class="accordion-title">
                <div>
                  <span>Does this free Robux website </span>
                  <span>actually work in 2024?</span>
                </div>
                <div>
                  <img src="/assets/up_arrow.svg" alt="" class="upArrow">
                </div>
              </div>
              <div class="accordion-content"> Yes! All you need to do is play our easy games, earn Roblings, and
                exchange them for Robux and other prizes. For more detailed guides on how to get up to 10,000 Robux
                free, visit the Games and Blogs pages on freerobux. com.</div>
            </div>
            <div class="accordion-item">
              <div class="accordion-title">
                <div>
                  <span>How to get
                  </span>
                  <span> free Robux no scam in 2024? </span>
                </div>
                <div>
                  <img src="/assets/up_arrow.svg" alt="" class="upArrow">

                </div>
              </div>
              <div class="accordion-content">You can easily get free Robux with no scams by playing Blox World games. No
                survey and password. Just engage with simple games to earn Roblings, and exchange them for Robux. You
                can also try spinning the Lucky Wheel to win up to 10,000 free Robux and other grand prizes.</div>
            </div>
            <div class="accordion-item">
              <div class="accordion-title">
                <div>
                  <span>I did everything right and </span>
                  <span>didn't get my Robux rewards! </span>
                </div>
                <div>
                  <img src="/assets/up_arrow.svg" alt="" class="upArrow">
                </div>
              </div>
              <div class="accordion-content">
                Make sure you have followed the instruction and completed
                the exchange, if you can see the Robux pending, you just
                need to wait 3-7 days. If you couldn't get through the
                exchange process, please contact us or reach out for help on
                Discord.
              </div>
            </div>
            <div class="accordion-item">
              <div class="accordion-title">
                <div>
                  <span>Can I use the service on mobile? Is it going </span>
                  <span>to be available on PC?</span>
                </div>
                <div>
                  <img src="/assets/up_arrow.svg" alt="" class="upArrow">
                </div>
              </div>
              <div class="accordion-content">Our games are currently available only on mobile, but a PC version may be
                released in the future. Download the 100% legitimate <a href="/games/blox-world.html" style="color: #01ff97;">Blox World free Robux APK</a> now and start earning today!
              </div>
            </div>
            <div class="accordion-item">
              <div class="accordion-title">
                <div>
                  <span>What Roblox information do I </span>
                  <span>need to provide to get Robux?</span>
                </div>
                <div>
                  <img src="/assets/up_arrow.svg" alt="up arrow" class="upArrow">
                </div>
              </div>
              <div class="accordion-content">Your Roblox information is safe with us. We only need your username and
                will never ask for your password. Remember, never share your Roblox password with anyone. Start earning
                free Robux no verification now!
              </div>
            </div>
            <div class="accordion-item">
              <div class="accordion-title">
                <div>
                  <span>Is Blox World free Robux </span>
                  <span>APK safe to use?</span>
                </div>
                <div>
                  <img src="/assets/up_arrow.svg" alt="up arrow" class="upArrow">
                </div>
              </div>
              <div class="accordion-content">Absolutely! Blox World ensures your safety by never requesting your Roblox
                password or any personal details. Available on the Android and iOS devices. Simply use your username to
                get started. <a href="/games/blox-world.html" style="color: #01ff97;">Play now</a> and enjoy a secure
                experience!</div>
            </div>
            <div class="accordion-item">
              <div class="accordion-title">
                <div>
                  <span>How does earning Robux in Blox World compare to </span>
                  <span>using free Robux codes?</span>
                </div>
                <div>
                  <img src="/assets/up_arrow.svg" alt="up arrow" class="upArrow">
                </div>
              </div>
              <div class="accordion-content">Earning Robux in Blox World is simple and reliable. Unlike free Robux
                codes, which can be hard to find and may not always work, Blox World allows you to earn free rewards
                directly by playing games. There's no need to worry about expired or invalid codes. Start playing and
                getting your rewards instantly.</div>
            </div>
            <div class="accordion-item">
              <div class="accordion-title">
                <div>
                  <span>Are apps that give you </span>
                  <span>free Robux really trustworthy?</span>
                </div>
                <div>
                  <img src="/assets/up_arrow.svg" alt="up arrow" class="upArrow">
                </div>
              </div>
              <div class="accordion-content">
                Yes, some apps are legitimate, but many are not. It’s important to be cautious because many apps that
                claim to offer free Robux are actually scams. Blox World is a reliable choice, allowing you to earn
                Robux by playing easy games. It’s designed to be user-friendly and doesn’t require personal information,
                passwords, or surveys. You can also see more details here: <a href="/blogs/what-apps-give-you-free-robux.html" style="color: #01ff97;">What apps actually give you
                  free Robux on Android &amp; iOS</a>.
              </div>
            </div>
            <div class="accordion-item">
              <div class="accordion-title">
                <div>
                  <span>Can I get 1,000 Robux from </span>
                  <span>Roblox Star Codes 2024?</span>
                </div>
                <div>
                  <img src="/assets/up_arrow.svg" alt="up arrow" class="upArrow">
                </div>
              </div>
              <div class="accordion-content">
                No, you can’t get 1,000 Robux directly from Roblox Star Codes 2024. These codes are used to support
                Roblox creators and don’t provide extra Robux. Instead, check out Blox World. It’s a great app that
                allows you to easily and quickly earn Robux by playing fun games.
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
    <footer>
      <nav>
        <div>
          <a href="/">
            <img src="/assets/logo.svg" alt="Free Robux Logo" loading="lazy">
            <span>Free Robux Guide</span>
          </a>
          <div class="footerContent">
            <div class="footerItem1">
              <p>
                Discover easy and safe ways to earn free Robux! Enhance your Roblox experience now with the best free
                Robux websites.
              </p>
              <p>
                © 2024. All rights reserved. Free Robux Guide, A Free Robux
                Community. &nbsp;&nbsp; <span> &nbsp;&nbsp; <span></span>*We are not affiliated, endorsed, or sponsored by ROBLOX CORPORATION.</span>
              </p>
            </div>
            <div class="footerItem2">
              <ul class="navList">
                <li>
                  <a href="/games.html">Games</a>
                </li>
                <li>
                  <a href="/blogs.html">Blogs</a>
                </li>
                <li>
                  <a href="/terms.html">Terms</a>
                </li>
                <li>
                  <a href="/privacy-policy.html">Privacy Policy</a>
                </li>
              </ul>
              <div class="supportTo">
                <a href="mailto:[email protected]">[email protected]</a>
              </div>
            </div>
          </div>
        </div>
      </nav>
    </footer>
  </div>
  <!-- <script src="jQuery.js"></script> -->
  <script src="https://code.jquery.com/jquery-3.7.1.min.js" integrity="sha256-/JqT3SQfawRcv/BIHPThkBvs0OEvtFFmqPF/lYI/Cxo=" crossorigin="anonymous"></script>
  <script defer="">
    $(document).ready(function () {
      $('.headImg').on('click', function () {
        var currentPath = window.location.pathname;
        if (currentPath === '/') {
          $('html, body').animate({ scrollTop: 0 }, 'smooth');
        } else {
          window.location.href = '/';
          $('html, body').animate({ scrollTop: 0 }, 'smooth');
        }
      });
      $('.gameCard').on('click', function () {
        window.location.href = '/games/blox-world.html';
        gtag('event', 'click', {
          'event_name': `hpblox_click`,
        })
      })
      $('footer nav div a').on('click', function () {
        var currentPath = window.location.pathname;
        if (currentPath === '/') {
          $('html, body').animate({ scrollTop: 0 }, 'smooth');
        } else {
          window.location.href = '/';
          $('html, body').animate({ scrollTop: 0 }, 'smooth');
        }
      });
      $('.getGames').on('click', function (event) {
        const middleHeight = $(this).offset().top + 400;
        window.scrollTo({
          top: middleHeight,
          behavior: 'smooth',
        });
        gtag('event', 'click', {
          'event_name': 'hpfirst_click',
        })
      });
      const navigate = (url, state = {}) => {
        window.location.href = url;
      };
      $('#safeBlog').on('click', function () {
        navigate('/blogs/free-robux-website.html');
      });
      $('#arrow_down_click').on('click', function () {
        let tipsContentNone = document.querySelector('.tipsContentNone');
        tipsContentNone.style.display = 'block';
        let arrowDown = document.querySelector('.arrow_down');
        arrowDown.style.display = 'none';

      });
      $('.extraContainerBut').click(function () {
        window.location.href = '/games/blox-world.html';

        gtag('event', 'click', {
          'event_name': 'hpfeatures_click',
        })
      })
      $('.accordion-title').click(function () {
        var content = $(this).next('.accordion-content');
        var arrow = $(this).find('.upArrow');

        // 检查此元素是否已经被展开
        if (content.is(':visible')) {
          content.slideUp();
          arrow.removeClass('rotate-180').attr('src', '/assets/up_arrow.svg');
        } else {
          content.slideDown();
          arrow.addClass('rotate-180').attr('src', '/assets/up_arrow_down.svg');
        }
      });
      const $dropdownToggle = $('.dropdown-toggle');
      const $dropdownMenu = $('.dropdown-menu');

      $dropdownToggle.on('click', function (event) {
        event.stopPropagation();
        if ($dropdownMenu.is(':visible')) {
          $dropdownMenu.slideUp(300);
        } else {
          $dropdownMenu.slideDown(300);
        }
      });

      $(document).on('click', function (event) {
        if (!$dropdownToggle.is(event.target) && !$dropdownMenu.is(event.target) && $dropdownMenu.has(event.target).length === 0) {
          $dropdownMenu.slideUp(300);
        }
      });
      // const linkDom = document.querySelectorAll('a')
      // linkDom.forEach(link => link.addEventListener('click', (event) => {
      //   gtag('event', 'click', {
      //     'gp_click': `${window.location.pathname} To ${event.target.href}`,
      //   })
      // }))

    });

  </script>



</body></html>