#top1{height:40vh}#top1 .cc-header{height:.75rem;color:#fff;font-size:.3rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center}#top1 .pieChart{width:6.5rem;height:35vh}#top2{height:40vh}#top2 .cc-header{height:.75rem;color:#fff;font-size:.3rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center}#top2 .pieChart{width:4rem;height:3.5rem}#top2 .numChart{height:90%}#top2 .numChart .cc-details{height:.6rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;font-size:.3rem;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-top:.3rem}#top2 .numChart .cc-details .card{background-color:#132957;color:#ffeb3b;height:.6rem;width:.6rem;font-size:.5rem;font-weight:700;line-height:.6rem;text-align:center;margin:.05rem;float:left;border-radius:.15rem}#top2 .numChart .cc-main-container{position:relative;-webkit-box-flex:1;-ms-flex:1;flex:1;display:-webkit-box;display:-ms-flexbox;display:flex;margin-top:.4rem;height:20vh}#top2 .numChart .cc-main-container .ccmc-middle{width:100%;height:100%}#top2 .numChart .cc-main-container .ccmc-middle .active-ring-name{line-height:.3rem}#top2 .numChart .cc-main-container .ccmc-left,#top2 .numChart .cc-main-container .ccmc-right{width:50%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;font-size:.25rem}#top2 .numChart .cc-main-container .ccmc-left span,#top2 .numChart .cc-main-container .ccmc-right span{font-size:.35rem;font-weight:700}#top2 .numChart .cc-main-container .ccmc-left .station-info,#top2 .numChart .cc-main-container .ccmc-right .station-info{height:5vh;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}#top2 .numChart .cc-main-container .ccmc-left .station-info .legend-color,#top2 .numChart .cc-main-container .ccmc-right .station-info .legend-color{width:.28rem;height:.28rem;border-radius:.05rem;margin-right:.1rem}#top2 .numChart .cc-main-container .ccmc-left{-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end}#top2 .numChart .cc-main-container .ccmc-left span{margin-left:20px}#top2 .numChart .cc-main-container .ccmc-right{-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}#top2 .numChart .cc-main-container .ccmc-right span{margin-left:20px}#top3{height:5.5rem}#top3 .cc-header{height:.75rem;color:#fff;font-size:.3rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center}#top3 .rankChart{width:90%;height:33vh;line-height:.22rem}#top3 .rankChart .rank{width:60px;font-size:.22rem}#top3 .rankChart .info-name,#top3 .rankChart .ranking-value{font-size:.22rem}#top3 .rankChart .inside-column{height:.01rem}#bottom1{height:43vh}#bottom1 .cc-header{height:.4rem;color:#fff;font-size:.3rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center}#bottom1 .mapChart{width:11rem;height:38vh}#bottom2{height:35vh}#bottom2 .cc-header{color:#fff;display:-webkit-box;display:-ms-flexbox;display:flex;height:.4rem;font-size:.3rem;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center}#bottom2 .lineChart{width:95%;height:40vh;margin-top:-.3rem}#gate_index{color:#d3d6dd;background-color:#000;width:100%;min-height:100vh;background-image:url(../img/pageBg.f9f9dcd5.png);background-size:100% 100%}#gate_index .bg{padding:.2rem .2rem 0 .2rem;background-position:50%}#gate_index .host-body .title{position:relative;width:8rem;text-align:center;background-size:cover;background-repeat:no-repeat}#gate_index .host-body .title .title-text{font-size:.25rem;bottom:0}#gate_index .host-body .title .title-bototm,#gate_index .host-body .title .title-text{position:absolute;left:50%;-webkit-transform:translate(-50%);transform:translate(-50%)}#gate_index .host-body .title .title-bototm{bottom:-.375rem}#gate_index .host-body .react-left{cursor:pointer;font-size:.225rem;width:3.75rem;height:.45rem;line-height:.45rem;text-align:center;-webkit-transform:skewX(-45deg);transform:skewX(-45deg)}#gate_index .host-body .react-left .react-after{position:absolute;right:-.3125rem;top:0;height:.45rem;width:.625rem;background-color:#0f1325;-webkit-transform:skewX(45deg);transform:skewX(45deg)}#gate_index .host-body .react-left .text{display:inline-block;-webkit-transform:skewX(45deg);transform:skewX(45deg)}#gate_index .host-body .react-right{cursor:pointer;font-size:.225rem;width:3.75rem;height:.45rem;line-height:.45rem;text-align:center;-webkit-transform:skewX(45deg);transform:skewX(45deg)}#gate_index .host-body .react-right .react-before{position:absolute;left:-.3125rem;top:0;height:.45rem;width:.625rem;background-color:#0f1325;-webkit-transform:skewX(-45deg);transform:skewX(-45deg)}#gate_index .host-body .react-right .text{display:inline-block;-webkit-transform:skewX(-45deg);transform:skewX(-45deg)}#gate_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}#gate_index .host-body .body-box .content-box{display:grid;grid-template-columns:5fr 6fr 5fr}#gate_index .host-body .body-box .bototm-box{margin-top:.125rem;display:grid;grid-template-columns:repeat(2,50%)}#gate_index .title{line-height:.8rem}#gate_index .title .title-text{font-size:.45rem!important;width:100%;font-weight:600;background-image:linear-gradient(135deg,#00e2ff,#da00ff);-webkit-background-clip:text;color:transparent}