| 1 |
- .top-card{-ms-flex-pack:distribute;justify-content:space-around}.top-card,.top-card .item{display:-webkit-box;display:-ms-flexbox;display:flex}.top-card .item{color:#fff;width:20%;padding:30px 30px;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-align:center;-ms-flex-align:center;align-items:center;border-radius:.25rem;-webkit-box-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px 0 rgba(0,0,0,.06);box-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px 0 rgba(0,0,0,.06)}.top-card .item i{font-size:40px}.top-card .item .right{padding-left:20px;text-align:left}.top-card .item .right .data{padding-top:10px;font-weight:700;font-size:20px}.mid-card{-ms-flex-pack:distribute;justify-content:space-around}.mid-card,.mid-card .item{display:-webkit-box;display:-ms-flexbox;display:flex}.mid-card .item{width:20%;padding:30px 30px;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-align:center;-ms-flex-align:center;align-items:center;cursor:pointer}.mid-card .item i{border-radius:50%;padding:15px;font-size:30px;color:#fff}.mid-card .item .right{padding-left:20px;text-align:left}.mid-card .item .right .data{padding-top:10px;font-weight:700;font-size:20px}#myChart{width:100%;height:300px;margin:0 auto}
|
