.welcome{width:100%;line-height:500px;font-size:50px;text-align:center;color:#515a6e}.footer{width:100%;height:40px;line-height:40px;text-align:right;background-color:#fff;border-radius:4px}.footer a{margin-right:24px;color:#bbb}.footer a:hover{color:#2d8cf0}.card_extra{position:absolute;right:16px;top:14px;line-height:20px;padding:0 8px;border-radius:3px;font-size:12px;border:1px solid #e8eaec}.card_extra.day_extra{background:#f6ffed;border-color:#b7eb8f;color:#52c41a}.card_extra.week_extra{color:#f5222d;background:#fff1f0;border-color:#ffa39e}.card_extra.month_extra{background:#e6f7ff;border-color:#91d5ff;color:#1890ff}.sum-card{position:relative;background-color:#fff;margin-bottom:16px;border-radius:4px}.sum-card .sum-card_header{padding:0 16px;font-size:16px;line-height:50px;border-bottom:1px solid #e8eaec}.sum-card .sum-card_body{padding:12px}.sum-card .sum-card_body .sum-card_num{font-size:30px;color:#515a6e}.sum-card .sum-card_body .up-and-down{margin-top:10px;font-size:14px;line-height:21px;height:42px;color:#515a6e}.sum-card .sum-card_body .up-and-down>span{display:inline-block}.sum-card .sum-card_body .up-and-down>span:first-of-type{margin-right:16px}.sum-card .sum-card_body .sum-card_line{margin-bottom:8px;height:1px;background-color:#e8eaec}.sum-card .sum-card_body .sum-card_footer{display:-webkit-box;display:-ms-flexbox;display:flex;line-height:21px;font-size:14px;color:#515a6e}.sum-card .sum-card_body .sum-card_footer .sum_text{-webkit-box-flex:1;-ms-flex:1;flex:1}.sum-card .sum-card_body .sum-card_footer .sum_num{-ms-flex-negative:0;flex-shrink:0;text-align:right}.common-func{border-radius:4px;background-color:#fff;margin-bottom:16px}.common-func .common-func_title{color:#333;font-weight:700;font-size:18px;line-height:30px;padding:15px 30px 20px 30px}.common-func .func-item{text-align:left;font-size:16px;margin-bottom:30px;padding-left:20%;cursor:pointer}.common-func .func-item:hover{color:#2d8cf0}.common-func .func-item>span{display:inline-block;vertical-align:middle}.common-func .func-item .icon-wrapper{margin-right:10px}.rank-list{position:relative;background-color:#fff;border-radius:4px;padding:15px}.rank-list .rank-list_title{color:#333;font-weight:700;font-size:18px;line-height:30px;margin-bottom:15px}.rank-list .rank-item{color:#515a6e;margin-bottom:10px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.rank-list .rank-item .rank{-webkit-box-flex:0;-ms-flex:0 0 24px;flex:0 0 24px;height:24px;margin-right:10px;line-height:24px;text-align:center;border-radius:50%;color:#1890ff;background-color:#e6f7ff}.rank-list .rank-item:nth-of-type(n+4) .rank{color:#8c8c8c;background-color:#f5f5f5}.rank-list .rank-item .icon-wrapper{-webkit-box-flex:0;-ms-flex:0 0 40px;flex:0 0 40px;height:40px;margin-right:10px}.rank-list .rank-item .icon-wrapper>img{width:100%;height:100%;border-radius:4px}.rank-list .rank-item .name{-webkit-box-flex:1;-ms-flex:1;flex:1;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;word-break:break-all;color:#515a6e}.rank-list .rank-item .num{-ms-flex-negative:0;flex-shrink:0;margin-left:auto}.rank-list .rank-th{margin-bottom:0}.rank-list .rank-th>span{font-weight:700}.rank-list .rank-th .rank,.sum-chart{background-color:#fff}.sum-chart{position:relative;border-radius:4px;height:580px;padding:15px}.sum-chart .chart-content{margin-top:20px}.sum-chart .chart-content .chart{width:100%;height:400px}.pickerTimeWidth{width:200px}.rank-list_content{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.rank-item{height:60px}.font-16{font-size:15px;font-weight:700}.font-14{font-size:14px}