body,html{margin:0;padding:0;background-color:#000}@font-face{font-family:Source Han Sans CN-Bold;src:url(/fonts/SOURCEHANSANSCN-BOLD.4278d4c3.OTF)}@font-face{font-family:Source Han Sans CN-Regular;src:url(/fonts/SOURCEHANSANSCN-REGULAR.d31c45a8.OTF)}@font-face{font-family:Source Han Sans CN-Medium;src:url(/fonts/SOURCEHANSANSCN-MEDIUM.3ae231da.OTF)}#app{width:100vw;height:100vh;overflow:scroll}.component-container{opacity:1;transform:translate(0);transition:all .5s}.component-container.component-no-play{opacity:0;transform:translateY(6.25rem)}.web-iframe{width:100vw;height:100vh}.more-menu-popup-wrapper{width:18.25rem;height:100%;margin-top:2.5rem;background:#222!important}.more-menu-popup-wrapper .popup-header{width:100%;position:absolute;top:0;left:0}.more-menu-popup-wrapper .popup-header .close-button{width:1.625rem;height:1.625rem;position:absolute;top:.625rem;right:1.125rem}.more-menu-popup-wrapper .popup-header .close-button .close-button-bg{position:absolute;top:0;left:0}.more-menu-popup-wrapper .popup-header .close-button .close-button-x{position:absolute;top:.5rem;left:.5rem}.more-menu-popup-wrapper .menu-item-list{position:absolute;top:3.125rem}.more-menu-popup-wrapper .menu-item-list .menu-item{padding:1.125rem 1.625rem;position:relative}.more-menu-popup-wrapper .menu-item-list .menu-item span{color:#fff;font-family:SourceHanSansCN-Regular,Source Han Sans CN-Regular;font-size:1rem}.more-menu-popup-wrapper .menu-item-list .menu-item img{width:0;position:absolute;left:1.625rem;bottom:.625rem;transition:width .5s}.more-menu-popup-wrapper .menu-item-list .menu-item.active img{width:2.375rem}.foolter-container{margin-top:4.25rem;margin-bottom:2.125rem}.foolter-container .link-list-container{padding:.375rem 2rem .375rem 2.9375rem;display:flex;justify-content:space-between;border:.0625rem solid hsla(0,0%,100%,.29);border-left:0;border-right:0}.foolter-container .link-list-container .link-button{color:#fff;font-size:.5rem;font-family:SourceHanSansCN-Regular,Source Han Sans CN-Regular}.foolter-container .copyright-container{color:#fff;font-size:.375rem;font-family:SourceHanSansCN-Medium,Source Han Sans CN-Medium;text-align:center;margin-top:.25rem}.header-wrapper{margin-top:3.0625rem;padding:0 .9375rem;display:flex;align-items:center}.header-wrapper .empty-block{flex-grow:1}.logo-wrapper{width:5.875rem;height:1.75rem;flex-shrink:0}.logo-wrapper img{width:100%;height:100%}.more-button-wrapper{width:1.625rem;height:1.625rem;margin-left:.9375rem;flex-shrink:0}.more-button-wrapper img{width:100%;height:100%}.start-button-wrapper{width:3.8125rem;height:1.25rem;position:relative;flex-shrink:0}.start-button-wrapper img{width:100%;height:100%}.start-button-wrapper span{color:#fff;font-size:.8125rem;font-family:Segoe UI-Bold;line-height:1.25rem;position:absolute;top:0;left:0;right:0;text-align:center}.welcome-wrapper{margin-top:.4375rem;padding:0 .9375rem;position:relative}.banner-description-wrapper{display:flex;flex-direction:column;position:absolute;top:0;left:2.125rem}.banner-description-wrapper *{color:#fff;font-family:SourceHanSansCN-Bold,Source Han Sans CN-Bold}.banner-description-wrapper .large-description{font-size:1.5625rem;margin-top:3rem}.banner-description-wrapper .normal-description{font-size:1.3125rem;margin-top:1rem}.enter-button-wrapper{width:21.5625rem;height:2.5rem;position:relative}.enter-button-wrapper img{width:100%;height:100%}.enter-button-wrapper .lable{color:#fff;font-family:SourceHanSansCN-Bold,Source Han Sans CN-Bold;width:100%;height:100%;line-height:2.5rem;text-align:center;position:absolute;top:0;left:0}.story-wrapper{margin-top:2.1875rem;padding:0 .9375rem}.story-wrapper .basic-tip-container{margin-top:.75rem}.story-wrapper .space-1{height:.625rem}.story-wrapper .space-2{height:.9375rem}.back-button-wrapper{width:13.0625rem;height:2.1875rem;outline:0;margin:auto;text-align:center;position:relative}.back-button-wrapper img{width:100%;height:100%;opacity:0;position:absolute;top:0;left:0;transition:opacity .5s}.back-button-wrapper img.active{opacity:1}.back-button-wrapper span{color:#fff;font-family:Segoe UI-Bold;font-size:1.3125rem;width:100%;line-height:2.1875rem;display:block;text-align:center;position:absolute;top:0;left:0}.star-duke-wrapper{margin-top:2.25rem;padding:0 .9375rem}.star-duke-wrapper .space-1{height:.875rem}.star-duke-wrapper .space-2{height:.9375rem}.star-duke-wrapper .space-3{height:1.25rem}.star-duke-wrapper .description-1-container{width:13.875rem;margin:auto}.star-duke-wrapper .description-2-container{width:20.25rem;margin:auto}.level-card-wrapper{width:13.0625rem;height:5.9375rem;margin:auto;position:relative}.level-card-wrapper .bg-img{width:100%;height:100%;opacity:0;position:absolute;top:0;left:0;transition:opacity .5s}.level-card-wrapper .bg-img.active{opacity:1}.level-card-wrapper .content-img{width:8rem;height:4.625rem;position:absolute;top:.75rem;left:2.5rem;right:2.5625rem;bottom:.5625rem}.level-card-wrapper .level-img{height:.8125rem;position:absolute;top:.5rem;right:.375rem}.nft-wrapper{margin-top:2rem;padding:0 .9375rem}.nft-wrapper .nft-description{width:21rem}.nft-wrapper .space-15px{height:.9375rem}.nft-wrapper .space-20px{height:1.25rem}.star-line-wrapper{text-align:center}.star-line-wrapper img{width:11.5rem;height:1.875rem}.tokenomics-wrapper{margin-top:2rem;padding:0 .9375rem}.tokenomics-wrapper .list-container{margin-top:1.5625rem;display:flex;flex-wrap:wrap;justify-content:space-between}.tokenomics-wrapper .list-container .item-card-container{flex-shrink:0;margin-bottom:1.25rem}.item-card-wrapper{width:10.375rem;height:3.5rem;position:relative;transition:all .5s}.item-card-wrapper .item-bg-container{position:absolute;top:0;left:0;right:0;bottom:0}.item-card-wrapper .item-bg-container img{width:100%;height:100%}.item-card-wrapper .item-name{color:#fff;font-size:.625rem;font-family:SourceHanSansCN-Bold,Source Han Sans CN-Bold;white-space:nowrap;text-overflow:ellipsis;position:absolute;top:.5rem;left:.5625rem;right:0}.item-card-wrapper .item-value{color:#fff;font-size:.625rem;left:.625rem}.item-card-wrapper .item-tip,.item-card-wrapper .item-value{font-family:SourceHanSansCN-Regular,Source Han Sans CN-Regular;position:absolute;bottom:.5625rem}.item-card-wrapper .item-tip{color:#5589fa;font-size:.5625rem;right:.5625rem}.item-card-wrapper.active{transform:scale(1.1)}.pie-chart-wrapper{margin-top:1.5rem;position:relative}.pie-chart-wrapper .chart-container{width:13.125rem;height:13.125rem;margin:auto}.pie-chart-wrapper .chart-container canvas{background-color:transparent}.pie-chart-wrapper .logo-container{width:5.875rem;margin:auto;position:relative}.pie-chart-wrapper .logo-container img{width:5.875rem;height:5.875rem;border-radius:2.6875rem;position:absolute;top:-9.5rem;z-index:-1}.features-wrapper{margin-top:2rem;padding:0 .9375rem}.features-wrapper .space-24px{height:1.5rem}.features-wrapper .features-list-container{display:flex;flex-wrap:wrap;justify-content:space-between}.features-wrapper .features-list-container .features-card-container{margin-bottom:1.25rem;flex-shrink:0}.features-card-wrapper{width:10.375rem;height:10.36813rem;background-color:#202630;border-radius:.625rem .625rem .625rem .625rem;outline:0;overflow:hidden;position:relative}.features-card-wrapper .bg-wrapper{width:100%;height:100%;position:absolute;top:0;left:0}.features-card-wrapper .bg-wrapper img{width:100%;height:100%;opacity:0;transition:opacity .5s}.features-card-wrapper .bg-wrapper img.active{opacity:1}.features-card-wrapper .bg-wrapper .mask-block{background-color:#202630;border-radius:.5rem .5rem .5rem .5rem;filter:blur(.1875rem);position:absolute;top:.1875rem;left:.1875rem;right:.1875rem;bottom:.1875rem}.features-card-wrapper .icon-image-wrapper{text-align:center;position:absolute;top:1.5rem;left:0;right:0}.features-card-wrapper .description-image-wrapper{position:absolute;top:5.25rem;left:0;right:0;bottom:4.5rem;text-align:center}.features-card-wrapper .description-image-wrapper img{height:100%}.features-card-wrapper .tip-span-wrapper{position:absolute;top:6.8125rem;left:.1875rem;right:.1875rem;text-align:center}.features-card-wrapper .tip-span-wrapper span{font-size:.5625rem;line-height:.0625rem;font-family:SourceHanSansCN-Regular,Source Han Sans CN-Regular;color:#fff}.offical-partners-wrapper{margin-top:.75rem;padding:0 .9375rem}.offical-partners-wrapper .offical-partners-list-container{margin-top:1.5rem;padding:0 2.4375rem;display:flex;flex-wrap:wrap;justify-content:space-between}.offical-partners-wrapper .offical-partners-list-container .offical-partners-card-container{margin-bottom:1.25rem}.offical-partners-wrapper .icon-list-container{width:100%;margin-top:1.875rem;display:flex;justify-content:space-between}.road-map-container{margin-top:2.25rem;padding:0 .9375rem}.road-map-container .tab-list-container{margin-top:1.5rem;display:flex;justify-content:space-between}.road-map-container .time-axis-container{margin-top:2.25rem}.road-map-container .axis-image{width:100%}.pha-tab-button-wrapper{width:6.875rem;height:1.3125rem;position:relative}.pha-tab-button-wrapper img{position:absolute;top:0;left:0;opacity:0;transition:opacity .5s}.pha-tab-button-wrapper img.active{opacity:1}.pha-tab-button-wrapper span{color:#fff;font-size:.625rem;font-family:Segoe UI-Bold;font-weight:700;line-height:1.3125rem;display:block;position:absolute;top:0;left:0;right:0;bottom:0;text-align:center}.time-axis-wrapper{display:flex;justify-content:space-between}.time-axis-wrapper .axis-container{width:1.5625rem;height:22rem;flex-shrink:0}.time-axis-wrapper .left-container,.time-axis-wrapper .right-container{flex-grow:1;position:relative}.time-axis-wrapper .left-container .label,.time-axis-wrapper .right-container .label{color:#fff;font-size:1.25rem;font-family:SourceHanSansCN-Regular,Source Han Sans CN-Regular}.time-axis-wrapper .left-container .title,.time-axis-wrapper .right-container .title{color:#fff;font-size:.625rem;font-family:SourceHanSansCN-Bold,Source Han Sans CN-Bold}.time-axis-wrapper .left-container .detail,.time-axis-wrapper .right-container .detail{color:#fff;font-size:.5625rem;font-family:SourceHanSansCN-Regular,Source Han Sans CN-Regular}.time-axis-wrapper .left-container .message-bg-image,.time-axis-wrapper .right-container .message-bg-image{width:100%;height:100%}.time-axis-wrapper .left-container .q1-lable-container,.time-axis-wrapper .right-container .q1-lable-container{width:4.6875rem;height:1.375rem;position:absolute;top:-.25rem;left:4.4375rem}.time-axis-wrapper .left-container .q2-lable-container,.time-axis-wrapper .right-container .q2-lable-container{width:4.6875rem;height:1.375rem;position:absolute;top:6.625rem;right:4.3125rem}.time-axis-wrapper .left-container .q3-lable-container,.time-axis-wrapper .right-container .q3-lable-container{width:4.6875rem;height:1.375rem;position:absolute;top:12.5rem;left:4.4375rem}.time-axis-wrapper .left-container .q4-lable-container,.time-axis-wrapper .right-container .q4-lable-container{width:4.6875rem;height:1.375rem;position:absolute;top:19.5rem;right:4.3125rem}.time-axis-wrapper .left-container .q1-message-container,.time-axis-wrapper .right-container .q1-message-container{width:9.875rem;height:4.125rem;overflow:hidden;position:absolute;top:-1.75rem;right:0}.time-axis-wrapper .left-container .q1-message-container .title,.time-axis-wrapper .right-container .q1-message-container .title{position:absolute;top:.625rem;left:1.0625rem}.time-axis-wrapper .left-container .q1-message-container .detail,.time-axis-wrapper .right-container .q1-message-container .detail{position:absolute;top:1.625rem;left:1.125rem}.time-axis-wrapper .left-container .q2-message-container,.time-axis-wrapper .right-container .q2-message-container{width:9.875rem;height:4.0625rem;position:absolute;top:5.125rem;left:0;overflow:hidden}.time-axis-wrapper .left-container .q2-message-container .title,.time-axis-wrapper .right-container .q2-message-container .title{position:absolute;top:.6875rem;left:.3125rem;right:1rem}.time-axis-wrapper .left-container .q2-message-container .detail,.time-axis-wrapper .right-container .q2-message-container .detail{position:absolute;top:1.6875rem;left:.3125rem;right:.6875rem}.time-axis-wrapper .left-container .q3-message-container,.time-axis-wrapper .right-container .q3-message-container{width:9.875rem;height:4.625rem;position:absolute;top:10.8125rem;right:0;overflow:hidden}.time-axis-wrapper .left-container .q3-message-container .title,.time-axis-wrapper .right-container .q3-message-container .title{position:absolute;top:.5rem;left:1.0625rem}.time-axis-wrapper .left-container .q3-message-container .detail,.time-axis-wrapper .right-container .q3-message-container .detail{position:absolute;top:2.3125rem;left:1.0625rem}.time-axis-wrapper .left-container .q4-message-container,.time-axis-wrapper .right-container .q4-message-container{width:9.875rem;height:4.625rem;position:absolute;top:17.6875rem;left:0;overflow:hidden}.time-axis-wrapper .left-container .q4-message-container .title,.time-axis-wrapper .right-container .q4-message-container .title{position:absolute;top:.5rem;left:.4375rem;right:1.25rem}.time-axis-wrapper .left-container .q4-message-container .detail,.time-axis-wrapper .right-container .q4-message-container .detail{position:absolute;top:2.3125rem;left:.4375rem;right:.5625rem}.common-banner-wrapper img{width:100%}.basic-tip-wrapper span{font-family:Segoe UI-Bold;font-size:.9375rem;font-weight:700}.basic-tip-wrapper span,.basic-title-wrapper span{color:#fff;width:100%;text-align:center;display:block}.basic-title-wrapper span{font-family:SourceHanSansCN-Bold,Source Han Sans CN-Bold;font-size:2rem}.description-wrapper span{color:#fff;font-family:SourceHanSansCN-Regular,Source Han Sans CN-Regular;font-size:.9375rem;width:100%;text-align:center;display:block}