.page.index{background-color:#005C97}
.page.index .content-block{margin:-2vh 0 0 0;padding:15px 15px 0;height:calc(47vh - 49px);border-radius:2vh 2vh 0 0;background-color:#fff}
.chart-box{box-sizing:border-box;padding:15px 0 0;height:calc(55vh - 44px);color:#fff;background:-webkit-linear-gradient(top,#005C97,#348ac7);background:linear-gradient(to bottom,#005C97,#348ac7)}
.chart-box .data-info{margin:0;padding:0 0 5vh;list-style-type:none;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}
.chart-box .data-info li{text-align:center;width:calc((100% - 15px*2) / 3)}
.chart-box .data-info p{margin:0;font-size:22px;font-weight:700}
.nav .row{height:100%}
.nav .col-33{height:50%;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}
.nav .nav-item{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-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;height:100%;text-align:center;color:#585858}
.nav .icon-wrap{margin:0 auto 5px;width:44px;height:44px;line-height:44px;border-radius:50%;text-align:center;color:#fff;background-color:#333}
.nav .icon-wrap.red{background:-webkit-linear-gradient(top,#cb2d3e,#ef473a);background:linear-gradient(to bottom,#cb2d3e,#ef473a)}
.nav .icon-wrap.blue{background:-webkit-linear-gradient(top,#514A9D,#24C6DC);background:linear-gradient(to bottom,#514A9D,#24C6DC)}
.nav .icon-wrap.green{background:-webkit-linear-gradient(top,#DD5E89,#F7BB97);background:linear-gradient(to bottom,#DD5E89,#F7BB97)}
.nav .icon-wrap.parklife{background:-webkit-linear-gradient(top,#16A085,#F4D03F);background:linear-gradient(to bottom,#16A085,#F4D03F)}
.nav .icon-wrap.orange{background:-webkit-linear-gradient(top,#FF512F,#F09819);background:linear-gradient(to bottom,#FF512F,#F09819)}
.nav .icon-wrap.pink{background:-webkit-linear-gradient(top,#4776E6,#8E54E9);background:linear-gradient(to bottom,#4776E6,#8E54E9)}
.nav .iconfont{font-size:24px}