﻿article, aside, details, figcaption, figure, footer, header, hgroup, nav, section, summary { display: block; }
audio, canvas, video { display: inline-block; }
    audio:not([controls]) { display: none; height: 0; }
[hidden] { display: none; }
html { -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
button, input, select, textarea { font-family: sans-serif; color: #222; }
abbr[title] { border-bottom: 1px dotted; }
dfn { font-style: italic; }
ins { background: #ff9; color: #000; text-decoration: none; }
mark { background: #ff0; color: #000; }
code, kbd, pre, samp { font-family: monospace, serif; font-size: 1em; }
pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }
q { quotes: "\201C" "\201D" "\2018" "\2019"; }
    q:before, q:after { content: ""; content: none; }
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }
img { border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle; }
    img::selection { background: transparent; }
    img::-moz-selection { background: transparent; }
svg:not(:root) { overflow: hidden; }
figure { margin: 0; }
form { margin: 0; }
fieldset { border: 0; margin: 0; padding: 0; }
legend { border: 0; *margin-left: -7px; padding: 0; white-space: normal; }
button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; }
button, input { line-height: normal; }
    button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; *overflow: visible; }
        button[disabled], input[disabled] { cursor: default; }
    input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; *width: 13px; *height: 13px; }
    input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }
        input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button { -webkit-appearance: none; }
    button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }
textarea { overflow: auto; vertical-align: top; resize: vertical; }
    input:invalid, textarea:invalid { background-color: #f0dddd; }
table { border-collapse: collapse; border-spacing: 0; }
td { vertical-align: top; }
html { height: 100%; background: #fff; -webkit-tap-highlight-color: rgba(0,0,0,0); tap-highlight-color: rgba(0,0,0,0); color: #5e5e5e; font-size: 0.8em; line-height: 1.55556; font-weight: normal; scroll-behavior: smooth;}
body { min-height: 100%; margin: 0; font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Noto Sans, Ubuntu, Cantarell, Helvetica Neue, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji, Arial, PingFang SC, PingFang TC, PingFang HK, Microsoft Yahei, Microsoft JhengHei; }
a { color: #5b9fca; text-decoration: none; }
    a:active { color: #5b9fca; outline: 0; }
    a:focus { outline: 0; }
    a:hover { color: #000; outline: 0; }
::-moz-selection { background: #5b9fca; color: #fff; text-shadow: none; }
::selection { background: #5b9fca; color: #fff; text-shadow: none; }
h1, h2, h3, h4, h5, h6 { font-family: Microsoft YaHei, Helvetica, STHeiti STXihei, Microsoft JhengHei, Tohoma, Arial; font-weight: normal; color: #333; text-transform: uppercase; margin: 0; }
h1 { font-size: 68px; font-size: 3.77778rem; line-height: 1.23529; }
h2 { font-size: 64px; font-size: 3.55556rem; line-height: 1.0125; }
h3 { font-size: 46px; font-size: 2.55556rem; line-height: 1.21739; }
h4 { font-size: 44px; font-size: 2.33333rem; line-height: 1.23333; }
h5 { font-size: 36px; font-size: 2rem; line-height: 1.25556; }
h6 { font-size: 34px; font-size: 1.88889rem; line-height: 1.34706; }
ul, ol, dd { padding: 0; margin: 0; list-style: disc; margin-left: 56px; margin-left: 3.11111rem; }
li > ul, li > ol { margin-bottom: 0; }
p { margin: 0; }
b, strong { font-weight: normal; font-family: "apercubold", Helvetica, Arial, sans-serif; }
small { font-size: 85%; }
blockquote { padding-left: 56px; padding-left: 3.11111rem; margin: 0; position: relative; }
    blockquote cite { display: block; font-style: normal; font-size: 18px; font-size: 1rem; line-height: 1.55556; margin-top: 3%; }
        blockquote cite:before { content: "\2014 "; margin: 0 5px 0 0; }
    blockquote:before { display: block; content: '\201C'; position: absolute; left: 0; top: -30px; font-family: Georgia, serif; font-size: 500%; color: #fff; }
hr { display: block; height: 1px; border: 0; padding: 0; margin: 28px 0; margin: 1.55556rem 0; border-top: 2px solid #bbb; border-top: 2px solid rgba(0,0,0,0.15); }
h1, h2, h3, h4, h5, h6, hgroup, ul, ol, dl, blockquote, p, address, fieldset, figure, pre { margin-bottom: 2px; }

@font-face {
  font-family: 'Elemental End';
  src: url('/toy/font/elemental-end.ttf') format('truetype');
  font-display: swap;
}
@font-face {
  font-family: 'Nunito';
  src: url('/toy/font/nunito-regular.ttf') format('truetype');
  font-display: swap;
}

/* 共用 */
button.enter {
    background: linear-gradient(90deg, #F14B34 0%, #FEB431 100%);
    height: 48px; padding: 0 32px; margin: 0; border: 0; border-radius: 48px; color: #fff; line-height: 48px; text-align: center; font-family: Nunito; font-weight: 700; font-size: 16px; letter-spacing: 0.5px;
}
button.btn-circle { width: 60px; height: 60px; box-sizing: border-box; overflow: hidden; border-radius: 60px; line-height: 60px; text-align: center; background-color: #fff; border: 0; padding: 0; }
button.btn-circle > span { display: flex; width: 12px; height: 12px; overflow: hidden; border-top: solid 4px rgba(55, 38, 255, 1); border-left: solid 4px rgba(55, 38, 255, 1); margin: 0 auto; }
button.dir-left { padding-left: 5px; }
button.dir-left > span { transform: rotate(-45deg); }
button.dir-right { padding-right: 5px; }
button.dir-right > span { transform: rotate(135deg); }
button.btn-clicking > span { border-top: solid 4px rgb(117, 117, 117); border-left: solid 4px rgba(117, 117, 117); }

header { position: absolute; z-index: 999; overflow: hidden; width: 100%; min-height: 48px; margin: 0; padding: 0; top: 56px; text-align: center; }
    header > div.nav { margin: 0 auto; width: 1280px; overflow: hidden; display: grid; grid-template-columns: auto 758px auto; }
        header > div.nav > div:first-child { text-align: left; line-height: 48px; }
            header > div.nav > div:first-child > a { display: inline-block; }
                header > div.nav > div:first-child > a > img { max-width: 100%; max-height: 48px; border: 0; }
        header > div.nav > div:last-child { text-align: right; }
            header > div.nav > div:last-child > span { display: inline-block; width: 48px; height: 48px; padding: 0; margin: 0; text-align: center; background: linear-gradient(90deg, #3726FF 0%, #6F45FF 100%); line-height: 48px; border-radius: 48px; }
            header > div.nav > div:last-child > button { width: 164px; height: 48px; padding: 0; margin: 0; border: 0; background-color: #000; border-radius: 48px; color: #fff; line-height: 48px; text-align: center; font-family: Nunito; font-weight: 700; font-size: 16px; letter-spacing: 0.5px; }
header > div.nav > div.menu { background-color: #fff; border-radius: 48px; padding: 0 48px; margin: 0; line-height: 48px; display: flex; align-items: center; justify-content: space-between; }
    header > div.nav > div.menu > a { text-decoration: none; white-space: nowarp; color:rgba(0, 0, 0, 0.8); font-size: 14px; font-family: Source Han Sans CN; font-weight: 700; }
    
.body-1 { width: 1440px; margin: 0 auto; overflow: visible; }
.ele-fly { position: absolute; will-change: transform, opacity; }

.footer { position: relative; overflow: hidden; min-height: 700px; background: rgba(21, 14, 116, 1); }
.footer-link{ margin: 90px 120px; display: grid; grid-template-columns: 30% 30% 40%; }
.footer-link > div{ display: table-cell; }
.footer-link > div > a{ color: #fff; font-family: Roboto; font-size: 24px; font-weight: 500; line-height: 1.8; display: flow; width: max-content; }
.footer-link > div:last-child{ text-align: right; }
.footer-link > div:last-child > img{ width: 66px; margin-left: 20px; }
.footer-parts{ margin: 30px 120px; display: table; width: -webkit-fill-available; }
.footer-parts > span { display: table-cell; vertical-align: middle; box-sizing: border-box; text-align: center; }
.footer-parts > span > img { }
.footer-banner{ text-align: center; }
.footer-banner > img{ width: 1136px; }

.sj-down { display: inline-block; vertical-align: middle; width: 0; height: 0; border-top: solid 0.8rem rgba(21, 14, 116, 1); border-left: solid 0.6rem transparent; border-right: solid 0.6rem transparent; border-radius: 3px; }

@keyframes float-opacity { 0%,100% { opacity: 1; } 50% { opacity: 0; }}
@keyframes float-rotate { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); }}
@keyframes float-jump { 0%, 10%, 100% { transform: translateY(0); } 5% { transform: translateY(-20px); } }
@keyframes float-scale { 0%, 10%, 100% { transform: scale(1); } 5% { transform: scale(1.3); }}
@media screen and (-webkit-min-device-pixel-ratio:2), screen and (-webkit-min-device-pixel-ratio:3), screen and (-webkit-min-device-pixel-ratio:4), screen and (min-resolution:240dpi), screen and (min-resolution:2dppx), screen and (min-resolution:3dppx), screen and (min-resolution:4dppx) {
}
