#centreLeft1 .bottom-data .item-box{float:right;position:relative;width:50%;color:#d3d6dd}#centreLeft1 .bottom-data .item-box .coin{position:absolute;left:.1rem;top:.2125rem;font-size:.25rem;color:#ffc107}#centreLeft1 .bottom-data .item-box .colorYellow{color:#9acd32}#centreLeft1{padding:.2rem;height:5.125rem;min-width:3.75rem;border-radius:.0625rem}#centreLeft1 .bg-color-black{height:4.8125rem;border-radius:.125rem}#centreLeft1 .text{color:#c3cbde}#centreLeft1 .chart-box{margin-top:.2rem;width:2.125rem;height:2.125rem}#centreLeft1 .chart-box .active-ring-name{padding-top:.125rem}#centreRight1{padding:.2rem;height:5.125rem;min-width:3.25rem;border-radius:.0625rem}#centreRight1 .bg-color-black{height:4.8125rem;border-radius:.125rem}#centreRight1 .text{color:#c3cbde}#centreRight1 .body-box{border-radius:.125rem;overflow:hidden}#centreRight2{padding:.0625rem;height:5rem;min-width:5.75rem;border-radius:.0625rem}#centreRight2 .bg-color-black{padding:.0625rem;height:5.0625rem;border-radius:.125rem}#centreRight2 .text{color:#c3cbde}#centreRight2 .body-box{border-radius:.125rem;overflow:hidden}#center[data-v-1312ecd0]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}#center .up[data-v-1312ecd0]{width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-pack:distribute;justify-content:space-around}#center .up .item[data-v-1312ecd0]{border-radius:.0625rem;padding-top:.2rem;margin-top:.1rem;width:32%;height:.875rem}#center .down[data-v-1312ecd0]{padding:.07rem .05rem;padding-bottom:0;width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;height:3.1875rem;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}#center .down .bg-color-black[data-v-1312ecd0]{border-radius:.0625rem;width:50%}#center .down .ranking[data-v-1312ecd0]{display:-webkit-box;display:-ms-flexbox;display:flex;margin:0 auto;padding:.125rem;width:59%}#center .down .percent[data-v-1312ecd0]{width:40%;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}#center .down .percent .item[data-v-1312ecd0]{width:50%}#center .down .percent .item span[data-v-1312ecd0]{margin-top:.0875rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}#center .down .percent .water[data-v-1312ecd0]{width:100%}#bottomLeft{padding:.3rem .2rem;height:6.5rem;min-width:3.75rem;border-radius:.0625rem}#bottomLeft .bg-color-black{height:6.0625rem;border-radius:.125rem}#bottomLeft .text{color:#c3cbde}#bottomLeft .chart-box{margin-top:.2rem;width:2.125rem;height:2.125rem}#bottomLeft .chart-box .active-ring-name{padding-top:.125rem}#bottomRight{padding:.2rem .2rem 0;height:6.5rem;min-width:3.75rem;border-radius:.0625rem}#bottomRight .bg-color-black{height:6.1875rem;border-radius:.125rem}#bottomRight .text{color:#c3cbde}#bottomRight .decoration2{position:absolute;right:.125rem}#bottomRight .chart-box{margin-top:.2rem;width:2.125rem;height:2.125rem}#bottomRight .chart-box .active-ring-name{padding-top:.125rem}#index{color:#d3d6dd;background-color:#000;width:100%;height:100%}#index .bg{padding:.2rem .2rem 0 .2rem;background-image:url(../img/pageBg.f9f9dcd5.png);background-size:cover;background-position:50%}#index .host-body .title{position:relative;width:6.25rem;text-align:center;background-size:cover;background-repeat:no-repeat}#index .host-body .title .title-text{font-size:1rem;width:100%;bottom:0}#index .host-body .title .title-bototm,#index .host-body .title .title-text{position:absolute;left:50%;-webkit-transform:translate(-50%);transform:translate(-50%)}#index .host-body .title .title-bototm{bottom:-.575rem}#index .host-body .react-left{cursor:pointer;font-size:.225rem;width:3.75rem;height:.625rem;line-height:.625rem;text-align:center;-webkit-transform:skewX(-45deg);transform:skewX(-45deg)}#index .host-body .react-left .react-after{position:absolute;right:-.3125rem;top:0;height:.625rem;width:.625rem;background-color:#0f1325;-webkit-transform:skewX(45deg);transform:skewX(45deg)}#index .host-body .react-left .text{display:inline-block;-webkit-transform:skewX(45deg);transform:skewX(45deg)}#index .host-body .react-right{cursor:pointer;font-size:.225rem;width:3.75rem;height:.625rem;line-height:.625rem;text-align:center;-webkit-transform:skewX(45deg);transform:skewX(45deg)}#index .host-body .react-right .react-before{position:absolute;left:-.3125rem;top:0;height:.625rem;width:.625rem;background-color:#0f1325;-webkit-transform:skewX(-45deg);transform:skewX(-45deg)}#index .host-body .react-right .text{display:inline-block;-webkit-transform:skewX(-45deg);transform:skewX(-45deg)}#index .host-body .body-box{margin-top:.2rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}#index .host-body .body-box .content-box{display:grid;grid-template-columns:2fr 3fr 5fr 3fr 2fr}#index .host-body .body-box .bototm-box{margin-top:.125rem;display:grid;grid-template-columns:repeat(2,50%)}