.page{padding-top:100px;background-color:#000;min-height:100vh}.content{display:block;width:1110px;height:auto;margin:0 auto}.token{width:100%;height:102px;background-color:#242424;border-radius:15px;margin-bottom:30px;padding-left:20px;padding-right:20px;margin-top:10px;display:flex;justify-content:space-between}.token .token-icon{width:60px;height:60px;margin-top:20px;margin-right:20px}.token p{color:#a8a5b8;font-size:14px}.token .title{color:#fff;font-weight:700;font-size:18px;line-height:28px;margin-top:25px;margin-bottom:5px}.token .change,.token .name,.token .price,.token .today{width:200px;margin-right:40px;border-right:1px solid #32305a}.token .name{width:160px}.token .up{color:#16a662}.title{color:#fff;font-weight:700;font-size:18px;line-height:28px;margin-bottom:20px}.poster,.poster img{width:100%}.ranking-ad{display:flex;justify-content:space-between;width:100%;height:457px;margin-bottom:30px}.ranking-ad .ranking{width:405px;background-color:#242424;height:100%;border-radius:15px;padding:25px;margin-right:30px}.ranking-ad .ranking .rank-raw{display:flex;justify-content:flex-start;margin-bottom:25px}.ranking-ad .ranking .rank-raw p{color:#b8b8ca;font-weight:500;font-size:14px;line-height:20px}.ranking-ad .ranking .rank-raw .index{width:80px}.ranking-ad .ranking .rank-raw .team{width:180px}.ranking-ad .ranking .divider{width:100%;height:1px;background-color:#32305a;margin-bottom:25px}.ranking-ad .ad{width:675px;padding:25px;border-radius:15px;background-color:#242424}.ranking-ad .ad img{width:625px}.stake-rewards{display:flex;justify-content:space-between;width:100%;height:503px}.stake-rewards .stake{width:350px;background-color:#242424;height:100%;border-radius:15px;padding:25px;margin-right:30px}.stake-rewards .stake p{width:100%;color:#fff}.stake-rewards .stake .my-stake{display:block;width:255px;margin:0 auto 20px}.stake-rewards .stake .node-name{font-size:24px;text-align:center;margin-bottom:5px;line-height:30px;font-weight:700}.stake-rewards .stake .team-id{color:#ccccde;font-size:12px;font-weight:500;text-align:center}.stake-rewards .stake .rank-no{color:#a5a5b8;margin-top:10px;font-size:18px;line-height:24px;text-align:center}.stake-rewards .stake .staked{margin-top:20px;margin-bottom:10px;font-size:24px;line-height:30px;text-align:center}.stake-rewards .stake .stake-btn{display:block;width:88px;height:40px;margin:0 auto;border-radius:10px;border:1px solid #b565df}.stake-rewards .stake .stake-btn p{width:100%;line-height:40px;font-size:15px;text-align:center}.stake-rewards .rewards{width:727px;padding:25px;border-radius:15px;background-color:#242424}.stake-rewards .rewards .coming-soon{color:#ccccde;font-weight:500;text-align:center;margin-top:180px}.ranking-wrapper{width:100%;padding:25px;margin-top:-50%}.ranking-wrapper .title{color:var(--theme-color);text-align:center;margin-top:0;margin-bottom:15px;margin-right:0;font-size:38px;line-height:28px}.ranking-wrapper .data-row-title{display:flex;justify-content:space-between;padding-bottom:18px;border-bottom:1px dashed #32305a}.ranking-wrapper .data-row-title p{font-size:16px;font-weight:500;line-height:24px;color:#cab171;text-align:center}.ranking-wrapper .data-row-title .logo,.ranking-wrapper .data-row-title .ranking{width:80px}.ranking-wrapper .data-row-title .name{width:180px}.ranking-wrapper .data-row-title .id{width:80px}.ranking-wrapper .data-row-title .join,.ranking-wrapper .data-row-title .rewards,.ranking-wrapper .data-row-title .stake{width:160px}.ranking-wrapper .data-row-title .share{width:60px;margin-left:-36px}.data-row{display:flex;justify-content:space-between;padding-top:10px}.data-row p{font-size:14px;font-weight:700;line-height:50px;color:#a5a5b8;text-align:center}.data-row .ranking{width:80px}.data-row .logo{width:80px;height:50px}.data-row .logo img{display:block;height:50px;margin:0 auto}.data-row .name{width:180px}.data-row .id{width:80px}.data-row .rewards,.data-row .stake{width:160px}.data-row .join{position:relative;width:160px}.data-row .join-btn{display:block;width:88px;height:32px;margin:9px auto 0;line-height:32px;background-color:var(--theme-color);border-radius:10px;color:#fff;cursor:pointer}.data-row .share{position:relative;width:60px;margin-left:-36px}.data-row .share-btn{display:block;width:88px;height:32px;line-height:32px;background-color:var(--theme-color);border-radius:10px;color:#fff;cursor:pointer;margin:9px auto 0 -14px}.custom-modal.ant-modal .ant-modal-body{position:relative}.qr-modal.ant-modal .ant-modal-content,.share-wrapper{background-color:#370a5c}.share-wrapper{width:100%;padding-bottom:100px}.qr-header-img{width:72%}.qr-header-img,.qr-wrapper{display:block;margin:0 auto}.qr-wrapper{width:250px;background-color:#fff;border-radius:20px;padding:10px 10px 20px}.qr-wrapper .node-name{text-align:center;font-size:24px;line-height:30px;color:#000;font-weight:700}.qr-btn-wrapper{position:absolute;bottom:40px;left:0;display:flex;width:300px;margin:20px auto 0;justify-content:space-between}.qr-btn-wrapper .qr-btn{background-image:linear-gradient(180deg,#b565df,#1a0b29);color:#fff;border-radius:10px;width:137px;height:40px;line-height:40px;padding:0;font-size:15px;font-weight:500;text-align:center;cursor:pointer}.footer{display:block;margin:0 auto;text-align:center;color:#a5a5b8;padding:35px}@media screen and (max-width:1100px){.content{width:90%}.ranking-ad .ad{width:60%;display:flex;justify-content:center}.ranking-ad .ad img{width:100%}}@media screen and (max-width:1000px){.content{width:90%}.token .total{display:none}.token .price{border:none;margin-right:0}.ranking-ad{display:block;height:auto}.ranking-ad .ranking{width:100%;margin-bottom:30px}.ranking-ad .ranking .index,.ranking-ad .ranking .team{width:30%!important}.ranking-ad .ad{width:100%;display:flex;justify-content:center}.ranking-ad .ad img{width:100%}.stake-rewards{display:block;height:auto}.stake-rewards .rewards,.stake-rewards .stake{width:100%;margin-bottom:30px}.stake-rewards .rewards .coming-soon{margin-bottom:30%}.ranking-wrapper .share{margin-left:0}}@media screen and (max-width:750px){.token .title{font-size:16px}.token .today,.token .total{display:none}.token .change,.token .name,.token .token-icon{margin-right:12px}.ranking-wrapper .stake{display:none}}@media screen and (max-width:500px){.token .title{font-size:16px}.token .change p{font-size:14px}.token .today,.token .total{display:none}.token .change,.token .name,.token .token-icon{margin-right:12px}.ranking-wrapper .name{display:none}}