body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}.agreement{background-size:contain;background-repeat:no-repeat;padding:0 3.46667vw}.agreement .about-title{position:relative;font-size:4.26667vw;font-weight:600}.agreement .agreement-content{height:139.73333vw}.agreement p{margin-bottom:.5rem;word-break:break-all}.login .title-container{margin:0 0 5.33333vw}.login .title-container .title{font-size:5.33333vw;line-height:7.46667vw;font-weight:500}.login .title-container .subtitle{font-size:3.2vw;line-height:3.2vw;margin-top:.8vw}button.login.code{width:23.2vw;height:11.2vw;background:#f1f1f1;border-radius:1.6vw;margin-left:2.66667vw}.login .agreement-container{margin-top:1.06667vw}.login .agreement-container .MuiCheckbox-root{position:relative;top:-1px;margin-right:2.66667vw}.login .agreement-label{font-size:3.2vw;line-height:4.53333vw}button:disabled.login.next{color:#8e8e90;background:#f1f1f1}button.login.next{width:84.8vw;height:11.2vw;margin-top:7.2vw;font-size:4.26667vw;font-weight:500;color:#fff;background:#f9914f;border-radius:1.6vw}#cancel{background:transparent;color:#aa8964;-webkit-filter:drop-shadow(0 1px 1px rgba(172,139,103,.4));filter:drop-shadow(0 1px 1px rgba(172,139,103,.4));border:1px solid;border-radius:1.06667vw}.login .validate{color:red;font-size:3.2vw;line-height:3.2vw;height:3.2vw;position:relative;-webkit-transform:scale(.83);transform:scale(.83)}.login .phone .validate{left:-5.86667vw}.login .code .validate{left:-3.2vw}.login input{min-width:0;height:11.192vw;padding:0 2.66667vw;font-size:4.26667vw;line-height:4.26667vw;color:#050505;background:#f1f1f1;border-radius:1.6vw;box-sizing:border-box}.login .close-button{position:absolute;right:-5.33333vw;top:-5.33333vw}input::-webkit-input-placeholder{color:#8e8e90}input:-ms-input-placeholder{color:#8e8e90}input::placeholder{color:#8e8e90}.home{background:linear-gradient(180deg,#9796f0,#fbc7d4);background-size:cover;position:relative;min-height:100vh;overflow:hidden}.home .text-line{position:absolute}.home .text-line.left{left:1.33333vw}.home .text-line.right{right:1.33333vw}.home .main{display:flex;flex-direction:column;align-items:center}.home .main .headline{margin-bottom:4.26667vw}.home .nft-container{position:relative;display:flex;flex-direction:column;align-items:center;background-image:url(/static/media/nft-container-background.a49b17ed.png);background-size:cover;width:88.8vw;height:166.93333vw;border-radius:5.33333vw;margin-bottom:5.33333vw}.home .tape{position:absolute;right:-19.97333vw;top:-18.4vw;width:42.13334vw;height:36.8vw}.home .nft-image{position:relative;width:48.8vw;height:76.53333vw;margin-left:3.2vw;margin-top:16vw}.home .title1{width:75.73333vw;height:5.33333vw;margin:4.53333vw 0 1.33333vw}.home .title2{width:78.93333vw;height:7.2vw}.home .button-container{margin-top:10.13333vw}.home .button-claim{position:relative;align-items:center;background:#f9914f;border:.53333vw solid #000;color:#020202;font-weight:500;z-index:1}.home .button-claim,.home .button-shadow{width:41.06667vw;height:9.06667vw;box-sizing:border-box}.home .button-shadow{position:absolute;left:1.6vw;top:1.6vw;border:1px dashed #fff}.home .get-more{height:3.73333vw;margin-top:3.46667vw;font-size:3.2vw;line-height:3.73333vw;-webkit-text-decoration-line:underline;text-decoration-line:underline;color:#fff}.home .notice{position:relative;top:-.8vw;width:92.44267vw;font-size:3.2vw;font-weight:300;-webkit-transform:scale(.75);transform:scale(.75);color:#fff;opacity:.8;text-align:justify;text-align-last:left}.login-container{height:88vw;padding:7.46667vw;background:#fff;background-size:cover}div.claim{width:85.86667vw;height:67.46667vw;background-image:url(/static/media/claim-background.18a11e0f.png);background-size:100% 100%;position:relative;top:-19.73333vw}.claim .title{padding:8.8vw 0 0 7.73333vw;font-size:3.73333vw;line-height:5.06667vw}.claim .subtitle{padding:6.4vw 0 0 11.2vw;font-size:4.8vw;font-weight:600;line-height:5.06667vw}.claim .content{height:21.33333vw;display:flex;flex-direction:column;align-items:center;font-size:3.2vw;mix-blend-mode:normal}.claim .content .input-tip{color:#fff;opacity:.64;margin:2.66667vw 0}.claim .content input{width:64.8vw;height:10.93333vw;margin-top:8.53333vw;border:1px solid #000;background:transparent;padding-left:2.66667vw;font-size:4.26667vw}.claim .control{width:100%;position:absolute;display:flex;flex-direction:column;justify-content:center;align-items:center}.claim .control button.confirm{width:35.46667vw;margin-top:22.4vw;color:#fff;background:#f9914f;border-radius:1.6vw;height:8.8vw}.claim .control button.confirm:disabled{background:#3b3b3d}.claim .control button.close{margin-top:16vw}.loading{position:relative;top:-21.33333vw;width:76vw;height:42.4vw;background-image:url(/static/media/loading-background.abce4814.svg);display:flex;justify-content:center}.loading-img{width:38.4vw;height:34.4vw}.loading-content{justify-content:center;font-size:3.2vw;color:#fff}.fail,.loading-content{position:relative;display:flex}.fail{width:76vw;height:42.4vw;background-image:url(/static/media/loading-background.abce4814.svg);background-size:100% 100%;flex-direction:column;align-items:center;top:-19.73333vw}.fail .fail-img{margin-top:6.4vw}.fail .content{font-size:3.2vw;color:#fff;margin-top:5.06667vw}.fail .content span{color:#ff5249}.fail .control{position:relative;display:flex;justify-items:center;margin-top:16vw}.fail button.re-input{width:27.73333vw;height:8.8vw;color:#fff;width:104px;height:33px;background:#ff5249;border-radius:1.6vw}.fail button.close{margin-top:16vw}.fail button.try-now{background:#ff5249;line-height:4.53333vw;border-radius:1.6vw 0 0 1.6vw}.fail button.try-later,.fail button.try-now{width:27.73333vw;height:8.8vw;font-size:3.2vw;color:#fff}.fail button.try-later{background:transparent;border:1px solid #ff5149;box-sizing:border-box;border-radius:0 1.6vw 1.6vw 0}.success{width:100vw;background-size:100% 100%;position:relative;top:-9.33333vw}.success .nft-container{width:100vw;height:134.01067vw;background-image:url(/static/media/success-background.c622dd2d.svg);background-size:cover;display:flex;justify-content:center;align-items:center}.success img.nft{width:61.6vw;height:93.6vw}.success .congrats-container{text-align:center;line-height:5.86667vw;font-size:3.2vw;-webkit-transform:scale(.83);transform:scale(.83);color:#fff;width:96vw;margin:-10.66667vw auto 0}.success img.qrcode{margin:5.33333vw auto 0}.success .control{color:#fff;width:100%;position:relative;display:flex;justify-content:center;margin-top:6.66667vw}.success button.share{width:27.73333vw;height:8.8vw;background:#f9914f;border-radius:1.6vw 0 0 1.6vw}.success button.to-detail{width:27.73333vw;height:8.8vw;border:1px solid #f9914f;box-sizing:border-box;border-radius:0 1.6vw 1.6vw 0}.success button.close{position:relative;margin:8.53333vw 0 0 47.46667vw}.menu-bar button{height:5.33333vw;margin:4.8vw 9.06667vw 3.46667vw;color:#0a0a0a;font-weight:600;font-family:"icomoon";z-index:1}.my-nft{min-height:100vh;position:relative;background:linear-gradient(180deg,#9796f0,#fbc7d4);background-attachment:fixed;overflow:hidden}.my-nft .text-line{position:fixed}.my-nft .text-line.left{left:1.33333vw}.my-nft .text-line.right{right:1.33333vw}.back{position:absolute;left:6.93333vw;top:1.33333vw}.title-bar{position:relative;width:100%;display:flex;justify-content:center}.title-bar .page-title{position:relative;color:#000;font-size:4.26667vw;font-weight:600;top:.53333vw}.my-nft .grid-container{width:88.8vw;min-height:166.93333vw;margin:1.6vw auto 0;background-image:url(/static/media/background.9fa21239.png);background-size:100%;background-attachment:fixed;border-radius:5.33333vw;padding:15.73333vw 5.33333vw 53.33333vw}.my-nft .contract{text-align:center;font-size:3.73333vw;color:#1dd7d0;margin:5.6vw 0 8.8vw}.my-nft .contract .address{color:#fff}.my-nft .card-container{color:#fff;padding-bottom:5.33333vw}.my-nft .nft-card{width:29.6vw;height:42.4vw;display:flex;justify-content:center;align-items:center}.my-nft img.nft{width:33.33333vw}.my-nft .card-title{width:34.93333vw;font-size:3.73333vw;margin:-3.46667vw 0 2.66667vw}.my-nft .card-title .name{line-height:5.33333vw}.my-nft .card-title .address{line-height:4.53333vw}.my-nft .main{overflow:hidden}.my-nft .notice-container{position:absolute;bottom:12.26667vw;left:-2.66667vw}.my-nft .notice{width:96vw;color:#fff;opacity:.8;size:3.2vw;-webkit-transform:scale(.75);transform:scale(.75)}.my-nft .notice-img{position:absolute;bottom:4vw;left:6.93333vw}.detail{color:#fff;min-height:100vh;background:linear-gradient(180deg,#9796f0,#fbc7d4);position:relative;padding-bottom:12.8vw;overflow:hidden}.detail .text-line{position:absolute}.detail .text-line.left{left:1.33333vw}.detail .text-line.right{right:1.33333vw}.detail .detail-container{width:88.8vw;height:190.13333vw;margin:auto;background-image:url(/static/media/background.0482d900.png);background-size:cover;position:relative;overflow:hidden}.nft-video{width:43.46667vw;height:68vw;margin:12.8vw auto}.detail .nft-border,.detail .nft-container{background-size:cover}.detail .nft-border{width:86.4vw;height:114.13333vw;margin:3.86667vw auto 0;display:flex;justify-content:center;align-items:center}.detail .nft-information{position:relative;top:6.4vw;flex-basis:93.06667vw;margin:0 3.46667vw 2.13333vw;padding:1.86667vw 5.86667vw 0;box-sizing:border-box}.detail .information-title{color:#1dd7d0;font-size:4.8vw;line-height:6.72vw;display:flex;justify-content:center}.detail .information-content{margin-top:2.4vw;font-size:3.73333vw}.detail .information-item{display:flex;flex-basis:81.86667vw;justify-content:space-between;margin:4.13333vw 0 3.2vw}.detail .information-item .label{position:relative;color:#fff;font-size:3.2vw;-webkit-transform:scale(.75);transform:scale(.75);-webkit-transform-origin:0 0;transform-origin:0 0}.detail .information-item .value{position:relative;width:48vw;text-align:right;color:#fff;font-size:3.2vw;-webkit-transform:scale(.75);transform:scale(.75);-webkit-transform-origin:47.46667vw 0;transform-origin:47.46667vw 0}.detail .notice-container{position:absolute;bottom:12.26667vw;width:100%;margin-top:6.4vw}.detail .notice{width:96vw;margin:auto;font-size:3.2vw;-webkit-transform:scale(.75);transform:scale(.75);-webkit-transform-origin:35.2vw 16vw;transform-origin:35.2vw 16vw}.detail .poster-generate{position:absolute;bottom:33.33333vw;left:24vw;width:42.99467vw;height:8.696vw}.detail .poster-generate .button-generate{position:relative;width:41.06667vw;height:9.06667vw;align-items:center;background:#f9914f;color:#020202;font-weight:500;z-index:1}.detail .poster-generate .button-shadow{position:absolute;left:1.6vw;top:1.6vw;width:41.06667vw;height:9.06667vw;border:1px dashed #fff;box-sizing:border-box}#poster-enter{position:relative}#poster-enter,#poster-loading{display:flex;align-items:center;justify-content:center}#poster-loading{position:absolute;font-size:3.73333vw;line-height:7.46667vw;color:#000;flex-direction:column}.about{min-height:100vh;background:linear-gradient(180deg,#9796f0,#fbc7d4);background-repeat:no-repeat;background-attachment:fixed;overflow:hidden}.about .main{display:flex;flex-direction:column;align-items:center;width:88.8vw;margin:auto;overflow:hidden}.about .about-img{margin:3.2vw 0}.about .content-container{background:url(/static/media/background.6ce4d9d1.png);background-size:cover;height:166.93333vw}.about .content{padding:2.66667vw 8vw;overflow:scroll;word-break:break-all}.about .main .headline{margin-bottom:4.26667vw}.about p{color:#000;line-height:6.66667vw;text-align:justify;margin-bottom:4.8vw}@font-face{font-family:"icomoon";src:url(/static/media/icomoon.6ffe15d1.eot);src:url(/static/media/icomoon.6ffe15d1.eot) format("embedded-opentype"),url(/static/media/icomoon.e9553b22.ttf) format("truetype"),url(/static/media/icomoon.e98b5d9d.woff) format("woff"),url(/static/media/icomoon.e56f055f.svg) format("svg");font-weight:400;font-style:normal;font-display:block}[class*=" icon-"],[class^=icon-]{font-family:"icomoon"!important;speak:never;font-style:normal;font-weight:400;-webkit-font-feature-settings:normal;font-feature-settings:normal;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.icon-bracket-right:before{content:"\e900"}.icon-bracket-left:before{content:"\e901"}.App{min-height:100vh}
/*# sourceMappingURL=main.91d9e91a.chunk.css.map */