.homeCardComponent{padding:15px;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;min-width:200px;min-height:200px;border-radius:16px}.homeCardComponent .top{font-size:22px;margin:12px 0 12px 12px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.homeCardComponent .top .today{font-size:14px;padding:8px 16px;border:1px solid;border-radius:4px}.homeCardComponent .nums{margin:8px;font-size:48px}.homeCardComponent .footer{height:115px;font-size:16px;padding:12px 0;border-radius:8px;background-color:hsla(0,0%,100%,.8);-webkit-box-shadow:0 10px 20px 1px rgba(27,85,175,.0500000007);box-shadow:0 10px 20px 1px rgba(27,85,175,.0500000007);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:distribute;justify-content:space-around}.homeCardComponent .footer .item{margin:0 12px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:#333}.homeCardComponent .footer .item .precent span{margin-left:18px}.homeCardComponent .footer .item .precent .redP{color:#d04a41}.homeCardComponent .footer .item .precent .greenP{color:#427a0a}.homeCardComponent .footer .item .precent .triangle{width:0;height:0;position:relative;border:8px solid}.homeCardComponent .footer .item .precent .up{position:relative;top:-12px;border-color:transparent transparent #d04a41 transparent}.homeCardComponent .footer .item .precent .down{position:relative;top:12px;border-color:#427a0a transparent transparent transparent}