.page-dashboard{padding:24px}.page-dashboard>.jdd-row+.jdd-row{margin-top:24px}.page-dashboard .card-box .card-header{padding:20px 24px 8px}.page-dashboard .card-box .card-header p{font-size:14px;color:#595959;line-height:20px}.page-dashboard .card-box .card-content{padding:0 24px}.page-dashboard .card-box .card-content .number{font-size:32px;line-height:38px;color:#262626}.page-dashboard .card-box .card-content .mini-chart{height:30px}.page-dashboard .card-box .card-footer{box-shadow:0 -1px 0 0 rgba(0,0,0,.05);height:48px;padding:0 16px 0 24px;color:#8c8c8c;cursor:pointer}.page-dashboard .card-box .card-footer .jdd-icon{font-size:16px}.page-dashboard .card-1 .compare{padding:24px 0 16px}.page-dashboard .card-1 .percent{font-size:14px;line-height:18px}.page-dashboard .card-1 .percent p{color:#8c8c8c;white-space:nowrap}.page-dashboard .card-1 .percent span{color:#595959;margin-left:8px}.page-dashboard .card-1 .percent .jdd-icon{font-size:12px;margin:0 4px}.page-dashboard .card-1 .percent+.percent{margin-left:36px}.page-dashboard .card-2 .mini-chart{margin:16px 0 12px}.page-dashboard .card-3 .percent{font-size:14px;line-height:18px;padding:12px 0 8px}.page-dashboard .card-3 .percent p{color:#595959;white-space:nowrap}.page-dashboard .card-3 .percent span{color:#595959;margin-left:8px}.page-dashboard .card-3 .progress{margin-bottom:12px}.page-dashboard .card-4 .mini-chart{margin:16px 0 12px}.page-dashboard .chart-box .card-header{position:relative}.page-dashboard .chart-box .card-header .jdd-tabs{padding:0 24px}.page-dashboard .chart-box .card-header .jdd-date-picker{position:absolute;width:248px;right:24px;top:50%;margin-top:-16px}.page-dashboard .chart-box .card-content{padding:16px 24px}.page-dashboard .chart-box .chart-header p{font-size:16px;color:#262626;margin-bottom:16px}.page-dashboard .chart-box .chart-content{height:240px}.page-dashboard .chart-box .rank-list{padding-top:24px}.page-dashboard .chart-box .rank-list .rank-item{white-space:nowrap;font-size:12px;line-height:24px}.page-dashboard .chart-box .rank-list .rank-item .position{width:24px;height:24px;border-radius:50%;text-align:center;color:#262626;background-color:#f0f0f0;margin-right:12px}.page-dashboard .chart-box .rank-list .rank-item .label{color:#8c8c8c;margin-right:16px}.page-dashboard .chart-box .rank-list .rank-item .jdd-progress{flex:1}.page-dashboard .chart-box .rank-list .rank-item .value{color:#262626;text-align:right;margin-left:16px}.page-dashboard .chart-box .rank-list .rank-item:first-child .position,.page-dashboard .chart-box .rank-list .rank-item:nth-child(2) .position,.page-dashboard .chart-box .rank-list .rank-item:nth-child(3) .position{background-color:#000;color:#fff}.page-dashboard .chart-box .rank-list .rank-item+.rank-item{margin-top:12px}.page-dashboard .top-row .box-header{padding:12px 0;font-weight:700;font-size:18px}.page-dashboard .top-row .card-header{text-align:center}.page-dashboard .top-row .card-header p{font-size:16px}.page-dashboard .top-row .card-content{text-align:center;padding-top:8px;padding-bottom:24px}.page-dashboard .top-row .margin-row{padding-bottom:16px}.page-dashboard .top-row .card-parities .card-content{padding:40px 0;text-align:center;line-height:38px;font-size:32px;color:#262626}.page-dashboard .top-row .card-parities .red-numebr{color:#f52f3e}