#chart-card{width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}#chart-card>div{padding:0 15px 30px;width:100%}#chart-card>div>div{width:100%;height:100%;padding:30px;border-radius:5px;-webkit-box-sizing:border-box;box-sizing:border-box}#chart-card .amount{-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1}#chart-card .amount>div{background:linear-gradient(103.57deg,#0c2640,#12375e);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}#chart-card .amount>div .amount-top{color:hsla(0,0%,100%,.6);min-width:260px}#chart-card .amount>div .amount-top .amount-date{width:auto;border-radius:3px;overflow:hidden;display:inline-block;color:hsla(0,0%,100%,.7019607843137254);margin-bottom:50px}#chart-card .amount>div .amount-top .amount-date div{display:inline-block;background:rgba(0,0,0,.2);padding:9px 20px}#chart-card .amount>div .amount-top .amount-date div:hover{cursor:pointer}#chart-card .amount>div .amount-top .amount-date .amount-date-active{background:#1a53ff;color:#fff}#chart-card .amount>div .amount-top .amount-list{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}#chart-card .amount>div .amount-top .amount-list p{margin-bottom:10px}#chart-card .amount>div .amount-top .amount-list span{font-size:20px;color:#fff}#chart-card .amount>div .amount-line{width:100%;height:0;border-top:1px solid hsla(0,0%,100%,.15);margin:30px 0}#chart-card .amount>div .amount-bottom{width:100%}#chart-card .amount>div #pay-amount{height:200px}#chart-card .quantity{-webkit-box-ordinal-group:3;-ms-flex-order:2;order:2;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}#chart-card .quantity .quantity-top{background-color:#1a53ff;border-bottom-left-radius:0;border-bottom-right-radius:0}#chart-card .quantity .quantity-bottom{background-color:#123559;border-top-left-radius:0;border-top-right-radius:0}#chart-card .quantity .quantity-bottom .quantity-number{margin-bottom:15px}#chart-card .quantity .quantity-number{color:#fff;font-size:30px;margin-top:15px}#chart-card .quantity .quantity-title{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:center;-ms-flex-align:center;align-items:center}#chart-card .quantity .quantity-title span{color:hsla(0,0%,100%,.6);margin-right:10px}#chart-card .quantity .quantity-title .bi{color:hsla(0,0%,100%,.6)}#chart-card .quantity .quantity-contrast .contrast-text{width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;margin-bottom:5px;color:#ffce80}#chart-card .quantity .quantity-contrast .contrast-text .ordinary{color:#ff8066}#chart-card .quantity .quantity-contrast .contrast-chart{width:100%;height:30px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}#chart-card .personal{-webkit-box-ordinal-group:1;-ms-flex-order:0;order:0}#chart-card .personal>div{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;background-color:#fff}#chart-card .personal>div .personal-line{width:100%;border-top:1px solid #ebeff2;margin:20px 0}#chart-card .personal>div .msg{font-weight:400;font-size:14px;text-align:left;color:#8f8f8f}#chart-card .personal>div .msg p{margin-bottom:15px}#chart-card .personal>div .before-msg{font-weight:400;font-size:14px;text-align:left;color:#8f8f8f}#chart-card .personal>div .latest-post{min-width:250px}#chart-card .personal>div .latest-post .post-title{width:100%;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}#chart-card .personal>div .latest-post .post-title span:first-child{font-weight:700;font-size:14px;color:#000}#chart-card .personal>div .latest-post .post-title span:nth-child(2){font-weight:400;font-size:13px}#chart-card .personal>div .latest-post .post-list{width:100%;padding-top:10px}#chart-card .personal>div .latest-post .post-list .post-item{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;margin-top:15px;cursor:pointer}#chart-card .personal>div .latest-post .post-list .post-item .title{display:block;width:60%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:400;font-size:13px;color:#575757}#chart-card .method{-webkit-box-ordinal-group:5;-ms-flex-order:4;order:4;height:530px}#chart-card .method>div{background-color:#fff;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}#chart-card .pay-statistics{-webkit-box-ordinal-group:6;-ms-flex-order:5;order:5;height:530px}#chart-card .pay-statistics>div{position:relative;background-color:#fff}.personal-title{display:-webkit-box;display:-ms-flexbox;display:flex}.personal-title img{width:50px;height:50px;border-radius:50%;margin-right:15px}.personal-title>div{height:50px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.personal-title>div p{font-size:15px;font-weight:600;margin:0}.quick-start p{margin:0;font-weight:700;font-size:14px;color:#000}.quick-start ul{margin:0;padding:0}.quick-start li{display:inline-block;margin-right:20px;margin-top:20px}.echart-title{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}.echart-title b{font-size:14px;font-weight:600;margin-right:10px}.echart-title .date{width:215px}.echart-title .bi{color:hsla(0,0%,100%,.6)}.pay-statistics>div{position:relative}.pay-statistics>div>b{position:absolute;z-index:9;font-size:14px;font-weight:600;margin-right:10px;top:36px}.pay-statistics>div>.date{position:absolute;top:30px;z-index:9;width:215px;right:30px}.tooltip:hover{cursor:pointer}.ant-empty-normal{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;height:100%}@media screen and (min-width:1024px){#chart-card .personal{-webkit-box-ordinal-group:1;-ms-flex-order:0;order:0;width:100%}#chart-card .personal>div{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}#chart-card .personal>div .personal-line{width:0;height:100%;border-left:1px solid #ebeff2;margin:0 25px}#chart-card .amount{width:100%}#chart-card .amount>div{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}#chart-card .amount>div .amount-line{width:0;height:100%;border-left:1px solid hsla(0,0%,100%,.15);margin:0 30px}#chart-card .amount>div #pay-amount{height:100%}#chart-card .quantity{width:285px}#chart-card .quantity .quantity-top{height:40%}#chart-card .quantity .quantity-bottom{height:60%;position:relative}#chart-card .quantity .quantity-bottom .quantity-contrast{width:calc(100% - 60px);position:absolute;left:30px;bottom:30px}#chart-card .method{width:calc(100% - 285px)}#chart-card .pay-statistics{width:100%;height:530px}}@media screen and (min-width:1366px){#chart-card .personal{-webkit-box-ordinal-group:1;-ms-flex-order:0;order:0;width:100%}#chart-card .amount{width:calc(100% - 265px);-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1}#chart-card .quantity{width:265px}#chart-card .method{width:460px}#chart-card .pay-statistics{width:calc(100% - 460px);-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;height:530px}}@media screen and (min-width:1600px){#chart-card .amount{-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1;width:calc(100% - 600px);-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1}#chart-card .quantity{-webkit-box-ordinal-group:3;-ms-flex-order:2;order:2;width:270px}#chart-card .personal{-webkit-box-ordinal-group:4;-ms-flex-order:3;order:3;width:330px}#chart-card .personal>div{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}#chart-card .personal>div .personal-line{width:100%;height:0;border-top:1px solid #ebeff2;margin:25px 0}#chart-card .method{width:544px}#chart-card .pay-statistics{width:calc(100% - 544px);-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1}}