#centreRight1{padding:.2rem;height:4.125rem;min-width:5.75rem;border-radius:.0625rem}#centreRight1 .bg-color-black{height:2.8125rem;border-radius:.125rem}#centreRight1 .text{color:#c3cbde}#centreRight1 .chart-box{margin-top:.2rem;width:2.125rem;height:2.125rem}#centreRight1 .chart-box .active-ring-name{padding-top:.125rem}#centreRight1 .bottom-data .item-box{float:right;position:relative;width:50%;color:#d3d6dd}#centreRight1 .bottom-data .item-box .coin{position:absolute;left:.1rem;top:.2125rem;font-size:.25rem;color:#ffc107}#centreRight1 .bottom-data .item-box .colorYellow{color:#9acd32}.head{margin:.2rem .1rem;font-size:.2rem;color:#e0ffff}.head,.num{text-align:center}.num{margin-top:.2rem;font-size:.25rem;font-weight:700;color:#5cd9e8}.border-box{margin-right:.1rem}#centreLeft1{padding:.2rem;min-width:3.75rem;border-radius:.0625rem}#centreLeft1 .bg-color-black{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}#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}#bottomLeft{height:3rem;padding:.3rem .2rem;height:3.5rem;min-width:1.75rem;border-radius:.0625rem}#bottomLeft .bg-color-black{height:3rem;border-radius:.125rem}#bottomLeft .text{color:#c3cbde}#bottomLeft .chart-box{margin-top:.2rem;width:1.125rem;height:2.125rem}#bottomLeft .chart-box .active-ring-name{padding-top:.125rem}#index{color:#d3d6dd;background-color:#000;width:100%;height:100vh}#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:12rem;text-align:center;background-size:cover;background-repeat:no-repeat}#index .host-body .title .title-text{font-size:.46rem;position:absolute;bottom:0;left:50%;-webkit-transform:translate(-50%);transform:translate(-50%);font-weight:700}#index .host-body .title .title-text img{vertical-align:middle}#index .host-body .title .title-bototm{position:absolute;bottom:-.375rem;left:50%;-webkit-transform:translate(-50%);transform:translate(-50%)}#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%)}#index .host-body .body-box .content-box1{display:grid;grid-template-columns:3fr 6fr 3fr;height:7rem}#index .host-body .body-box .bototm-box1{margin-top:.125rem;display:grid;grid-template-columns:repeat(4,25%)}#index .host-body .body-box .bototm-box2{display:grid;grid-template-columns:6fr 6fr 2fr 2fr .5fr;height:3rem}#index .host-body .body-box .bototm-box3,#index .host-body .body-box .content-box3{display:grid;grid-template-columns:9fr 3fr}#index .host-body .body-box .bototm-box3{height:3rem}#index .host-body .body-box .content-box3-1{display:grid;grid-template-columns:3fr 6fr;height:6rem}#index .host-body .body-box .content-box3-2{display:grid;grid-template-columns:3fr 3fr 3fr;height:4rem}#index .host-body .body-box .content-box3-3{height:5.1rem}.left{height:3.5rem}.btn{background-color:#5cd9e8;width:100px}