.common{float:left;height:100%;display:table;text-align:center}.size{width:100%;height:100%}.middle-center{display:table-cell;vertical-align:middle}.info-card-wrapper{overflow:hidden}.info-card-wrapper,.info-card-wrapper .ivu-card-body{width:100%;height:100%}.info-card-wrapper .content-con{width:100%;height:100%;position:relative}.info-card-wrapper .content-con .left-area{float:left;height:100%;display:table;text-align:center}.info-card-wrapper .content-con .left-area>.icon{display:table-cell;vertical-align:middle}.info-card-wrapper .content-con .right-area{float:left;height:100%;display:table;text-align:center}.info-card-wrapper .content-con .right-area>div{display:table-cell;vertical-align:middle}.count-to-wrapper .content-outer{display:inline-block}.count-to-wrapper .content-outer .count-to-unit-text{font-style:normal}.home-container{padding:16px;background-color:#f5f7f9;min-height:100%}.home-container .card-row{margin-bottom:20px}.home-container .card-col{height:140px;padding-bottom:10px;-webkit-transition:all .3s ease;transition:all .3s ease}.home-container .card-col:hover{-webkit-transform:translateY(-5px);transform:translateY(-5px)}.home-container .info-card-item{height:100%;border-radius:8px;overflow:hidden;-webkit-box-shadow:0 2px 12px 0 rgba(0,0,0,.1);box-shadow:0 2px 12px 0 rgba(0,0,0,.1)}.home-container .info-card-item .count-style{font-size:36px;font-weight:700;margin:10px 0;background:linear-gradient(45deg,#36d1dc,#5b86e5);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.home-container .info-card-item .card-title{font-size:16px;color:#515a6e;margin-top:8px}.home-container .chart-row{margin-bottom:20px}.home-container .chart-col{-webkit-transition:all .3s ease;transition:all .3s ease}.home-container .chart-col:hover{-webkit-transform:translateY(-5px);transform:translateY(-5px)}.home-container .chart-card{border-radius:8px;overflow:hidden;height:100%;-webkit-box-shadow:0 2px 12px 0 rgba(0,0,0,.1);box-shadow:0 2px 12px 0 rgba(0,0,0,.1)}.home-container .chart-card .chart-title{font-size:16px;font-weight:500;color:#17233d;padding:16px;border-bottom:1px solid #e8eaec;background-color:#fff}.home-container .chart-card .chart-content{padding:16px;background-color:#fff}.home-container .chart-card .chart-content.donut-chart,.home-container .chart-card .chart-content.service-chart{height:350px}.home-container .chart-card .chart-content.gender-chart{height:300px}.home-container .chart-row:nth-child(3) .chart-col .chart-card{height:100%}.home-container .chart-row:nth-child(3) .chart-col .chart-card .chart-content{height:350px}@media screen and (max-width:768px){.home-container{padding:10px}.home-container .card-col{height:120px}.home-container .info-card-item .count-style{font-size:28px}.home-container .info-card-item .card-title{font-size:14px}.home-container .chart-card .chart-title{font-size:14px;padding:12px}.home-container .chart-card .chart-content{padding:12px}.home-container .chart-card .chart-content.donut-chart,.home-container .chart-card .chart-content.service-chart{height:300px}.home-container .chart-card .chart-content.gender-chart{height:250px}}