*{outline:none;-ms-overflow-style:none!important;scrollbar-width:none!important}::-webkit-scrollbar{display:none!important}#root,body,html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scroll-behavior:smooth}body{margin:0;box-sizing:border-box;letter-spacing:1.5px}#root{position:relative}.font-Pricedown-Bl{font-family:"Pricedown-Bl";font-weight:900;letter-spacing:1.5px}.font-Montserrat-VariableFont{font-family:"Montserrat-VariableFont"!important;letter-spacing:normal}.app{height:100vh;width:100vw;display:flex;flex-flow:column;flex-direction:column;z-index:1;background-size:cover;font-family:"Pricedown-Bl";transition:all .33ms ease}.MuiButtonBase-root{display:flex;align-items:center}.container{width:1440px;max-width:100%}.container2{width:1020px;max-width:100%}.bg1{background:#000}.bg2{background:#2c2c2c}.ml-4{margin-left:4px}.ml-6{margin-left:6px}.ml-8{margin-left:8px}.ml-10{margin-left:10px}.ml-12{margin-left:12px}.ml-14{margin-left:14px}.ml-16{margin-left:16px!important}.ml-18{margin-left:18px}.ml-20{margin-left:20px}.ml-24{margin-left:24px}.ml-30{margin-left:30px!important}.mt-4{margin-top:4px}.mt-6{margin-top:6px}.mt-8{margin-top:8px}.mt-10{margin-top:10px}.mt-12{margin-top:12px}.mt-16{margin-top:16px}.mt-18{margin-top:18px}.mt-20{margin-top:20px}.mt-24{margin-top:24px}.mt-26{margin-top:26px}.mt-30{margin-top:30px}.mt-32{margin-top:32px}.mt-36{margin-top:36px}.mt-40{margin-top:40px}.font-12{font-size:12px}.font-14{font-size:14px}.font-16{font-size:16px}.font-18{font-size:18px}.font-20{font-size:20PX}.font-24{font-size:24PX}.font-30{font-size:30px}.font-32{font-size:32px}.font-34{font-size:34px}.font-36{font-size:36px}.font-48{font-size:48px}.font-72{font-size:72px;line-height:86px}.font-weight-b{font-variation-settings:"wght" 700}.font-weight-9{font-weight:900}.font-weight-4{font-weight:400}.color1{color:#fff}.color2{color:#000}.color3{color:#198ad0}.color4{color:#ffde3b}.color5{color:#008cff}.color6{color:hsla(0,0%,100%,.5)}.color7{color:#20a2ff}.color8{color:#ffab00}.color9{color:#14e3fa}.color10{color:#fad414}.color11{color:#54c3ff}.color12{color:#ff12f3}.color13{color:#15e0ff}.color14{color:#fff315}.color15{color:#fc0}.color16{color:#ffd114}.color17{color:#17ffff}.color18{color:#00c8ff}.color19{color:#ffb300}.color20{color:#00ffb7}.color21{color:#07f7e7}.text-center{text-align:center}.text-left{text-align:left}.border-radius-4{border-radius:4px}.border-1{border:1px solid hsla(0,0%,100%,.3)}.border-b{border-bottom:1px solid hsla(0,0%,100%,.3)}.flex-1{flex:1 1}a{text-decoration:none}.img{max-width:100%}.app-container{position:relative}.word-break{word-break:break-word}.box{background:linear-gradient(#44a3dc 100%,#ffe500 0);padding:1px}@media only screen and (max-width:1020px){.container,.container2{width:500px}}.header-view .header{margin:10px;width:100%;height:60px;padding:0 20px}.header-view .menuList{margin-left:44px}.header-view .menuList .menuItem{margin-left:30px;padding-bottom:6px;cursor:pointer;position:relative}.header-view .menuList .menuItem:first-child{margin-left:0}.header-view .menuList .menuItem .menuItemActive{position:absolute;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);bottom:-10px;width:20px;height:4px;border-radius:2px;background:#09f7ff}.header-view .balanceList .balanceItem{padding:0 10px;height:30px;background:hsla(0,0%,100%,.2);cursor:pointer}.header-view .connectBtn{width:140px;height:36px;border:1px solid rgba(74,178,238,.3);margin-left:60px;cursor:pointer}.header-view .connectBtn:hover{color:#fff;background:linear-gradient(107deg,#4ab2ee 8%,#4ab2ee 0,#864aee 93%,#864aee 0);border:1px solid rgba(74,178,238,.3)}.menuBox{position:fixed;z-index:999;top:0;left:0;width:100%;height:100%;background:linear-gradient(209deg,#001413,#001413 0,#4574f6 38%,#6487d9 64%,#b829f1 99%,#b829f1 0)}.menuBox .logo{height:32px}.menuBox .close{margin-right:18px}.menuBox .navList{margin-top:40px;padding:0 10px}.menuBox .navList .navItem:first-child .navItemContent{margin-top:0}.menuBox .navList .navItem .navItemContent{width:100%;height:48px;background:rgba(0,0,0,.5);margin-top:10px}.menuBox .balance{padding:0 10px}.menuBox .balance .balanceItemBox{flex:1 1;padding:15px 10px;background:rgba(0,0,0,.5)}.menuBox .balance .balanceItemBox .balanceItem{padding-bottom:14px;border-bottom:1px solid hsla(0,0%,100%,.3)}.MuiLink-root:hover{color:#fff!important}.MuiLink-root.active{text-decoration:none!important}@media only screen and (max-width:1020px){.header-view .header{margin:10px 0;padding:0 10px}.header-view .connectBtn{width:110px;margin-left:0}}@media only screen and (max-width:321px){.menuBox{overflow:scroll;padding-bottom:20px}}.header-view2{width:100%;position:absolute;top:0;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);background:linear-gradient(180deg,#000,#000 0,transparent 100%,transparent 0);z-index:99}.header-view2 .header{height:70px;padding-left:32px;padding-right:30px}.header-view2 .header .navList .navItem{margin-left:60px}.header-view2 .header .navList .navItem:first-child{margin-left:0}.header-view2 .header .playBg{margin-left:36px;width:130px;height:40px;background-image:url(../../static/media/playBg.668485ee.svg);background-size:100% 100%;background-repeat:no-repeat}@media only screen and (max-width:1020px){.header-view2 .header{padding:0 10px}}.loading-view .dialogBg .tipDialog{z-index:9999;width:400px;height:360px;background:#000;box-shadow:0 4px 10px 0 rgba(0,0,0,.3);padding:12px 20px}.loading-splash .loader-wrapper{background-color:#000;position:fixed;top:0;left:0;width:100%;height:100%;z-index:1000}.loading-splash .loader{display:block;position:relative;left:50%;top:50%;width:150px;height:150px;margin:-75px 0 0 -75px;border-radius:50%;border:3px solid transparent;border-top-color:#f63;-webkit-animation:spin 2s linear infinite;animation:spin 2s linear infinite}.loading-splash .loader:before{top:5px;left:5px;right:5px;bottom:5px;-webkit-animation:spin 3s linear infinite;animation:spin 3s linear infinite}.loading-splash .loader:after,.loading-splash .loader:before{content:"";position:absolute;border-radius:50%;border:3px solid transparent;border-top-color:#f63}.loading-splash .loader:after{top:15px;left:15px;right:15px;bottom:15px;-webkit-animation:spin 1.5s linear infinite;animation:spin 1.5s linear infinite}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.MuiAlert-root{width:200px}.loading-view .dialogBg{top:0;left:0;right:0;bottom:0;display:flex;z-index:999;position:fixed;align-items:center;justify-content:center;background-color:rgba(0,0,0,.7);-webkit-tap-highlight-color:transparent;transition:opacity 225ms cubic-bezier(.4,0,.2,1) 0ms}.loading-view .dialogBg .tipDialog2{z-index:9999;width:400px;background:#000;box-shadow:0 4px 10px 0 rgba(0,0,0,.3);padding:60px 20px 30px}.loading-view .dialogBg .tipDialog2 .goBtnBox{width:240px;height:60px}.loading-view .dialogBg .tipDialog2 .goBtnBox .MuiButton-contained{background-color:transparent;background-image:url(../../static/media/goBtn.66cf4d78.svg);background-size:100% 100%;background-repeat:no-repeat}.loading-view .dialogBg .tipDialog2 .goBtnBox .MuiButton-root{max-height:60px;line-height:60px;width:100%;border-radius:0;max-width:100%;font-size:24px;font-weight:900;color:#fff}
/*# sourceMappingURL=main.f4045268.chunk.css.map */