@charset "UTF-8";
.fotimg {
  display: block;
  width: 195px;
  position: absolute;
  right: -100px;
  top: -120px; }

.main_footer .ms {
  width: 1200px;
  margin: 0 auto;
  position: relative; }

.content {
  width: 100%;
  min-height: 100vh;
  position: relative;
  padding-bottom: 100px;
  background-color: #000000; }
  .content.guides {
    padding-bottom: 0; }
    .content.guides .header {
      margin-top: -20px; }
    .content.guides .main_midden_link {
      margin-top: 50px; }
  .content .background_box {
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
    height: 1268px; }
    .content .background_box.on {
      height: 1988px; }
    .content .background_box video {
      width: 100%;
      height: 100%;
      display: block;
      object-fit: cover;
      border: none;
      object-position: center center; }
  .content .main_head {
    width: 100%;
    position: relative;
    z-index: 9;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 10px 0 9px 0; }
    .content .main_head span {
      font-size: 24px;
      font-family: sy;
      color: #fff;
      display: block;
      line-height: 1;
      pointer-events: auto; }
  .content .header {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    padding-left: 5.2vw;
    z-index: 9; }
    .content .header .logo {
      overflow: hidden;
      margin-right: 170px; }
      .content .header .logo .logo {
        margin: 0 auto;
        display: block;
        filter: brightness(0) invert(1); }
      .content .header .logo .logodesc {
        display: block; }
    .content .header .linkbox {
      overflow: hidden;
      width: 135px;
      margin-left: -30px;
      position: relative;
      z-index: 9; }
      .content .header .linkbox img {
        display: block;
        width: 100%; }
    .content .header .link {
      display: flex;
      align-items: center;
      padding: 10px 0 0 0;
      gap: 17px; }
      .content .header .link .label {
        background: linear-gradient(-30deg, #0b1b3d 50%, #08142b 50%);
        padding: 17px 34px;
        margin: 10.2px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        -webkit-transform: translate(0%, 0%);
        transform: translate(0%, 0%);
        overflow: hidden;
        color: #d4e0f7;
        font-size: 17px;
        letter-spacing: 0.85px;
        text-transform: uppercase;
        text-decoration: none;
        -webkit-box-shadow: 0 17px 42.5px rgba(0, 0, 0, 0.5);
        box-shadow: 0 17px 42.5px rgba(0, 0, 0, 0.5);
        transition: all .1s;
        font-weight: 700; }
        .content .header .link .label:hover {
          opacity: 0.9; }
        .content .header .link .label i {
          font-family: "Font Awesome 6 Free";
          margin-right: 8.5px;
          font-weight: 900; }
        .content .header .link .label.on {
          background: linear-gradient(-30deg, #3d0b0b 50%, #2b0808 50%);
          padding: 21.25px 42.5px;
          margin: 10.2px;
          display: inline-flex;
          align-items: center;
          justify-content: center;
          -webkit-transform: translate(0%, 0%);
          transform: translate(0%, 0%);
          overflow: hidden;
          color: #f7d4d4;
          font-size: 20.4px;
          letter-spacing: 0.85px;
          text-transform: uppercase;
          text-decoration: none;
          -webkit-box-shadow: 0 17px 42.5px rgba(0, 0, 0, 0.5);
          box-shadow: 0 17px 42.5px rgba(0, 0, 0, 0.5);
          position: relative;
          z-index: 1;
          font-weight: 700; }
          .content .header .link .label.on::before {
            background-color: #ad8585; }
          .content .header .link .label.on span:nth-child(1) {
            top: 0px;
            left: 0px;
            width: 100%;
            height: 1.7px;
            background: linear-gradient(to left, rgba(43, 8, 8, 0), #d92626);
            -webkit-animation: 2s animateTop linear infinite;
            animation: 2s animateTop linear infinite; }
          .content .header .link .label.on span:nth-child(2) {
            top: 0px;
            right: 0px;
            height: 100%;
            width: 1.7px;
            background: linear-gradient(to top, rgba(43, 8, 8, 0), #d92626);
            -webkit-animation: 2s animateRight linear -1s infinite;
            animation: 2s animateRight linear -1s infinite; }
          .content .header .link .label.on span:nth-child(3) {
            bottom: 0px;
            left: 0px;
            width: 100%;
            height: 1.7px;
            background: linear-gradient(to right, rgba(43, 8, 8, 0), #d92626);
            -webkit-animation: 2s animateBottom linear infinite;
            animation: 2s animateBottom linear infinite; }
          .content .header .link .label.on span:nth-child(4) {
            top: 0px;
            left: 0px;
            height: 100%;
            width: 1.7px;
            background: linear-gradient(to bottom, rgba(43, 8, 8, 0), #d92626);
            -webkit-animation: 2s animateLeft linear -1s infinite;
            animation: 2s animateLeft linear -1s infinite; }
        .content .header .link .label span:nth-child(1) {
          top: 0px;
          left: 0px;
          width: 100%;
          height: 1.7px;
          background: linear-gradient(to left, rgba(8, 20, 43, 0), #2662d9);
          -webkit-animation: 2s animateTop linear infinite;
          animation: 2s animateTop linear infinite;
          position: absolute; }
        .content .header .link .label span:nth-child(2) {
          top: 0px;
          right: 0px;
          height: 100%;
          width: 1.7px;
          background: linear-gradient(to top, rgba(8, 20, 43, 0), #2662d9);
          -webkit-animation: 2s animateRight linear -1s infinite;
          animation: 2s animateRight linear -1s infinite;
          position: absolute; }
        .content .header .link .label span:nth-child(3) {
          bottom: 0px;
          left: 0px;
          width: 100%;
          height: 1.7px;
          background: linear-gradient(to right, rgba(8, 20, 43, 0), #2662d9);
          -webkit-animation: 2s animateBottom linear infinite;
          animation: 2s animateBottom linear infinite;
          position: absolute; }
        .content .header .link .label span:nth-child(4) {
          top: 0px;
          left: 0px;
          height: 100%;
          width: 1.7px;
          background: linear-gradient(to bottom, rgba(8, 20, 43, 0), #2662d9);
          -webkit-animation: 2s animateLeft linear -1s infinite;
          animation: 2s animateLeft linear -1s infinite;
          position: absolute; }
        .content .header .link .label::before {
          content: '';
          position: absolute;
          top: 0px;
          left: 0px;
          width: 100%;
          height: 100%;
          opacity: 0;
          -webkit-transition: .2s opacity ease-in-out;
          font-weight: 700;
          transition: .2s opacity ease-in-out;
          background-color: #8592ad; }
  .content .market_iframe {
    position: relative;
    z-index: 9;
    width: 1018px;
    margin: 0 auto;
    height: 968px; }
    .content .market_iframe img {
      position: absolute;
      right: -392px;
      bottom: 0; }
  .content .main_font_star {
    position: relative;
    z-index: 9;
    width: 1023px;
    margin: 0 auto;
    height: 464px;
    margin-top: 100px; }
    .content .main_font_star .info {
      width: 90%;
      height: 90%;
      margin: 0 auto;
      background: rgba(255, 255, 255, 0.15);
      backdrop-filter: blur(1px);
      -webkit-backdrop-filter: blur(1px);
      border-radius: 20px;
      border: 1px solid rgba(255, 255, 255, 0.18);
      box-shadow: 0 8px 32px 0 rgba(31, 38, 135, 0.15);
      padding: 14px; }
      .content .main_font_star .info .star {
        display: flex;
        align-items: center;
        justify-content: center; }
        .content .main_font_star .info .star img {
          --filter-effect-svg-url: url(#hulk-comp-m91rv6rg); }
      .content .main_font_star .info .top {
        display: flex;
        align-items: center;
        justify-content: center; }
        .content .main_font_star .info .top img {
          width: 256px; }
        .content .main_font_star .info .top .font {
          margin-left: 20px;
          overflow: hidden; }
          .content .main_font_star .info .top .font p {
            font-size: 166px;
            font-family: os;
            background: linear-gradient(45deg, #0B1B3D, #340812, #340812);
            -webkit-background-clip: text;
            background-clip: text;
            -webkit-text-fill-color: transparent;
            color: transparent; }
  .content .main_font_box {
    position: relative;
    z-index: 9;
    width: 1023px;
    margin: 0 auto;
    height: 361px;
    margin-top: 100px; }
    .content .main_font_box .info {
      width: 90%;
      height: 90%;
      margin: 0 auto;
      background: rgba(255, 255, 255, 0.15);
      backdrop-filter: blur(1px);
      -webkit-backdrop-filter: blur(1px);
      border-radius: 20px;
      border: 1px solid rgba(255, 255, 255, 0.18);
      box-shadow: 0 8px 32px 0 rgba(31, 38, 135, 0.15);
      padding: 14px; }
      .content .main_font_box .info p {
        font-size: 32px;
        text-transform: uppercase;
        color: #0B57E1; }
      .content .main_font_box .info .ttbox {
        width: 891px;
        height: 64px;
        position: relative; }
        .content .main_font_box .info .ttbox video {
          width: 100%;
          height: 100%;
          position: absolute;
          left: 0;
          z-index: 8;
          top: 0;
          object-fit: cover; }
        .content .main_font_box .info .ttbox svg {
          width: 100%;
          height: 100%;
          overflow-clip-margin: content-box;
          overflow: visible; }
          .content .main_font_box .info .ttbox svg text {
            fill-opacity: 0;
            transform-origin: 0px 0px;
            display: block;
            fill: #000;
            dominant-baseline: text-before-edge;
            font-synthesis: style; }
        .content .main_font_box .info .ttbox .vv {
          position: absolute;
          left: 0;
          pointer-events: none;
          visibility: visible;
          z-index: 8;
          top: 0;
          height: 64px;
          width: 100%;
          clip-path: url("https://static.wixstatic.com/media/11062b_407e13c69b8041af88725714590d991af000.jpg/v1/fill/w_891,h_64,al_c,q_80,usm_0.33_1.00_0.00,enc_avif,quality_auto/11062b_407e13c69b8041af88725714590d991af000.jpg"); }
        .content .main_font_box .info .ttbox p {
          font-size: 32px;
          text-transform: uppercase;
          white-space: nowrap;
          font-weight: bold;
          font-family: os;
          width: 100%;
          height: 64px;
          display: flex;
          align-items: center;
          position: relative;
          z-index: 9; }
      .content .main_font_box .info ol li {
        display: block;
        font-size: 22px;
        color: #8b0000;
        font-weight: bold;
        line-height: 1.6; }
  .content .main_midden_link {
    overflow: hidden;
    width: 100%;
    position: relative;
    z-index: 9;
    margin-top: 148px; }
    .content .main_midden_link .linkIcON {
      overflow: hidden;
      width: 256px;
      margin: 0 auto;
      position: relative;
      z-index: 9; }
      .content .main_midden_link .linkIcON img {
        width: 100%;
        display: block; }
  .content .marketBox {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 94px;
    position: relative;
    z-index: 9; }
    .content .marketBox .icon {
      display: block;
      width: 118px;
      height: 118px;
      border-radius: 50%;
      overflow: hidden;
      box-sizing: border-box;
      border: 6px solid #fff; }
      .content .marketBox .icon img {
        width: 100%;
        height: 100%;
        border-radius: 50%;
        display: block; }
  .content .public_font {
    position: relative;
    z-index: 9;
    background: linear-gradient(45deg, #7289DA, #5865F2);
    padding: 25px 50px;
    border-radius: 8px;
    display: inline-block;
    box-shadow: 0 6px 25px rgba(114, 137, 218, 0.5);
    transition: all 0.1s cubic-bezier(0.25, 0.8, 0.25, 1);
    transform: scale(1);
    animation: pulse 2s infinite;
    position: relative;
    overflow: hidden;
    cursor: pointer;
    margin: 0 10px;
    border: 2px solid rgba(255, 255, 255, 0.2); }
    .content .public_font:hover {
      transform: scale(1.06); }
      .content .public_font:hover div {
        transition: all 1s;
        left: 60%; }
    .content .public_font span {
      color: white;
      font-family: 'Arial Black', 'Arial Bold', sans-serif;
      font-weight: 900;
      font-size: 28px;
      letter-spacing: 2px;
      position: relative;
      z-index: 2;
      text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
      text-transform: uppercase; }
    .content .public_font div {
      position: absolute;
      top: 0;
      left: -100%;
      width: 100%;
      height: 100%;
      background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.3), transparent);
      transition: none; }
  .content .main_list {
    display: flex;
    position: relative;
    margin: 0 auto;
    z-index: 9;
    justify-content: space-between;
    flex-wrap: wrap;
    width: calc(790px * 2);
    margin-top: 140px; }
    .content .main_list .label {
      width: 790px;
      height: 286px;
      display: flex;
      align-items: center;
      margin-top: 60px;
      position: relative;
      justify-content: center; }
      .content .main_list .label:nth-child(2) a {
        background: rgba(13, 45, 116, 0.5);
        border: 1px solid rgba(30, 70, 150, 0.4);
        box-shadow: 0 8px 32px 0 rgba(13, 45, 116, 0.4); }
        .content .main_list .label:nth-child(2) a > span:nth-child(1) {
          background: linear-gradient(90deg, transparent, #d92626); }
        .content .main_list .label:nth-child(2) a > span:nth-child(2) {
          background: linear-gradient(180deg, transparent, #d92626); }
        .content .main_list .label:nth-child(2) a > span:nth-child(3) {
          background: linear-gradient(270deg, transparent, #d92626); }
        .content .main_list .label:nth-child(2) a > span:nth-child(4) {
          background: linear-gradient(0deg, transparent, #d92626); }
      .content .main_list .label:nth-child(3) a {
        background: rgba(13, 45, 116, 0.5);
        border: 1px solid rgba(30, 70, 150, 0.4);
        box-shadow: 0 8px 32px 0 rgba(13, 45, 116, 0.4); }
        .content .main_list .label:nth-child(3) a > span:nth-child(1) {
          background: linear-gradient(90deg, transparent, #d92626); }
        .content .main_list .label:nth-child(3) a > span:nth-child(2) {
          background: linear-gradient(180deg, transparent, #d92626); }
        .content .main_list .label:nth-child(3) a > span:nth-child(3) {
          background: linear-gradient(270deg, transparent, #d92626); }
        .content .main_list .label:nth-child(3) a > span:nth-child(4) {
          background: linear-gradient(0deg, transparent, #d92626); }
      .content .main_list .label.on1 a {
        padding-left: 170px;
        padding-right: 40px; }
        .content .main_list .label.on1 a .item span {
          font-size: 19px;
          line-height: 1.5; }
      .content .main_list .label.on1 .icon {
        width: 281px;
        position: absolute;
        left: -40px;
        top: 0;
        z-index: 9; }
      .content .main_list .label.on2 a {
        padding-right: 170px; }
        .content .main_list .label.on2 a .item span {
          font-size: 19px;
          line-height: 1.5; }
      .content .main_list .label.on2 .icon {
        width: 281px;
        position: absolute;
        right: -70px;
        top: -10px;
        z-index: 9; }
      .content .main_list .label a {
        display: block;
        position: relative;
        width: 90%;
        height: 90%;
        background: rgba(70, 0, 0, 0.5);
        border: 1px solid rgba(110, 0, 0, 0.4);
        box-shadow: 0 8px 32px 0 rgba(70, 0, 0, 0.4);
        backdrop-filter: blur(5px);
        -webkit-backdrop-filter: blur(5px);
        padding: 16px;
        box-sizing: border-box;
        border-radius: 20px;
        overflow: hidden;
        display: flex;
        justify-content: space-around;
        flex-direction: column; }
        .content .main_list .label a .item {
          overflow: hidden; }
          .content .main_list .label a .item div {
            display: flex;
            align-items: center;
            font-size: 28px;
            margin-bottom: 5px;
            color: #fff;
            font-weight: bold; }
          .content .main_list .label a .item span {
            display: block;
            font-size: 15px;
            line-height: 1.6;
            color: #fff; }
          .content .main_list .label a .item ul li {
            display: block;
            font-size: 15px;
            line-height: 1.6;
            color: #fff; }
        .content .main_list .label a > span {
          position: absolute;
          pointer-events: none; }
          .content .main_list .label a > span:nth-child(1) {
            top: 0;
            left: 0;
            width: 100%;
            height: 2px;
            background: linear-gradient(90deg, transparent, #2662d9);
            animation: animateTops 3s linear infinite; }
          .content .main_list .label a > span:nth-child(2) {
            top: 0;
            right: 0;
            width: 2px;
            height: 100%;
            background: linear-gradient(180deg, transparent, #2662d9);
            animation: animateRights 3s linear infinite;
            animation-delay: 0.75s; }
          .content .main_list .label a > span:nth-child(3) {
            bottom: 0;
            left: 0;
            width: 100%;
            height: 2px;
            background: linear-gradient(270deg, transparent, #2662d9);
            animation: animateBottoms 3s linear infinite; }
          .content .main_list .label a > span:nth-child(4) {
            top: 0;
            left: 0;
            width: 2px;
            height: 100%;
            background: linear-gradient(0deg, transparent, #2662d9);
            animation: animateLefts 3s linear infinite;
            animation-delay: 0.75s; }
  .content .main_footer {
    overflow: hidden;
    position: relative;
    z-index: 99;
    margin-top: 214px; }
    .content .main_footer.marker .font {
      margin-top: 30px; }
      .content .main_footer.marker .font em {
        font-size: 18px; }
    .content .main_footer.guides .font {
      margin-top: 30px; }
      .content .main_footer.guides .font em {
        font-size: 18px; }
    .content .main_footer.reviews {
      margin-top: 88px !important; }
      .content .main_footer.reviews .desc {
        margin-top: 46px !important; }
      .content .main_footer.reviews .font {
        margin-top: 30px; }
        .content .main_footer.reviews .font em {
          font-size: 18px; }
    .content .main_footer.guides {
      margin-top: 196px !important; }
      .content .main_footer.guides .desc {
        margin-top: 80px !important; }
      .content .main_footer.guides .font {
        margin-top: 40px; }
        .content .main_footer.guides .font em {
          font-size: 18px; }
    .content .main_footer .title {
      font-size: 31px;
      font-weight: bold;
      text-align: center;
      background: linear-gradient(to right, #D41414, #D41414, #D41414, #fff, #D41414, #D41414, #D41414);
      /* 自定义渐变颜色 */
      -webkit-background-clip: text;
      background-clip: text;
      -webkit-text-fill-color: transparent;
      font-family: os;
      letter-spacing: 3px;
      color: transparent; }
    .content .main_footer .desc {
      display: block;
      font-size: 14px;
      color: #fff;
      margin: 0 auto;
      margin-top: 14px;
      width: 978px;
      line-height: 1.4; }
      .content .main_footer .desc em {
        color: #8B0000; }
    .content .main_footer .font {
      overflow: hidden;
      margin-top: 66px; }
      .content .main_footer .font em {
        display: block;
        text-align: center;
        font-size: 24px;
        color: #fff;
        line-height: 1.1;
        font-family: sy; }

/*# sourceMappingURL=css.css.map */