.layer[data-v-83d1fe32]{position:fixed;top:0;bottom:0;left:0;right:0;background-color:rgba(0,0,0,.4)}.comp-confirm[data-v-83d1fe32]{position:relative;z-index:999}.comp-confirm .content[data-v-83d1fe32]{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.36d6c844.png);background-size:94px 82px;background-position:21px 20px;background-repeat:no-repeat}.comp-confirm .content .header .cancel[data-v-83d1fe32]{padding-top:20px;padding-right:20px;text-align:right}.comp-confirm .content .header .cancel .icon[data-v-83d1fe32]{display:inline-block;width:20px;height:20px;cursor:pointer}.comp-confirm .content .header .title[data-v-83d1fe32]{display:flex;align-items:center;justify-content:center;font-size:24px;line-height:38px;margin-right:38px;margin-top:8px}.comp-confirm .content .header .title .icon[data-v-83d1fe32]{display:inline-block;width:34px;height:30px;margin-right:10px}.comp-confirm .content .header .title .text[data-v-83d1fe32]{font-weight:bolder}.comp-confirm .content .body[data-v-83d1fe32]{margin:24px 32px;font-size:16px;line-height:26px;text-align:center}@media(max-width:768px){.comp-confirm .content[data-v-83d1fe32]{max-width:calc(100vw - 72px);background-size:100%;background-position:50%}.comp-confirm .content .header .cancel[data-v-83d1fe32]{padding-top:14px;padding-right:14px}.comp-confirm .content .header .cancel .icon[data-v-83d1fe32]{width:14px;height:14px}.comp-confirm .content .header .title[data-v-83d1fe32]{margin-top:0}.comp-confirm .content .header .title .icon[data-v-83d1fe32]{width:16px;height:12px;margin-right:8px}.comp-confirm .content .header .title .text[data-v-83d1fe32]{font-size:16px;line-height:28px}.comp-confirm .content .body[data-v-83d1fe32]{margin:8px 20px 20px;font-size:12px;line-height:24px}}body{background-color:#e3e1df}.container{width:100%;margin-right:auto;margin-left:auto;position:relative;box-sizing:border-box}@media(max-width:576px){.container{padding-right:15px;padding-left:15px}}@media(min-width:576px){.container{width:540px}}@media(min-width:768px){.container{width:740px}}@media(min-width:992px){.container{width:970px}}@media(min-width:1280px){.container{width:1280px}}.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}#app{font-family:Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}header{width:100%;height:100px;background-color:#000}header>div{display:flex;align-items:center;height:100%}header .logo{height:43px;display:block}header .layer,header .menu{display:none}header nav{flex:1;color:#fff;font-size:20px;margin-left:32px}header nav ul{display:flex;justify-content:flex-end;gap:40px}header nav ul li{position:relative;cursor:pointer}header nav ul li:after{content:"";position:absolute;left:50%;bottom:-20px;margin-left:-40px;width:80px;height:20px;background-image:url(../img/nav.892317a6.png);background-size:contain;background-repeat:no-repeat;opacity:0;transition:opacity .5s}header nav ul li:hover:after{opacity:1}header nav ul li a{color:#fff}header .contact{color:#fff;position:relative;font-size:20px;margin-right:40px;cursor:pointer}header .contact .ul{display:block;position:absolute;transition:opacity .5s;left:0;top:100%;opacity:0;padding:0 12px;background:rgba(0,0,0,.85);border-radius:8px;border:1px solid hsla(0,0%,100%,.27);z-index:100}header .contact .ul .li{display:block;line-height:3}header .contact .ul .li:first-child{border-bottom:1px solid hsla(0,0%,100%,.27)}header .contact .ul .li a{color:#fff;font-size:16px}header .contact:hover .ul{opacity:1}header .contact:after{content:"";position:absolute;left:120%;bottom:47%;width:8px;height:8px;border-left:1px solid #fff;border-bottom:1px solid #fff;transform:rotate(-45deg)}header .launch{position:absolute;top:0;bottom:0;margin:20px auto;left:108%;width:90px;height:28px;line-height:28px;border-radius:6px;border:1px solid #fff;text-align:center;color:#fff;font-size:14px;padding:0 10px}.banner{width:100%;height:517px;background-image:url(../img/banner.860457c6.jpg);background-size:contain;background-repeat:no-repeat;background-position:50%;border-top:5px solid #5e5340}.banner div{height:100%}.banner div ul{display:flex;position:absolute;right:-30px;bottom:50px}.banner div ul li{flex:1;margin-left:20px}section{border-top:5px solid #5e5340!important}section h1{width:100%;background-color:#000;color:#fff;text-align:center;font-size:28px;line-height:72px;font-family:Trebuchet MS,Lucida Sans Unicode,Lucida Grande,Lucida Sans,Arial,sans-serif}section .content{padding:32px 12px;line-height:1.5}section .content p{margin-top:20px}section.roadmap div{text-align:center;padding:70px 0}section.roadmap div .img{display:block;margin:0 auto;max-width:935px}section.mecha ul{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;margin-top:20px}section.mecha ul li{text-align:center}section.mecha ul li .img{max-height:280px}section.mecha ul li:after{display:block;position:relative;top:-36px;font-weight:bolder}section.mecha ul li:first-child:after{content:"Dungeon challenge"}section.mecha ul li:nth-child(2):after{content:"Daily mining"}section.mecha ul li:nth-child(3):after{content:"Team fight"}section.mecha ul li:nth-child(4):after{content:"Role fusion"}section.tinfo ul{display:grid;grid-template-columns:auto 520px;gap:32px;align-items:center;margin-bottom:30px}section.tinfo ul li:first-child .img{display:block;width:100%}section.tinfo ul li.distrib h2{font-size:28px;font-weight:bolder;color:#000;line-height:52px;text-indent:20px;margin-top:20px}section.tinfo ul li.distrib dl{background:hsla(0,0%,100%,.18);border-radius:8px;border:1px solid #c1bebb;width:100%;padding:20px;box-sizing:border-box}section.tinfo ul li.distrib dl dt{line-height:2}section.tinfo ul li.distrib dl dd{margin-top:20px}section.tinfo ul li.distrib dl dd em{display:inline-block;width:50%}section.tinfo ul li.distrib dl dd b{font-weight:bolder}section.attr li,section.prof li{width:100%;max-width:1180px;background:hsla(0,0%,100%,.18);border-radius:16px;border:1px solid #c1bebb;margin:24px auto}section.attr li .upper,section.prof li .upper{height:68px;cursor:pointer}section.attr li .upper .avatar,section.prof li .upper .avatar{height:68px;display:flex;align-items:center;margin-left:20px}section.attr li .upper .name,section.prof li .upper .name{line-height:68px;margin-left:12px;font-size:24px;font-weight:bolder;font-family:Trebuchet MS,Lucida Sans Unicode,Lucida Grande,Lucida Sans,Arial,sans-serif}section.attr li .upper .arr-btn,section.prof li .upper .arr-btn{position:relative;top:30px;left:-30px}section.attr li .lower .intro,section.prof li .lower .intro{padding:12px 24px}section.attr li .lower .intro p,section.prof li .lower .intro p{margin-bottom:20px;line-height:1.5}section.attr li .lower .intro p b,section.prof li .lower .intro p b{font-weight:bolder}footer{border-top:5px solid #5e5340!important;width:100%;height:100px;background-color:#000;padding-top:32px!important}footer ul{float:right;display:flex}footer ul li{flex:1;margin-left:40px}.backtop{position:fixed;right:15px;bottom:164px}.block{display:block}@media(max-width:1280px){header>div.container{width:calc(100% - 32px)}header nav{font-size:18px}header nav ul{gap:32px}header .contact{font-size:18px}.banner{background-size:100%;background-position:0}section.roadmap div .img{max-width:70vw}section.mecha ul li .img{max-height:220px}section.mecha ul li:after{top:-34px}section.tinfo ul{grid-template-columns:1fr 1fr;gap:16px}section.tinfo ul li.distrib h2{font-size:24px;line-height:1.4}section.tinfo ul li.distrib dl{padding:16px}}@media(max-width:992px){header>div{justify-content:space-between}header .menu{display:inline-block;width:24px;cursor:pointer}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;font-size:16px}header nav ul{gap:32px}header .contact{font-size:16px}section.mecha ul{grid-template-columns:1fr 1fr}section.mecha ul li .img{max-height:200px}section.tinfo ul{grid-template-columns:1fr;gap:16px}section.tinfo ul li .img{max-width:60vw;margin:0 auto}section.tinfo ul li.distrib h2{font-size:24px;line-height:1.4}section.tinfo ul li.distrib dl{padding:16px}section.attr li,section.prof li{border-radius:8px;margin:16px 0}section.attr li .upper,section.prof li .upper{height:48px}section.attr li .upper .avatar,section.prof li .upper .avatar{height:48px;margin-left:16px}section.attr li .upper .name,section.prof li .upper .name{line-height:48px;margin-left:12px;font-size:16px}section.attr li .upper .arrow,section.prof li .upper .arrow{width:12px;height:12px}section.attr li .upper .arr-btn,section.prof li .upper .arr-btn{position:relative;top:20px;left:-24px}}@media(max-width:764px){header{height:60px}header>div.container{padding:0}header .logo{height:30px}header nav{background-color:#5e5240;flex:1;font-size:16px;margin:0;padding:24px}header nav ul{display:flex;justify-content:center;flex-direction:column;gap:16px}header nav ul li{position:relative}header nav ul li:after{display:none}header .contact{font-size:16px;margin:0;border-top:1px solid hsla(0,0%,100%,.27)}header .contact>span{display:block;padding:16px 0 8px}header .contact .ul{position:relative;background-color:transparent;opacity:1;border:0;padding:0}header .contact .ul .li{display:block;line-height:inherit;padding:8px 0}header .contact .ul .li:first-child{border-bottom:0}header .contact .ul .li a{font-size:14px}header .contact:after{display:none}.banner{width:100%;height:200px;background-position:0}section h1{font-size:20px;line-height:3}section .content{padding:16px;line-height:1.4;font-size:14px}section .content p{margin-top:16px}section.roadmap div{padding:48px 8px 60px 0}section.roadmap div .img{max-width:100%;width:100%}section.mecha ul{grid-template-columns:1fr}section.mecha ul li:after{top:-30px}section.tinfo ul li .img{max-width:80vw}section.tinfo ul li.distrib h2{font-size:18px}section.tinfo ul li.distrib dl{font-size:12px}section.attr li .upper .arrow,section.prof li .upper .arrow{width:8px;height:8px}section.attr li .upper .arr-btn,section.prof li .upper .arr-btn{position:relative;top:16px;left:-24px}section.attr li .lower .intro,section.prof li .lower .intro{padding:12px}section.attr li .lower .intro p,section.prof li .lower .intro p{margin-bottom:16px;line-height:1.4;font-size:14px}footer{height:60px}footer div img{height:32px}footer ul li{margin-left:16px}footer ul li a img{width:32px}}@media only screen and (max-width:1440px){.banner{background-size:cover}}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}