www.gateex.org
Open in
urlscan Pro
2606:4700:10::6816:4c9c
Public Scan
Submitted URL: http://www.gateex.org/css/footer.css?v=1717490608
Effective URL: https://www.gateex.org/css/footer.css?v=1717490608
Submission: On June 27 via api from US — Scanned from DE
Effective URL: https://www.gateex.org/css/footer.css?v=1717490608
Submission: On June 27 via api from US — Scanned from DE
Form analysis
0 forms found in the DOMText Content
/* #region ======================= 自适应 start ======================= */ @media screen and (max-width: 414.9px) { .footer-main-box { --layout-padding: 12px; --layout-maxWidth: 382px; } } @media screen and (min-width: 414.9px) { .footer-main-box { --layout-padding: 16px; --layout-maxWidth: 736px; } } @media screen and (min-width: 768.9px) { .footer-main-box { --layout-padding: 24px; --layout-maxWidth: 1152px; } } @media screen and (min-width: 1200.9px) { .footer-main-box { --layout-padding: 0; --layout-maxWidth: 1200px; } } @media screen and (min-width: 1680.9px) { .footer-main-box { --layout-padding: 0; --layout-maxWidth: 1200px; } } @media screen and (min-width: 1920.9px) { .footer-main-box { --layout-padding: 560px; --layout-maxWidth: 1440px; } .footer--flex--layout { max-width: calc(var(--layout-maxWidth) + 2 * var(--layout-padding)); } } .footer-main-box.footer--flex--layout { max-width: var(--layout-maxWidth); padding: 52px var(--layout-padding) 52px; margin: 0 auto; } .footer-main-box .footer--flex--main { --min-dl-width: 188px; width: 100%; display: -ms-grid; display: grid; grid-template-columns: repeat(auto-fill, minmax(var(--min-dl-width), 1fr)); grid-column-gap: 24px; grid-row-gap: 48px; box-sizing: border-box; } @media screen and (min-width: 1920.9px) { .footer-main-box.footer--flex--layout { padding: 64px 0 45px; } } @media screen and (min-width: 768px) and (max-width: 1200px) { .footer-main-box.footer--flex--layout { max-width: none; } .footer-main-box .footer--flex--main { --min-dl-width: 180px; } } @media screen and (min-width: 414px) and (max-width: 768px) { .footer-main-box .footer--flex--main { grid-column-gap: 48px; } } /* #endregion ======================= 自适应 end ======================= */ /* #region ======================= 768px以上(包括768) 独有 start ======================= */ @media screen and (min-width: 768px) { footer.my-footer { border-top: 1px solid var(--color-divider-1); } } /* #endregion ======================= 768px以上(包括768) 独有 end ======================= */ /* #region ======================= 外链分享icon & è¯è¨€åˆ‡æ¢ start ======================= */ .footer-comity-icon { position: relative; width: 100%; display: flex; align-items: center; justify-content: space-between; gap: 24px; margin: 0; box-sizing: border-box; } .footer-comity-icon li, .footer-comity-icon > a, .footer-comity-icon li > a { width: 24px; height: 40px; cursor: pointer; position: relative; display: flex; color: var(--color-text-2); } .footer-comity-icon li:hover, .footer-comity-icon > a:hover { color: var(--color-brand-1); } .footer-comity-icon li:hover path, .footer-comity-icon > a:hover path { fill: var(--color-brand-1) !important; } .footer-comity-icon .footer-community-icon { width: 100%; height: 100%; } .footer-comity-icon .footer-comity-pop { width: max-content; max-width: 328px; background: rgba(38, 41, 51, 0.9); border-radius: 4px; position: absolute; bottom: 34px; left: 0px; z-index: 99; padding: 8px 12px; box-sizing: border-box; font-size: 16px; color: var(--color-text-6); display: none; } .footer-comity-icon li:hover .footer-comity-pop, .footer-comity-icon li:has(:focus) .footer-comity-pop { display: flex; } .footer-comity-icon li:last-child:hover .footer-comity-pop { display: none; } .footer-comity-pop .pop-title { display: block; font-weight: 500; color: var(--color-text-1); } .footer-comity-pop { margin-bottom: 4px; display: flex; align-items: center; flex-wrap: wrap; } .footer-comity-pop a { display: inline-block; line-height: 30px; cursor: pointer; color: var(--color-text-2); } .footer-comity-pop i { display: inline-block; height: 16px; width: 1px; border-left: 1px solid#4D5366; margin: 0 8px; } .footer-comity-pop a:hover::after { color: var(--color-brand-1) !important; } #languageBox { position: relative; display: inline-block; margin: 0; } html[lang='ar'] .footer-comity-icon li:hover .footer-comity-pop { right: 0; } html[lang='ar'] #langOption:hover .opr-list { right: 0; } /* #endregion ======================= 外链分享icon & è¯è¨€åˆ‡æ¢ end ======================= */ /* #region ======================= 版æƒÂ©ï¸ start ======================= */ #footerDate { height: 64px; box-sizing: border-box; border-top: 1px solid var(--color-divider-2); color: var(--color-text-3); font-size: 14px; text-align: center; line-height: 72px; justify-content: center; } @media screen and (min-width: 768px) and (max-width: 1680px) { #footerDate { height: 52px; line-height: 52px; font-size: 12px; } } /* #endregion ======================= 版æƒÂ©ï¸ end ======================= */ /* #region ç‰ˆæƒ - è¯è¨€é€‰æ‹© + 社媒 + ç‰ˆæƒ */ .footer-copy-right { border-top: 1px solid var(--color-divider-2); padding: 0 var(--layout-padding); } .footer-copy-right-inner { display: flex; justify-content: space-between; align-items: center; max-width: var(--layout-maxWidth); width: 100%; height: 64px; margin: 0 auto; box-sizing: border-box; } .footer-copy-right-inner .footer-comity { display: flex; justify-content: space-between; align-items: center; gap: 40px; } .footer-copy-right-inner .footer-comity #langOption { position: relative; display: flex; justify-content: space-between; align-items: center; width: 160px; height: 32px; color: var(--color-text-3); border: 1px solid var(--color-card-4); background: var(--color-neutral-1); box-sizing: border-box; border-radius: 100px; cursor: pointer; font-size: 12px; } .footer-copy-right-inner .footer-comity #langListBottom { background: var(--color-card-4); } .footer-copy-right-inner .footer-comity #langListBottom li { color: var(--color-text-2); } .footer-copy-right-inner .footer-comity #langListBottom li:hover { color: var(--color-brand-1); background-color: transparent; } .footer-copy-right-inner .footer-comity #langListBottom.opr-list { bottom: 34px; } .footer-copy-right-inner .footer-comity #langOption .up-down { color: var(--color-text-3); font-weight: normal; } .footer-copy-right-inner .footer-comity #langOption:hover .up-down { color: var(--color-brand-1); } /* 版æƒæ–‡æ¡ˆ */ .footer-copy-right-inner .copyright--text { user-select: text; color: var(--color-text-3); font-size: 14px; font-style: normal; font-weight: 400; direction: ltr; } /* #endregion ç‰ˆæƒ - è¯è¨€é€‰æ‹© + 社媒 + ç‰ˆæƒ */ .is_phone .appLink { padding: 10px 0; display: flex; justify-content: space-between; } .is_phone .app-tip { height: 99px; border-top: none; position: relative; background-color: var(--color-neutral-3); } .is_phone .app-tip .logo { width: 40px; height: 40px; min-width: 40px; margin: 0 8px 0 16px; float:left; user-select: none; color: var(--color-brand-1); } .is_phone .ads { line-height: 120%; font-size: 16px; color: var(--color-text-2); float:left } .is_phone .ads p { font-size: 16px; color: var(--color-text-1); font-weight: 600; margin-bottom: 8px; } .is_phone .dn-btn { width: 30px !important; height: 30px !important; background: none; user-select: none; } /* 下载app 活动 start */ .is_phone #bAppClose { position: absolute; top: 8px; right: 12px; color: var(--color-icon-4); } .is_phone .dn-lihe-btn-img { width: 72px; height: 44px; margin-left: 8px; } .is_phone .app-tip-box { height: 100%; display: flex; align-items: center; background-color: var(--color-neutral-3); padding-right: 40px; } .is_phone .appLink { width: 100%; align-items: center; } .is_phone .appLinkTextDownload { display: flex; align-items: center; } html[lang='ar'] .is_phone .app-tip-box { padding-right: unset; padding-left: 40px; } html[lang='ar'] .is_phone #bAppClose { left: 6px; right: unset; } html[lang='ar'] .is_phone .dn-lihe-btn-img { margin-left: unset; margin-right: 8px; } body.classic-dark.is_phone .ads { color: var(--color-text-2); } /* 下载app 活动 end */ /* #region ======================= h5 start ======================= */ @media screen and (max-width: 768px) { .footer-container { display: none!important; } .phone-footer-container { --padding-side: 12px; padding-top: 40px; width: 100%; } .phone-footer-container .footer-sel-name, .phone-footer-container .footer-signup-title { font-weight: 500; } /* 引导注册 */ .phone-footer-container .footer-signup { height: 226px; background: #f8fafd; text-align: center; margin-bottom: 50px; padding-bottom: 0; display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 0 var(--padding-side); } .phone-footer-container .footer-signup-title { font-size: 28px; color: var(--color-text-1); line-height: 28px; } .phone-footer-container .footer-signup-btn, .is_phone .bold-fon { font-weight: 500; } .phone-footer-container .footer-signup-btn { display: inline-block; border-radius: 22px; width: 214px; color: #fff; height: 20px; background: var(--color-brand-1); line-height: 100%; box-sizing: content-box; padding: 15px 20px; border-radius: 8px; font-size: 20px; } .phone-footer-container .footer-signup-btn:hover { color: #fff; } /* èœå• */ .phone-footer-container .footer-sel-list .active, .phone-footer-container .footer-nav-sub li:active a, .phone-footer-container .footer-navlist { display: flex; flex-direction: column; flex: 1; box-sizing: border-box; padding: 0 var(--padding-side); } .phone-footer-container .footer-nav-item { flex: 1; -webkit-flex: 1; -ms-flex: 1; box-sizing: border-box; color: var(--color-text-1); padding-right: 0; } .phone-footer-container .footer-nav-title { display: flex; align-items: center; padding: 12px 0; box-sizing: border-box; pointer-events: auto; font-size: 16px; font-weight: 500; cursor: pointer; } .phone-footer-container .footer-nav-title div { flex: 1; font-size: 16px; box-sizing: border-box; } .phone-footer-container .footer-nav-sub { max-height: 0; overflow: hidden; -webkit-transition: 0.3s all; transition: 0.3s all; box-sizing: border-box; margin-top: 7px; } .phone-footer-container .footer-nav-sub li { /* display: flex; */ font-size: 14px; margin-bottom: 12px; box-sizing: border-box; } .phone-footer-container .footer-nav-sub li a { color: var(--color-text-3); font-size: 14px; font-weight: 500; } /* #region h5 | screen<768 ç¤¾åª’å›¾æ ‡ - èœå•ä½ç½®è°ƒæ•´ */ .phone-footer-container .footer-comity-icon { width: 100%; display: flex; align-items: center; justify-content: space-between; font-size: 24px; margin: 0; padding: 12px 12px 0 12px; gap: unset; position: relative; } .phone-footer-container .footer-comity-icon li { position: static; } html[lang='ar'] .phone-footer-container .footer-comity-icon li:hover .footer-comity-pop { right: auto; } .phone-footer-container .footer-comity-icon > li, .phone-footer-container .footer-comity-icon > a, .phone-footer-container .footer-comity-icon > li > a { margin: 0; height: 24px; } .phone-footer-container .footer-comity-icon li:hover .footer-comity-pop { width: 99%; max-width: 100%; left: 50% !important; transform: translate(-50%, 0); bottom: 26px; justify-content: center; } .phone-footer-container .footer-comity-icon li:hover .footer-comity-pop::after { content: ''; position: absolute; left: 0; right: 0; top: 0; height: 4px; } /* #endregion h5 | screen<768 ç¤¾åª’å›¾æ ‡ - èœå•ä½ç½®è°ƒæ•´ */ .phone-footer-container .footer-copyRight { user-select: text; color: var(--color-text-3); font-size: 12px; font-style: normal; font-weight: 400; text-align: center; padding-bottom: 24px; direction: ltr; } /* #region è¯è¨€é€‰æ‹© + 法å¸é€‰æ‹© */ .phone-footer-container .footer-sel { display: flex; padding: 24px var(--padding-side) 24px; color: var(--color-text-4); } .phone-footer-container .footer-sel .footer-sel-item:first-child { margin-right: 15px; } .phone-footer-container .footer-sel .footer-sel-item { position: relative; width: 50%; height: 40px; border-radius: 8px; position: relative; background: var(--color-card-4); font-weight: 500; } .phone-footer-container .footer-sel .footer-sel-name { font-size: 14px; color: var(--color-text-4); line-height: 22px; } .phone-footer-container .footer-sel .icon_rotate { transform: rotate(180deg); margin-top: 0px; } .phone-footer-container .footer-sel .footer-sel-list { box-shadow: 0px 0px 16px rgba(35, 84, 230, 0.1); border-radius: 8px; background: var(--color-card-4); padding: 10px 0; position: absolute; bottom: 50px; width: 340px; display: none; flex-wrap: wrap; color: var(--color-text-2); max-height: 400px; overflow-y: auto; user-select: none; } .phone-footer-container .footer-sel .footer-sel-list::-webkit-scrollbar { width: 2px; background: var(--color-card-3); } .phone-footer-container .footer-sel .footer-sel-list li { height: 45px; padding: 0 10px; cursor: pointer; margin: 0; font-size: 14px; box-sizing: border-box; display: flex; align-items: center; justify-content: flex-start; flex-direction: unset; width: calc(100% / 3); } .phone-footer-container .footer-sel .footer-sel-list li:hover { color: var(--color-brand-1); } .phone-footer-container .footer-sel-l { left: 0; } .phone-footer-container .footer-sel-r { right: 0; } .phone-footer-container .footer-nav-item .footer-nav-title.active .up-down { transform: rotate(180deg); color: var(--color-brand-1); } .phone-footer-container .footer-sel .footer-sel-title { height: 100%; display: flex; align-items: center; justify-content: space-between; padding: 0 12px; } html[lang='ar'] .phone-footer-container .footer-sel .footer-sel-item:first-child { margin-right: unset; margin-left: 15px; } /* #endregion è¯è¨€é€‰æ‹© + 法å¸é€‰æ‹© */ /* -------------------------------- */ .is_phone .gateio-community-title { font-weight: 500; } .is_phone .active-item { color: var(--color-brand-1); } .is_phone .footer-view { box-sizing: border-box; margin: 0; min-width: 0; background-color: #fff; margin-top: 0; max-width: 100vw; } .is_phone .footer-view li { list-style: none; } .is_phone .footer-view a { text-decoration: none; } .is_phone .gateio-community-title { font-size: 24px; font-weight: 500; color: #04091a; } .is_phone .footer-container .up-down { font-size: 18px; color: #c2c4cc; } .is_phone .active-item { background: #f5f6fa; } .is_phone .close:after { color: #aaa; } .is_phone .n-link { flex-direction: column; align-items: flex-end; } .is_phone #veriCon .clearfix { padding: 8px 12px 12px; } .is_phone #veriCon > div { font-size: 12px; align-items: inherit; } .is_phone #veriCon .clearfix .icon { width: 12px; height: 12px; top: 12px; font-size: 12px; } .is_phone .n-link em { line-height: 150%; padding: 0 0 8px 0; width: calc(100% - 16px); } .is_phone #veriCon .close { margin-left: 8px; } .is_phone #veriCon .close:after { font-size: 22px; display: flex; justify-content: center; align-items: center; height: 12px; } .is_phone #veriCon .r-btn { margin-right: -18px; margin-left: 12px; } } /* #endregion ======================= h5 end ======================= */ /* #region Footer 3.0 版本 */ /* footer 默认黑色主题,csså˜é‡è¦†ç›– */ #footer-view { /* 主色åºåˆ— Brand */ /* å“牌相关/按钮/选ä¸/链接 */ --color-brand-1: #266FFF; /* 分割线 Divider */ /* 分割线 */ --color-divider-1: #70798c; /* æè¾¹ */ --color-divider-2: #262933; /* 选ä¸æè¾¹ */ --color-divider-3: #262933; /* CheckBox线框/æ»šåŠ¨æ¡ */ --color-divider-4: #474f66; /* å¡ç‰‡ Card */ /* å¡ç‰‡ */ --color-card-1: #1D1D24; /* 白底å¡ç‰‡ */ --color-card-2: #14141A; /* 展示类å¡ç‰‡ */ --color-card-3: #1D1D24; /* 下拉é¢æ¿/弹窗 */ --color-card-4: #1B1D22; /* 下拉é¢æ¿æµ®å±‚ */ --color-card-5: #21242E; /* 背景 Bg */ /* 背景白 */ --color-bg-1: #14141A; /* èƒŒæ™¯è“ */ --color-bg-2: #0C0C0F; /* æ–‡å— Text */ /* 强调/æ£æ–‡æ ‡é¢˜ */ --color-text-1: #FAFAFA; /* 次强调/æ£æ–‡å‰¯æ ‡é¢˜ */ --color-text-2: #ACB2BF; /* æ£æ–‡ */ --color-text-3: #7E8494; /* 暗示æ醒 */ --color-text-4: #5C6270; /* 交易é¢æ¿ï¼Œæ–‡å—è“ */ --color-text-5: #3388FF; /* 白色å—体 */ --color-text-6: #FAFAFA; /* æ–‡å—ç¦ç”¨è‰² */ --color-text-7: #5C6270; --color-neutral-1: #3C4150; background-color: #0C0C0F; color: var(--color-text-3); min-height: auto; } /* èœå•åŒºåŸŸ 3.0 */ #footer-view .footer-main-box .footer--flex--main { --min-dl-width: auto; grid-template-columns: repeat(4, minmax(var(--min-dl-width), 1fr)); } #footer-view .footer-main-box .footer--flex--main.column-5 { grid-template-columns: repeat(5, minmax(var(--min-dl-width), 1fr)); } #footer-view #footerMain.footer-main-box .footer--flex--main dt { color: var(--color-text-6); } #footer-view #footerMain.footer-main-box .footer--flex--main dd + dt { padding-top: 12px; } #footer-view #footerMain .footer--flex--main dd { margin-top: 16px; margin-bottom: 0; } #footer-view #footerMain .footer--flex--main dd a { color: var(--color-text-3); line-height: normal; } #footer-view #footerLeft { display: none; } #footer-view .footer-folder-title { color: var(--color-text-3); line-height: normal; font-size: 14px; display: flex; align-items: center; column-gap: 4px; cursor: pointer; transition: all 0.2s; } #footer-view .footer-folder-title:hover { color: var(--color-brand-1); } #footer-view .footer-folder-title > svg { width: 8px; height: 8px; } #footer-view .footer-folder-title.expand > svg { color: var(--color-brand-1); transform: rotate(180deg); } #footer-view .footer-folder-list { max-height: 0; padding-left: 16px; transition: all 0.2s; overflow: hidden; padding-top: 0; } #footer-view .footer-folder-list > li:last-of-type { margin-bottom: 0; } #footer-view .footer-folder-title.expand + .footer-folder-list { max-height: 300px; padding-top: 12px; } /* #endregion Footer 3.0 版本 */