.layer{position:fixed;top:0;bottom:0;left:0;right:0;background-color:rgba(0,0,0,.4)}.comp-confirm{position:relative;z-index:999}.comp-confirm .content{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:510px;background:#fff;border-radius:16px;color:#14171f;background-image:url(../img/img-bg.e2f12286.png);background-size:180px 180px;background-position:5px 7px;background-repeat:no-repeat}.comp-confirm .content .header .cancel{padding-top:20px;padding-right:20px;text-align:right}.comp-confirm .content .header .cancel .icon{display:inline-block;width:20px;height:20px;cursor:pointer}.comp-confirm .content .header .title{display:flex;align-items:center;justify-content:center;margin-right:38px;margin-top:8px}.comp-confirm .content .header .title .icon{display:inline-block;width:28px;height:23px;margin-right:10px}.comp-confirm .content .header .title .text{font-size:24px;line-height:38px;font-weight:700}.comp-confirm .content .body{margin:24px 32px;font-size:16px;line-height:26px;text-align:center}@media(max-width:768px){.comp-confirm .content{max-width:calc(100vw - 72px);background-size:100%;background-position:50%}.comp-confirm .content .header .cancel{padding-top:14px;padding-right:14px}.comp-confirm .content .header .cancel .icon{width:14px;height:14px}.comp-confirm .content .header .title{margin-top:0}.comp-confirm .content .header .title .icon{width:16px;height:12px;margin-right:8px}.comp-confirm .content .header .title .text{font-size:16px;line-height:28px}.comp-confirm .content .body{margin:8px 20px 20px;font-size:12px;line-height:24px}}body{background-color:#000;color:#fff}.container{width:960px;margin:0 auto;position:relative}.flex{display:flex;justify-content:space-between}.fl{float:left}.fr{float:right}.arrow{display:inline-block;width:18px;height:18px;border-left:2px solid #000;border-bottom:2px solid #000}.arrow.up{transform:rotate(135deg)}.arrow.down{transform:rotate(-45deg);margin-top:-20px}.arrow-down{width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent;border-top:10px solid #000}#app{font-family:Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}header{width:100%;height:100px;background-color:#010101;padding-top:16px!important}header .nav{display:flex;align-items:center;justify-content:space-between;height:100%}header .logo{width:125px;height:36px;display:block}header .layer,header .menu{display:none}header nav{font-size:12px}header nav ul{display:flex}header nav ul li{line-height:2.5;margin-left:40px;position:relative;cursor:pointer}header nav ul li:hover:after{position:absolute;bottom:-4px;left:0;content:"";width:100%;height:5px;background-color:#5f56fd}header nav ul li a{color:#fff}section h2{text-align:center;font-size:24px;margin-bottom:48px}section.intro{padding:32px;background-image:url(../img/head_bga.628d414d.jpg);background-repeat:no-repeat;background-position:center 30%;background-size:1500px 900px}section.intro .desc{padding:32px 0;color:#fff;width:50%}section.intro .desc h1{font-size:32px;line-height:36px;font-weight:bolder}section.intro .desc p{line-height:20px;font-size:14px;margin-top:24px}section.intro .diagram{width:50%;text-align:right}section.intro .diagram img{width:90%}section.tech{position:relative;background-image:url(../img/lx.6b96bb6c.png);background-repeat:no-repeat;background-position:50%;background-size:1440px}section.tech:before{content:"";position:absolute;left:0;top:0;width:50%;height:100%;background:#fff;border-radius:0 40px 40px 0;z-index:-1}section.tech ul li{width:50%;padding:60px 0}section.tech ul li h4{font-size:24px;font-weight:bolder;margin:20px 0}section.tech ul li p{line-height:1.2}section.tech ul li:first-child{color:#000}section.tech ul li:first-child p{padding-right:120px}section.tech ul li:last-child{text-align:right}section.tech ul li:last-child p{padding-left:120px}section.faq{padding:80px 0}section.faq li{width:100%;border-radius:5px;border:1px solid #c1bebb;margin:24px 0}section.faq li .upper{height:48px;cursor:pointer;background-color:#d3d3d3;border-radius:5px 5px 0 0}section.faq li .upper.up{background-color:#fff;transition:background-color .5s}section.faq li .upper .name{line-height:48px;margin-left:12px;font-size:16px;color:#121212;font-weight:bolder;font-family:Trebuchet MS,Lucida Sans Unicode,Lucida Grande,Lucida Sans,Arial,sans-serif}section.faq li .upper .arr-btn{position:relative;top:32px;left:-20px}section.faq li .lower .intro{padding:32px 24px;color:#000;background:#fff;box-shadow:inset 0 3px 10px rgba(0,0,0,.13)}section.faq li .lower .intro p{margin-bottom:20px;line-height:1.5}section.faq li .lower .intro p b{font-weight:bolder}section.algo{padding:200px 0 350px;background-image:url(../img/vvvv.0bccb154.jpg),url(../img/lllllogo.4b42ebd3.png);background-repeat:no-repeat;background-position:45% -120px,48% 96%;background-size:contain,1280px}section.algo dl{width:50%;position:relative}section.algo dl dt{font-size:24px;font-weight:bolder}section.algo dl dd{line-height:1.35}section.algo dl:first-child{padding-right:64px}section.algo dl:first-child dt{margin-bottom:56px}section.algo dl:first-child:after{content:"";position:absolute;left:0;top:88%;width:180px;height:170px;background-image:url(../img/T1.7d21be67.png);background-repeat:no-repeat;background-size:contain;background-position-x:-30px}section.algo dl:last-child{padding-left:64px}section.algo dl:last-child dt{line-height:1.3;text-align:right;margin-bottom:16px}section.algo dl:last-child:after{content:"";position:absolute;right:0;top:100%;width:180px;height:170px;background-image:url(../img/T2.0a40b269.png);background-repeat:no-repeat;background-size:contain;background-position-x:30px}section.comm{background-color:#fff;color:#000;text-align:center;padding:80px 0;background-image:url(../img/line.50e695a1.png);background-repeat:no-repeat;background-position:center 170px;background-size:960px 400px}section.comm .container{width:1100px}section.comm h2{margin-bottom:24px}section.comm h6{color:#616161}section.comm ul{padding:80px 0;position:relative;color:#fff}section.comm ul li{width:255px;height:280px;background-repeat:no-repeat;background-size:contain;position:relative;display:flex;align-items:center;justify-content:center}section.comm ul li:first-child{background-image:url(../img/a1.eb5fb957.png);top:24px}section.comm ul li:nth-child(2){background-image:url(../img/a2.9f9f640d.png)}section.comm ul li:nth-child(3){background-image:url(../img/a3.454e3847.png)}section.comm ul li:last-child{background-image:url(../img/a4.b5b59f94.png);top:24px}section.comm ul li h5{font-size:18px;font-weight:bolder;margin:20px}section.comm ul li p{padding:0 12px;line-height:1.3}section.comm ul:after{content:"Other blockchain networks";position:absolute;left:-5px;right:0;top:95%;margin:auto;background:#eee;border-radius:17px;width:220px;height:32px;line-height:32px;font-size:11px;color:#000;font-weight:bolder}section.support{position:relative;padding:120px 0}section.support:before{content:"";position:absolute;left:0;top:0;height:40px;width:100%;background-color:#fff;background-image:url(../img/00.5b360b9f.png);background-size:10%}section.support h2{font-size:32px;margin-bottom:80px;background-image:url(../img/From-Gamefi-to-the-Metaverse.5ed4a5b7.png);background-repeat:no-repeat;background-size:456px 23px;background-position:50%;text-indent:-9999px}section.roadmap{position:relative;padding:100px 0}section.roadmap:before{top:0;height:5px;background:linear-gradient(90deg,#ffb8fb,#522a84,#48668a,#52cdbe,#5bc2ec)}section.roadmap:after,section.roadmap:before{content:"";position:absolute;left:0;width:100%}section.roadmap:after{top:100%;height:2px;background:linear-gradient(90deg,#d893e8,#efda49,#b4ffd3,#46eae1)}section.roadmap h2{margin-bottom:160px!important}section.roadmap h2:after{content:"";display:block;width:100%;position:relative;top:180px;border-bottom:1px solid hsla(0,0%,100%,.2);z-index:-1}section.roadmap p.dots{width:100%;max-width:1280px;margin:24px auto}section.roadmap p.dots b{display:inline-block;width:12.4%;height:40px;background-image:url(../img/fenq.ceef6d58.png);background-repeat:no-repeat;background-size:contain}section.roadmap p.dots b:nth-of-type(n+5){background-image:url(../img/lvq.c0e5bdae.png)}section.roadmap ul{width:100%;max-width:1280px;margin:0 auto;position:relative}section.roadmap ul li h6{color:#d893e8;font-weight:bolder;margin-bottom:18px}section.roadmap ul li p{font-size:11px;line-height:14px}section.roadmap ul li:nth-of-type(n+5) h6{color:#2af1c0}section.roadmap ul li:nth-child(2n){margin-top:-180px}footer{width:100%;height:100px;background-color:#000;text-align:center;padding:50px 0 100px!important}footer h2{font-size:24px}footer ul{display:flex;width:300px;margin:32px auto}footer ul li{flex:1}@media(max-width:992px){.container{width:calc(100vw - 32px)}header .logo{width:120px;height:35px}header nav ul li{margin-left:20px}section.intro .content{display:grid;align-items:center;grid-template-columns:1fr 1fr;gap:32px}section.intro .desc{padding:0;flex:1}section.intro .diagram{flex:1}section.intro .diagram img{display:block;width:100%}section.algo{background-size:auto 100%,1280px}section.comm .container{width:calc(100vw - 32px)}section.comm ul{display:grid;gap:8px;grid-template-columns:1fr 1fr 1fr 1fr}section.comm ul li{width:auto;background-size:cover;background-position:50%;border-radius:16px}section.comm ul li h5{margin:16px}section.comm ul li p{font-size:14px}section.support:before{background-size:120px}}@media(max-width:768px){header{height:60px;padding:0!important}header .logo{width:90px;height:27px;display:block}header .menu{display:inline-block;width:24px}header .layer{position:fixed;left:0;right:0;top:0;bottom:0}header .layer.block{display:block}header nav{display:none;position:fixed;bottom:0;left:0;right:0;z-index:999}header nav ul{position:relative;flex-direction:column;padding:12px 16px;z-index:1;width:100%;background-color:#3e2fa2;z-index:999}header nav ul>li{position:relative;text-align:center;margin-left:0}header nav ul>li:after{display:none}section h2{font-size:24px;margin-bottom:32px}section.intro{padding:32px 0;background-position:top;background-size:1000px}section.intro .content{grid-template-columns:1fr}section.intro .desc{width:100%}section.intro .desc h1{font-size:26px;line-height:1.2}section.intro .desc p{line-height:1.2;margin-top:16px}section.intro .diagram{width:65vw;margin:0 auto}section.tech{position:relative;background-size:1200px}section.tech:before{content:"";position:absolute;left:0;top:0;width:100%;height:100%;box-sizing:border-box;background:#fff;border-radius:0 24px 24px 0;z-index:-1}section.tech ul{display:grid;grid-template-columns:1fr}section.tech ul li{width:100%;padding:24px 16px;color:#000;box-sizing:border-box}section.tech ul li h4{font-size:22px;font-weight:bolder;margin:16px 0}section.tech ul li p{font-size:14px}section.tech ul li:first-child p{padding-right:0}section.tech ul li:last-child p{padding-left:0}section.algo{padding:60px 0;background-image:url(../img/vvvv.0bccb154.jpg);background-repeat:no-repeat;background-position:-240px -60px;background-size:1280px auto}section.algo .content{display:grid;grid-template-columns:1fr;gap:24px}section.algo dl{width:100%}section.algo dl dt{font-size:22px;margin-bottom:16px!important}section.algo dl dd{font-size:14px}section.algo dl:first-child{padding-right:0}section.algo dl:first-child:after{display:none}section.algo dl:last-child{padding-left:0}section.algo dl:last-child dt{text-align:left}section.algo dl:last-child:after{display:none}section.comm{background-image:none;padding:60px 0}section.comm .container{width:calc(100vw - 32px)}section.comm ul{display:grid;gap:12px;grid-template-columns:1fr;padding:24px 0 0}section.comm ul li{width:auto;height:auto;border-radius:8px;position:static}section.comm ul li div{padding:16px;text-align:center}section.comm ul li h5{margin:0;font-size:16px}section.comm ul li p{font-size:14px;padding:0;margin-top:8px}section.comm ul li:first-child>div,section.comm ul li:nth-child(4)>div{display:flex;flex-direction:column-reverse}section.comm ul:after{position:static;margin:16px auto 0}section.support{position:relative;padding:60px 0}section.support:before{height:32px;background-size:100px}section.support h2{margin-bottom:32px;background-size:85vw}section.support .content{display:grid;grid-template-columns:1fr;gap:24px}section.support .content>img{width:100%}section.support .content>img:first-child{margin-left:-24px}section.faq{padding:60px 0}section.faq li{margin:16px 0}section.faq li .upper{height:48px}section.faq li .upper.up{background-color:#fff;transition:background-color .5s}section.faq li .upper .name{margin-left:12px!important;font-size:14px;width:calc(100vw - 80px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}section.faq li .lower .intro{padding:16px}section.faq li .lower .intro p{font-size:14px}section.roadmap{padding:60px 0}section.roadmap h2{margin-bottom:24px!important}section.roadmap h2:after{display:none}section.roadmap p.dots{display:none;width:100%;max-width:1280px;margin:24px auto}section.roadmap p.dots b{display:inline-block;width:12.4%;height:40px;background-image:url(../img/fenq.ceef6d58.png)}section.roadmap p.dots b:nth-of-type(n+5){background-image:url(../img/lvq.c0e5bdae.png)}section.roadmap ul{width:80%;margin:0 auto;display:grid;grid-template-columns:1fr;gap:16px}section.roadmap ul:after{content:"";display:block;width:1px;height:100%;left:12px;position:absolute;background-color:hsla(0,0%,100%,.2);z-index:-1}section.roadmap ul li{position:relative;width:100%;margin-left:32px}section.roadmap ul li h6{margin-bottom:8px}section.roadmap ul li p{font-size:13px;line-height:1.3}section.roadmap ul li:nth-child(2n){margin-top:0}section.roadmap ul li:before{position:absolute;left:-32px;top:-5px;content:"";display:inline-block;width:24px;height:24px;background-image:url(../img/fenq.ceef6d58.png);background-repeat:no-repeat;background-size:contain}section.roadmap ul li:nth-of-type(n+5):before{background-image:url(../img/lvq.c0e5bdae.png)}}a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;font-weight:400;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}li,ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:"";content:none}table{border-collapse:collapse;border-spacing:0}a{color:#7e8c8d;text-decoration:none;-webkit-backface-visibility:hidden}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track-piece{background-color:rgba(0,0,0,.2);-webkit-border-radius:6px}::-webkit-scrollbar-thumb:vertical{height:5px;background-color:hsla(0,0%,49%,.7);-webkit-border-radius:6px}::-webkit-scrollbar-thumb:horizontal{width:5px;background-color:hsla(0,0%,49%,.7);-webkit-border-radius:6px}body,html{width:100%;font-family:Arial,Microsoft YaHei,黑体,宋体,微软雅黑,sans-serif}body{line-height:1;-webkit-text-size-adjust:none;-webkit-tap-highlight-color:rgba(0,0,0,0)}html{overflow-y:scroll}.clearfix:after,.clearfix:before{content:" ";display:inline-block;height:0;clear:both;visibility:hidden}.clearfix{*zoom:1}.dn{display:none}