.charts[data-v-6a7f118c]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.charts-item[data-v-6a7f118c]{width:33%;height:330px;margin-top:30px}.charts-title[data-v-6a7f118c]{font-weight:700;border-bottom:1px solid #c8c8c8;margin-left:52px;padding-bottom:20px}.charts-context[data-v-6a7f118c]{height:calc(100% - 40px);display:-webkit-box;display:-ms-flexbox;display:flex}.charts-title-left[data-v-6a7f118c]{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.charts-title-left[data-v-6a7f118c],.charts-title-right[data-v-6a7f118c]{width:50%;height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-pack:distribute;justify-content:space-around}.charts-title-right[data-v-6a7f118c]{-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end}.man[data-v-6a7f118c],.women[data-v-6a7f118c]{width:150px;height:150px}.man-context[data-v-6a7f118c]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.man-title[data-v-6a7f118c]{text-align:center;margin:20px 0 10px}.img[data-v-6a7f118c]{width:70px;height:70px}.font[data-v-6a7f118c]{width:70px;height:70px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-size:24px}.charts-title-right-1[data-v-6a7f118c]{height:60%;width:60px;background-color:green;position:relative;top:-40px}.charts-title-right-2[data-v-6a7f118c]{height:40%;width:60px;background-color:#006680;position:relative;top:-40px}.charts-percent[data-v-6a7f118c]{position:absolute;top:-25px;right:15px}.charts-title-right-title[data-v-6a7f118c]{position:absolute;right:15px;bottom:-25px}.head[data-v-6a7f118c]{border-bottom:1px solid #c8c8c8;padding-bottom:10px;font-weight:600;margin-left:30px}.head-context[data-v-6a7f118c]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.head-context-select[data-v-6a7f118c]{margin-top:20px;margin-left:30px}.head-context-time[data-v-6a7f118c]{margin-top:20px;margin-right:30px}.head-context-time-item[data-v-6a7f118c]{margin-right:20px;padding:4px 8px;border-radius:5px;font-size:14px;cursor:pointer}.head-context-time-item[data-v-6a7f118c]:hover,.select[data-v-6a7f118c]{background-color:#3aa1ff;color:#fff}#myChart[data-v-6a7f118c]{width:100%;height:300px}.box[data-v-6a7f118c]{width:100%;height:120px;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;margin-top:10px;padding:0 30px}.box-item[data-v-6a7f118c],.box[data-v-6a7f118c]{display:-webkit-box;display:-ms-flexbox;display:flex}.box-item[data-v-6a7f118c]{width:30%;height:100%;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;border-right:10px;color:#fff;border-radius:10px}.box-item1[data-v-6a7f118c]{background-color:#3aa1ff}.box-item2[data-v-6a7f118c]{background-color:#dcb519}.box-item3[data-v-6a7f118c]{background-color:#4ecb73}