*,html{margin:0;padding:0;border:0;outline:0;font-weight:inherit;font-style:inherit;font-family:inherit;-moz-box-sizing:border-box;box-sizing:border-box;font-size:100%;text-align:left}img{color:transparent;font-size:0;vertical-align:middle;-ms-interpolation-mode:bicubic}ol,ul{list-style:none}li{display:list-item}a img{border:0}a{text-decoration:none}b,strong{font-weight:900}i,em{font-style:italic}img{max-width:100%}.btn,input[type=button],select,button{-webkit-appearance:none;cursor:pointer;background-color:transparent}.hide{display:none;}

:root{
  --site-container:1024px;
  --space-1:4px;
  --space-2:8px;
  --space-3:16px;
  --space-4:24px;
  --space-5:32px;
  --space-6:48px;
  --body-padding:64px;
  --max-zindex:2147483648;
  --background-primary:#0a1b3a; 
  --background-copyright:#202020;  
  --color-default:#c9cdd4; 
}

body, html{font-family:'Roboto', sans-serif; font-size:20px; font-weight:400; letter-spacing:0.4px; font-feature-settings:'lnum' 1; 
color:var(--color-default); -webkit-text-size-adjust:100%; -ms-text-size-adjust:100%; 
-webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; text-rendering:optimizeSpeed;}
html{scroll-behavior:smooth;}
body{overflow-x:hidden; position:relative; background-color:var(--background-copyright); padding-top:var(--body-padding);}
a{font-weight:700;}
.btn, a.btn{padding:8px 16px; font-weight:700; -webkit-appearance:none; text-align:center; display:flex; align-items:center;}
#btt{display:none;}
.content_center{display:flex; justify-content:center; align-items:center;}
.flex_ori{display:block; overflow:hidden; position:relative; line-height:0;}
.flex_ori:before{content:''; display:block;}
.flex_ori img{position:absolute; z-index:2; top:0; left:0; width:100%; height:100%; object-fit:cover;}
.flex_ori img:not([src]){visibility:hidden;}
.sticky-link{height:var(--body-padding);}
.width-container{width:100%; max-width:var(--site-container);}

header{position:fixed; top:0; left:0; width:100%; z-index:calc(var(--max-zindex) - 2000);}
header > span{display:flex; justify-content:space-between;}
.header-left, .header-right{display:flex;}
header .sticky-link{padding:0 var(--space-2);}
header .header-logo{padding-left:var(--space-4);}
header .header-logo img{width:auto; height:calc(var(--body-padding) - var(--space-3));}
header .header-antv img{width:auto; height:calc(var(--body-padding) - var(--space-5));}
header .header-share{padding-right:var(--space-4);}
header .header-share-btn .svgicon{width:auto; max-height:16px; margin-left:var(--space-2);}

.site-container{min-height:calc(100vh - var(--body-padding)); background-color:var(--background-primary);}
.base-container > .width-container{padding:var(--body-padding) var(--space-4);}

.cover-content{display:grid; grid-gap:var(--space-4);}
.cover-logo-image{width:64%; max-width:337px;}
.cover-logo-image:before{padding-top:142.43%;}
.cover-info{display:grid; grid-gap:var(--space-4);}
.cover-info *{line-height:150%;}
.cover-info .cover-title{font-weight:900; line-height:120%;}
.cover-gateway{display:flex; align-items:center; margin-top:var(--space-4);}
.cover-button{font-size:24px; padding:16px 24px !important;}
.cover-button .svgicon{width:auto; height:24px; margin-left:var(--space-5);}
  
.popoup-share{display:none;}

@media screen and (min-width:0px) and (max-width:767px){
  body, html{font-size:16px;}
  .desktop-only{display:none !important; visibility:hidden; content-visibility:hidden;}
  .desktop-only iframe[loading=lazy]{content-visibility:hidden !important;}
  
  .cover-title{font-size:36px;}
}

@media screen and (min-width:768px){
  .mobile-only{display:none !important; visibility:hidden; content-visibility:hidden;}
  
  .cover .width-container{padding:96px var(--space-4);}
  .cover-content{grid-template-columns:1fr 330px;}
  .cover-content > *{grid-row:1/2;}
  .cover-logo-image{width:80%;}
  .cover-info{grid-column:1/2; grid-auto-rows:min-content;}
  .cover-logo{grid-column:2/3;}
  .cover-title{font-size:48px;}
  .cover-button .svgicon{margin-left:var(--body-padding);}
}