.x-chart-card{position:relative}.x-chart-card .chartTop{position:relative;overflow:hidden;width:100%}.x-chart-card .chartTopMargin{margin-bottom:12px}.x-chart-card .chartTopHasMargin{margin-bottom:20px}.x-chart-card .metaWrap{float:left}.x-chart-card .avatar{position:relative;top:4px;float:left;margin-right:20px}.x-chart-card .avatar img{border-radius:100%}.x-chart-card .meta{color:rgba(0,0,0,.45);font-size:12px;line-height:22px;height:42px}.x-chart-card .action{cursor:pointer;position:absolute;top:4px;right:0;line-height:1}.x-chart-card .total{overflow:hidden;text-overflow:ellipsis;word-break:break-all;white-space:nowrap;color:rgba(0,0,0,.85);margin-top:4px;margin-bottom:0;font-size:30px;line-height:38px;height:38px}.x-chart-card .content{margin-bottom:12px;position:relative;width:100%}.x-chart-card .contentFixed{position:absolute;left:0;bottom:0;width:100%}.x-chart-card .footer{border-top:1px solid #f4f4f4;padding-top:9px;margin-top:8px}.x-chart-card .footer>*{position:relative}.x-chart-card .footerMargin{margin-top:20px}.x-cust-home-card{position:relative;height:270px}.x-cust-home-card .chartTop{position:relative;overflow:hidden;width:100%;height:50px}.x-cust-home-card .chartTopMargin{margin-bottom:5px}.x-cust-home-card .chartTopHasMargin{margin-bottom:20px}.x-cust-home-card .metaWrap{margin-top:2px;float:right;margin-right:0}.x-cust-home-card .avatar{margin-top:2px;font-size:large;font-weight:bolder;float:left;margin-left:0}.x-cust-home-card .meta{color:rgba(0,0,0,.45);font-size:12px;line-height:32px;height:42px}.x-cust-home-card .action{cursor:pointer;position:absolute;top:4px;right:0;line-height:1}.x-cust-home-card .total{overflow:hidden;text-overflow:ellipsis;word-break:break-all;white-space:nowrap;color:rgba(0,0,0,.85);margin-top:4px;margin-bottom:0;font-size:30px;line-height:38px;height:38px}.x-cust-home-card .content{margin-bottom:12px;width:100%;height:120px}.x-cust-home-card .contentFixed{position:absolute;left:0;bottom:0;width:100%}.x-cust-home-card .footer{border-top:1px solid #f4f4f4;padding-top:9px;margin-top:8px;height:50px}.x-cust-home-card .footer>*{position:relative}.x-cust-home-card .footerMargin{margin-top:20px;height:50px}.x-cust-home-card .title{width:20px;height:20px;border-radius:4em;background:#e83338}.trendItem{display:inline-block;font-size:12px;line-height:22px}.trendItem .down,.trendItem .up{margin-left:4px;position:relative;top:1px}.trendItem .down i,.trendItem .up i{font-size:12px;-webkit-transform:scale(.83);transform:scale(.83)}.trendItem .up{color:#f5222d}.trendItem .down{color:#52c41a;top:-1px}.trendItem.trendItemGrey .down,.trendItem.trendItemGrey .up{color:#333}.trendItem.reverseColor .up{color:#52c41a}.trendItem.reverseColor .down{color:#f5222d}.x-field{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:0}.x-field .label,.x-field .number{font-size:12px;line-height:22px}.x-field .number{color:rgba(0,0,0,.85);margin-left:8px}.miniChart{position:relative;width:100%}.miniChart .chartContent{position:absolute;bottom:-28px;width:100%}.miniChart .chartContent>div{margin:0 -5px;overflow:hidden}.miniChart .chartLoading{position:absolute;top:16px;left:50%;margin-left:-7px}.miniProgress{padding:5px 0;position:relative;width:100%}.miniProgress .progressWrap{background-color:#f5f5f5;position:relative}.miniProgress .progress{-webkit-transition:all .4s cubic-bezier(.08,.82,.17,1) 0s;transition:all .4s cubic-bezier(.08,.82,.17,1) 0s;border-radius:1px 0 0 1px;background-color:#3b7fc4;width:0;height:100%}.miniProgress .target{position:absolute;top:0;bottom:0}.miniProgress .target span{border-radius:100px;position:absolute;top:0;left:0;height:4px;width:2px}.miniProgress .target span:last-child{top:auto;bottom:0}.trendText{margin-left:8px;color:rgba(0,0,0,.85)}.tab-head,.tab-row{color:rgba(0,0,0,.85);margin-top:4px;margin-bottom:0;font-size:20px;line-height:22px;height:22px}.circleRow{display:table;width:100%}.circleText{width:11.5%;height:100px;float:left;display:table-cell}.circle{width:80px;height:80px;border-radius:4em;background:#0cf;color:#fff;margin:0 auto;text-align:center;font-size:16px;padding-top:25px;padding-bottom:25px}.circle-pink{background:#f9c}.circle-yellow{background:#fc0}.circle-red{background:#f33}.circle-gray{background:#999}.circleNumber{width:80px;height:20px;color:grey;margin:0 auto;text-align:center;font-size:x-large;font-weight:700;padding-top:10px;padding-bottom:10px}.circleBlank{width:4%;height:80px;float:left;display:table-cell}