/* vui-dashboard-statistic */
.vui-dashboard-statistic {
}
.vui-dashboard-statistic .vui-dashboard-statistic-body { display:flex; align-items:flex-start;
}
.vui-dashboard-statistic .vui-dashboard-statistic-body .vui-statistic { flex:1;
}
.vui-dashboard-statistic .vui-dashboard-statistic-body .icon { display:flex; justify-content:center; align-items:center; width:54px; height:54px; border-radius:54px; background-color:#f9f9f9; font-size:24px;
}
.vui-dashboard-statistic-blue .vui-dashboard-statistic-body .icon { background-color:rgba(45,140,240,0.06); color:#2d8cf0;
}
.vui-dashboard-statistic-yellow .vui-dashboard-statistic-body .icon { background-color:rgba(250,173,20,0.06); color:#faad14;
}
.vui-dashboard-statistic-red .vui-dashboard-statistic-body .icon { background-color:rgba(237,85,101,0.06); color:#ed5565;
}
.vui-dashboard-statistic-green .vui-dashboard-statistic-body .icon { background-color:rgba(82,196,26,0.06); color:#52c41a;
}

/* vui-dashboard-analysis-trend */
.vui-dashboard-analysis-trend { flex:1;
}
.vui-dashboard-analysis-trend-title { margin-bottom:20px; color:#8c8c8c; font-size:14px; line-height:1.42857142;
}
.vui-dashboard-analysis-trend-chart { width:100%; overflow:hidden; font-size:0;
}

/* vui-dashboard-analysis-rank */
.vui-dashboard-analysis-rank { width:280px; margin-left:20px;
}
.vui-dashboard-analysis-rank-title { margin-bottom:20px; color:#8c8c8c; font-size:14px; line-height:1.42857142;
}
.vui-dashboard-analysis-rank-list {
}
.vui-dashboard-analysis-rank-item { display:flex; align-items:center; margin-top:20px; font-size:14px; line-height:1.42857142;
}
.vui-dashboard-analysis-rank-item .vui-dashboard-analysis-rank-item-no { flex-shrink:0; width:20px; height:20px; border-radius:20px; background-color:#fafafa; margin-right:10px; color:#595959; font-style:italic; text-align:center; line-height:20px;
}
.vui-dashboard-analysis-rank-item .vui-dashboard-analysis-rank-item-title { overflow:hidden; color:#595959; white-space:nowrap; text-overflow:ellipsis;
}
.vui-dashboard-analysis-rank-item .vui-dashboard-analysis-rank-item-tie { flex:1; min-width:20px; border-bottom:1px dashed #f0f0f0; margin:0 8px;
}
.vui-dashboard-analysis-rank-item .vui-dashboard-analysis-rank-item-extra { flex-shrink:0; color:#8c8c8c;
}
.vui-dashboard-analysis-rank-item:nth-child(1) {
}
.vui-dashboard-analysis-rank-item:nth-child(1) .vui-dashboard-analysis-rank-item-no { background-color:#eaf4fe; color:#2d8cf0;
}
.vui-dashboard-analysis-rank-item:nth-child(1) .vui-dashboard-analysis-rank-item-title {
}
.vui-dashboard-analysis-rank-item:nth-child(1) .vui-dashboard-analysis-rank-item-extra {
}
.vui-dashboard-analysis-rank-item:nth-child(2) {
}
.vui-dashboard-analysis-rank-item:nth-child(2) .vui-dashboard-analysis-rank-item-no { background-color:#fef7ed; color:#faad14;
}
.vui-dashboard-analysis-rank-item:nth-child(2) .vui-dashboard-analysis-rank-item-title {
}
.vui-dashboard-analysis-rank-item:nth-child(2) .vui-dashboard-analysis-rank-item-extra {
}
.vui-dashboard-analysis-rank-item:nth-child(3) {
}
.vui-dashboard-analysis-rank-item:nth-child(3) .vui-dashboard-analysis-rank-item-no { background-color:#fdeef0; color:#ed5565;
}
.vui-dashboard-analysis-rank-item:nth-child(3) .vui-dashboard-analysis-rank-item-title {
}
.vui-dashboard-analysis-rank-item:nth-child(3) .vui-dashboard-analysis-rank-item-extra {
}