.w-100{width:100%}.h-100{height:100%}.d-flex{display:-webkit-box;display:-ms-flexbox;display:flex}.flex-column{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.flex-wrap{-ms-flex-wrap:wrap;flex-wrap:wrap}.flex-nowrap{-ms-flex-wrap:nowrap;flex-wrap:nowrap}.flex-1{-webkit-box-flex:1;-ms-flex:1;flex:1}.clearfix:after{content:"";display:table;height:0;line-height:0;visibility:hidden;clear:both}.float-r{float:right}.float-l{float:left}.fw-b{font-weight:700}.title-item{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bg-color-black{background-color:rgba(19,25,47,.6)}.bg-color-blue{background-color:#1a5cd7}.colorBlack,.colorBlack:hover{color:#272727!important}.colorGrass{color:#33cea0}.colorGrass:hover{color:#33cea0!important}.colorRed{color:#ff5722}.colorRed:hover{color:#ff5722!important}.colorText,.colorText:hover{color:#d3d6dd!important}.colorBlue,.colorBlue:hover{color:#257dff!important}.text-primary{color:#db9e3f}.bg-primary{background-color:#db9e3f}.text-info-1{color:#4394e4}.bg-info-1{background-color:#4394e4}.text-info{color:#4b67af}.bg-info{background-color:#4b67af}.text-white{color:#fff}.bg-white{background-color:#fff}.text-light{color:#f9f9f9}.bg-light{background-color:#f9f9f9}.text-grey-1{color:#999}.bg-grey-1{background-color:#999}.text-grey{color:#666}.bg-grey{background-color:#666}.text-dark-1{color:#5f5f5f}.bg-dark-1{background-color:#5f5f5f}.text-dark{color:#222}.bg-dark{background-color:#222}.text-black-1{color:#171823}.bg-black-1{background-color:#171823}.text-black{color:#000}.bg-black{background-color:#000}.text-left{text-align:left!important}.text-center{text-align:center!important}.text-right{text-align:right!important}.jc-start{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}.jc-end{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.jc-center{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.jc-between{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.jc-around{-ms-flex-pack:distribute;justify-content:space-around}.jc-evenly{-webkit-box-pack:space-evenly;-ms-flex-pack:space-evenly;justify-content:space-evenly}.ai-start{-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}.ai-end{-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end}.ai-center{-webkit-box-align:center;-ms-flex-align:center;align-items:center}.ai-stretch{-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch}.fs-lg,.fs-md,.fs-sm,.fs-xl,.fs-xs,.fs-xxl,.fs-xxs,.fs-xxxl{font-size:14px}.m-0{margin:0}.m-1{margin:.05rem}.m-2{margin:.1rem}.m-3{margin:.2rem}.m-4{margin:.3rem}.m-5{margin:.6rem}.mx-0{margin-left:0;margin-right:0}.my-0{margin-top:0;margin-bottom:0}.mx-1{margin-left:.05rem;margin-right:.05rem}.my-1{margin-top:.05rem;margin-bottom:.05rem}.mx-2{margin-left:.1rem;margin-right:.1rem}.my-2{margin-top:.1rem;margin-bottom:.1rem}.mx-3{margin-left:.2rem;margin-right:.2rem}.my-3{margin-top:.2rem;margin-bottom:.2rem}.mx-4{margin-left:.3rem;margin-right:.3rem}.my-4{margin-top:.3rem;margin-bottom:.3rem}.mx-5{margin-left:.6rem;margin-right:.6rem}.my-5{margin-top:.6rem;margin-bottom:.6rem}.mt-0{margin-top:0}.mt-1{margin-top:.05rem}.mt-2{margin-top:.1rem}.mt-3{margin-top:.2rem}.mt-4{margin-top:.3rem}.mt-5{margin-top:.6rem}.mr-0{margin-right:0}.mr-1{margin-right:.05rem}.mr-2{margin-right:.1rem}.mr-3{margin-right:.2rem}.mr-4{margin-right:.3rem}.mr-5{margin-right:.6rem}.mb-0{margin-bottom:0}.mb-1{margin-bottom:.05rem}.mb-2{margin-bottom:.1rem}.mb-3{margin-bottom:.2rem}.mb-4{margin-bottom:.3rem}.mb-5{margin-bottom:.6rem}.ml-0{margin-left:0}.ml-1{margin-left:.05rem}.ml-2{margin-left:.1rem}.ml-3{margin-left:.2rem}.ml-4{margin-left:.3rem}.ml-5{margin-left:.6rem}.m{margin:0}.p-0{padding:0}.p-1{padding:.05rem}.p-2{padding:.1rem}.p-3{padding:.2rem}.p-4{padding:.3rem}.p-5{padding:.6rem}.px-0{padding-left:0;padding-right:0}.py-0{padding-top:0;padding-bottom:0}.px-1{padding-left:.05rem;padding-right:.05rem}.py-1{padding-top:.05rem;padding-bottom:.05rem}.px-2{padding-left:.1rem;padding-right:.1rem}.py-2{padding-top:.1rem;padding-bottom:.1rem}.px-3{padding-left:.2rem;padding-right:.2rem}.py-3{padding-top:.2rem;padding-bottom:.2rem}.px-4{padding-left:.3rem;padding-right:.3rem}.py-4{padding-top:.3rem;padding-bottom:.3rem}.px-5{padding-left:.6rem;padding-right:.6rem}.py-5{padding-top:.6rem;padding-bottom:.6rem}.pt-0{padding-top:0}.pt-1{padding-top:.05rem}.pt-2{padding-top:.1rem}.pt-3{padding-top:.2rem}.pt-4{padding-top:.3rem}.pt-5{padding-top:.6rem}.pr-0{padding-right:0}.pr-1{padding-right:.05rem}.pr-2{padding-right:.1rem}.pr-3{padding-right:.2rem}.pr-4{padding-right:.3rem}.pr-5{padding-right:.6rem}.pb-0{padding-bottom:0}.pb-1{padding-bottom:.05rem}.pb-2{padding-bottom:.1rem}.pb-3{padding-bottom:.2rem}.pb-4{padding-bottom:.3rem}.pb-5{padding-bottom:.6rem}.pl-0{padding-left:0}.pl-1{padding-left:.05rem}.pl-2{padding-left:.1rem}.pl-3{padding-left:.2rem}.pl-4{padding-left:.3rem}.pl-5{padding-left:.6rem}.p{padding:0}#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}#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}.count-class{font-size:30px;font-weight:700;text-align:center;margin:0 auto;padding-top:10px;padding-bottom:10px;color:#37cdb5;line-height:29px}[v-cloak][data-v-5568be81]{display:none}#centreLeft1[data-v-5568be81]{width:580px;padding:.2rem;height:5.125rem;border-radius:.0625rem}#centreLeft1 .bg-color-black[data-v-5568be81]{height:4.8125rem;border-radius:.125rem}#centreLeft1 .text[data-v-5568be81]{color:#c3cbde}#centreLeft1 .chart-box[data-v-5568be81]{margin-top:.2rem;width:2.125rem;height:2.125rem}#centreLeft1 .chart-box .active-ring-name[data-v-5568be81]{padding-top:.125rem}.att[data-v-5568be81]{margin:40px 20px 20px 20px;overflow:hidden;width:100%}.att button2[data-v-5568be81]{float:left}.att .info[data-v-5568be81]{margin-top:2px;float:right}.att .info h2[data-v-5568be81]{color:#3bd2b7!important;line-height:30px;margin-bottom:25px;font-size:20px}.att .info p[data-v-5568be81]{font-size:15px;height:18px;width:245px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.att .info .info_color[data-v-5568be81]{color:#3bd2b7}.infoImg img[data-v-5568be81]{border:0 solid!important}.infoImg[data-v-5568be81]{padding:20px;position:relative;display:inline-block;border-radius:4px;color:#03e9f4;text-decoration:none;text-transform:uppercase;overflow:hidden;font-family:Roboto,sans-serif;-webkit-filter:hue-rotate(0deg);filter:hue-rotate(0deg);border:4px solid #a220f7;-webkit-transition:all .1s linear;transition:all .1s linear;border:2px solid #3d7cf1;padding-bottom:10px}.infoImg span[data-v-5568be81]{position:absolute;display:block}.infoImg span[data-v-5568be81]:first-child{-webkit-filter:hue-rotate(0deg);filter:hue-rotate(0deg);top:0;left:0;width:100%;height:3px;background:-webkit-gradient(linear,left top,right top,from(transparent),to(#3a86ff));background:linear-gradient(90deg,transparent,#3a86ff);-webkit-animation:animate1-data-v-5568be81 1s linear infinite;animation:animate1-data-v-5568be81 1s linear infinite}@-webkit-keyframes animate1-data-v-5568be81{0%{left:-100%}50%,to{left:100%}}@keyframes animate1-data-v-5568be81{0%{left:-100%}50%,to{left:100%}}.infoImg span[data-v-5568be81]:nth-child(2){-webkit-filter:hue-rotate(60deg);filter:hue-rotate(60deg);top:-100%;right:0;width:6px;height:100%;background:-webkit-gradient(linear,left top,left bottom,from(transparent),to(#3a86ff));background:linear-gradient(180deg,transparent,#3a86ff);-webkit-animation:animate2-data-v-5568be81 1s linear infinite;animation:animate2-data-v-5568be81 1s linear infinite;-webkit-animation-delay:.25s;animation-delay:.25s}@-webkit-keyframes animate2-data-v-5568be81{0%{top:-100%}50%,to{top:100%}}@keyframes animate2-data-v-5568be81{0%{top:-100%}50%,to{top:100%}}.infoImg span[data-v-5568be81]:nth-child(3){-webkit-filter:hue-rotate(120deg);filter:hue-rotate(120deg);bottom:0;right:0;width:100%;background:-webkit-gradient(linear,right top,left top,from(transparent),to(#3a86ff));background:linear-gradient(270deg,transparent,#3a86ff);-webkit-animation:animate3-data-v-5568be81 1s linear infinite;animation:animate3-data-v-5568be81 1s linear infinite;-webkit-animation-delay:.5s;animation-delay:.5s}@-webkit-keyframes animate3-data-v-5568be81{0%{right:-100%;height:3px}50%,to{height:2px;right:100%}}@keyframes animate3-data-v-5568be81{0%{right:-100%;height:3px}50%,to{height:2px;right:100%}}.infoImg span[data-v-5568be81]:nth-child(4){-webkit-filter:hue-rotate(300deg);filter:hue-rotate(300deg);bottom:-100%;left:0;width:3px;height:100%;background:-webkit-gradient(linear,left bottom,left top,from(transparent),to(#3a86ff));background:linear-gradient(1turn,transparent,#3a86ff);-webkit-animation:animate4-data-v-5568be81 1s linear infinite;animation:animate4-data-v-5568be81 1s linear infinite;-webkit-animation-delay:.75s;animation-delay:.75s}@-webkit-keyframes animate4-data-v-5568be81{0%{bottom:-100%}50%,to{bottom:100%}}@keyframes animate4-data-v-5568be81{0%{bottom:-100%}50%,to{bottom:100%}}#centreRight1{padding:.2rem;height:5.125rem;min-width:4.35rem;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:3.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-5db16bdd]{width:656px;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-5db16bdd]{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-5db16bdd]{border-radius:.0625rem;padding-top:.2rem;margin-top:.1rem;width:32%;height:.875rem}#center .down[data-v-5db16bdd]{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-5db16bdd]{border-radius:.0625rem}#center .down .ranking[data-v-5db16bdd]{padding:.125rem;width:59%}#center .down .percent[data-v-5db16bdd]{width:40%;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}#center .down .percent .item[data-v-5db16bdd]{width:50%;height:1.5rem}#center .down .percent .item span[data-v-5db16bdd]{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-5db16bdd]{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[data-v-56ae79b6]{color:#d3d6dd;background-color:#000;width:100%;height:100%}#index .bg[data-v-56ae79b6]{padding:.2rem .2rem 0 .2rem;background-image:url(../img/pageBg.f9f9dcd5.png);background-size:cover;background-position:50%}#index .host-body .title[data-v-56ae79b6]{position:relative;width:6.25rem;text-align:center;background-size:cover;background-repeat:no-repeat}#index .host-body .title .title-text[data-v-56ae79b6]{font-size:.3rem;position:absolute;bottom:0;width:100%;-webkit-transform:translate(-50%);transform:translate(-50%)}#index .host-body .title .title-bototm[data-v-56ae79b6]{position:absolute;bottom:-.375rem;left:50%;-webkit-transform:translate(-50%);transform:translate(-50%)}#index .host-body .react-left[data-v-56ae79b6]{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[data-v-56ae79b6]{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[data-v-56ae79b6]{display:inline-block;-webkit-transform:skewX(45deg);transform:skewX(45deg)}#index .host-body .react-right[data-v-56ae79b6]{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[data-v-56ae79b6]{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[data-v-56ae79b6]{display:inline-block;-webkit-transform:skewX(-45deg);transform:skewX(-45deg)}#index .host-body .body-box[data-v-56ae79b6]{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[data-v-56ae79b6]{display:grid;grid-template-columns:2fr 3fr 5fr 3fr 2fr}#index .host-body .body-box .bototm-box[data-v-56ae79b6]{margin-top:.125rem;display:grid;grid-template-columns:repeat(2,50%)}.textOverflow[data-v-56ae79b6]{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.wd[data-v-56ae79b6]{width:210px}