.webSendDataChart{margin:10px}.webSendDataChart canvas{z-index:1}.webSendDataChart .title{height:3rem;font-size:16px;font-weight:700;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}.webSendDataChart .title .bg{font-weight:400;padding:4px 8px;color:#fff}.webSendDataChart .title .color-1{background:#72a5f1}.webSendDataChart .title .color-2{background:#3cea79}.webSendDataChart .title .color-3{background:#394890}.webSendDataChart .title .color-4{background:#c6e038}.webSendDataChart .box-wrapper{display:-webkit-box;display:-ms-flexbox;display:flex}.webSendDataChart .box-wrapper>div{width:25%;height:150px;margin:8px;background:#fff}.webSendDataChart .box-wrapper>div .box-content{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-line-pack:center;align-content:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;padding:10px;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.webSendDataChart .box-wrapper>div .box-content .data-content{font-size:40px;color:#888;font-weight:700}.webSendDataChart .box-wrapper>div .box-content .content-subtitle{margin:10px 0 0 10px;font-size:14px}.webSendDataChart .box-chart{margin:8px;background:#fff;height:350px}.webSendDataChart .box-footer{display:-webkit-box;display:-ms-flexbox;display:flex}.webSendDataChart .box-footer>div{width:50%;height:300px;margin:8px;background:#fff;overflow:hidden}