@media screen and (max-width:1228px){.boxxx .box_body .box_body_H .box_body_B .userNumber{width:12.1%!important}}p{margin:0}.boxxx{min-width:800px}.boxxx .box_heard{width:100%;line-height:50px;display:-webkit-box;display:-ms-flexbox;display:flex;background:#fff}.boxxx .box_heard .box_heard_L{-webkit-box-flex:1;-ms-flex:1;flex:1;color:#077451;padding-left:10px;-webkit-box-sizing:border-box;box-sizing:border-box}.boxxx .box_heard .box_heard_C{-webkit-box-flex:2;-ms-flex:2;flex:2;text-align:center;font-weight:700;font-size:20px}.boxxx .box_heard .box_heard_R{-webkit-box-flex:1;-ms-flex:1;flex:1;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;padding-right:10px;-webkit-box-sizing:border-box;box-sizing:border-box}.boxxx .box_heard .box_heard_R .button{height:30px;line-height:0}.boxxx .box_body{width:100%}.boxxx .box_body .box_body_H p{color:#077451;line-height:25px;font-size:18px;padding-left:10px;-webkit-box-sizing:border-box;box-sizing:border-box}.boxxx .box_body .box_body_H .box_body_B{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.boxxx .box_body .box_body_H .box_body_B .userNumber{border:1px solid #d9d9d9;width:12%;height:80px;border-radius:5px;padding:10px;-webkit-box-sizing:border-box;box-sizing:border-box;background:#fff}.boxxx .box_body .box_body_H .box_body_B .userNumber p{font-size:14px;line-height:20px;color:#333}.boxxx .box_body .box_body_H .box_body_B .userNumber .userContent{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;line-height:40px}.boxxx .box_body .box_body_H .box_body_B .userNumber .userContent :nth-child(2){text-align:right}.boxxx .box_body .box_body_H .box_body_B .userNumber .userContent :nth-child(2) img{width:35px;height:27px;background-size:100% 100%}.boxxx .box_body .chart_Center{height:300px;margin-top:20px;display:-webkit-box;display:-ms-flexbox;display:flex}.boxxx .box_body .chart_Center .total_Events{-webkit-box-flex:1;-ms-flex:1;flex:1;border:1px solid #d9d9d9;border-radius:5px;padding:10px;-webkit-box-sizing:border-box;box-sizing:border-box;background:#fff}.boxxx .box_body .chart_Center .total_Events h4{line-height:30px;margin:0;font-weight:700;height:10%}.boxxx .box_body .chart_Center .total_Events .totalList{height:90%;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.boxxx .box_body .chart_Center .total_Events .totalList,.boxxx .box_body .chart_Center .total_Events .totalList p{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-sizing:border-box;box-sizing:border-box}.boxxx .box_body .chart_Center .total_Events .totalList p span{line-height:25px;color:#042e6f;font-size:22px}.boxxx .box_body .chart_Center .total_Events .totalList p :nth-child(2){font-size:14px;color:#8a9dbc}.boxxx .box_body .chart_Center .total_Chart{-webkit-box-flex:5;-ms-flex:5;flex:5;border:1px solid #d9d9d9;border-radius:5px;margin:0 15px;padding:10px;-webkit-box-sizing:border-box;box-sizing:border-box;background:#fff}.boxxx .box_body .chart_Center .total_Chart .total_Chart_H{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;height:10%;line-height:25px}.boxxx .box_body .chart_Center .total_Chart .total_Chart_H :first-child{font-weight:700}.boxxx .box_body .chart_Center .total_Chart .total_Chart_B{height:90%}.boxxx .box_body .chart_Center .total_Rate{-webkit-box-flex:2;-ms-flex:2;flex:2;border:1px solid #d9d9d9;border-radius:8px;padding:10px;-webkit-box-sizing:border-box;box-sizing:border-box;background:#fff}.boxxx .box_body .chart_Center .total_Rate .total_Rate_H{height:10%;line-height:25px}.boxxx .box_body .chart_Center .total_Rate .total_Rate_H p{font-weight:700}.boxxx .box_body .chart_Center .total_Rate .total_Rate_B{height:90%}.boxxx .box_body .chart_Bottom{height:300px;margin-top:20px;display:-webkit-box;display:-ms-flexbox;display:flex}.boxxx .box_body .chart_Bottom .chart_Bottom_L{-webkit-box-flex:1;-ms-flex:1;flex:1;border:1px solid #d9d9d9;border-radius:5px;padding:10px;-webkit-box-sizing:border-box;box-sizing:border-box;background:#fff}.boxxx .box_body .chart_Bottom .chart_Bottom_L .total_Chart_H{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;height:10%;line-height:25px}.boxxx .box_body .chart_Bottom .chart_Bottom_L .total_Chart_H :first-child{font-weight:700}.boxxx .box_body .chart_Bottom .chart_Bottom_L .total_Chart_H h4{line-height:30px;margin:0;font-weight:700;height:10%}.boxxx .box_body .chart_Bottom .chart_Bottom_L .number_Reported{height:90%}.boxxx .box_body .chart_Bottom .chart_Bottom_C{-webkit-box-flex:2;-ms-flex:2;flex:2;border:1px solid #d9d9d9;border-radius:5px;margin:0 15px;padding:10px;-webkit-box-sizing:border-box;box-sizing:border-box;background:#fff}.boxxx .box_body .chart_Bottom .chart_Bottom_C h4{line-height:30px;margin:0;font-weight:700;height:10%}.boxxx .box_body .chart_Bottom .chart_Bottom_C .diagram{height:90%}.boxxx .box_body .chart_Bottom .chart_Bottom_R{-webkit-box-flex:1;-ms-flex:1;flex:1;border:1px solid #d9d9d9;border-radius:5px;padding:10px;-webkit-box-sizing:border-box;box-sizing:border-box;background:#fff}.boxxx .box_body .chart_Bottom .chart_Bottom_R .chart_BB{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-line-pack:justify;align-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:4px;-webkit-box-sizing:border-box;box-sizing:border-box}.boxxx .box_body .chart_Bottom .chart_Bottom_R .chart_BB h4{line-height:30px;margin:0;font-weight:700;height:10%}.boxxx .box_body .chart_Bottom .chart_Bottom_R .chart_BB .el-input__inner{width:150px}.boxxx .box_body .chart_Bottom .chart_Bottom_R .chart_Top{width:100%;height:44%;margin:0;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}.boxxx .box_body .chart_Bottom .chart_Bottom_R .chart_Top .c_L:first-child{border:1px solid #d9d9d9}.boxxx .box_body .chart_Bottom .chart_Bottom_R .chart_Top .c_L:nth-child(2){border:1px solid #d9d9d9;border-left:0}.boxxx .box_body .chart_Bottom .chart_Bottom_R .chart_Top .c_L:nth-child(3){border:1px solid #d9d9d9;border-top:0;border-bottom:0}.boxxx .box_body .chart_Bottom .chart_Bottom_R .chart_Top .c_L{width:50%;height:50%;padding:5px;-webkit-box-sizing:border-box;box-sizing:border-box}.boxxx .box_body .chart_Bottom .chart_Bottom_R .chart_Top .c_L h4{display:-webkit-box;display:-ms-flexbox;display:flex;height:50%;margin:0;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.boxxx .box_body .chart_Bottom .chart_Bottom_R .chart_Top .c_L h4 :first-child{color:#042e6f;font-size:16px}.boxxx .box_body .chart_Bottom .chart_Bottom_R .chart_Top .c_L h4 :nth-child(2){color:#8a9dbc;font-size:10px}.boxxx .box_body .chart_Bottom .chart_Bottom_R .chart_Top .c_L p{display:-webkit-box;display:-ms-flexbox;display:flex;height:60%;margin:0;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.boxxx .box_body .chart_Bottom .chart_Bottom_R .chart_Top .c_L p :first-child{display:inline-block;border:1px solid #d9d9d9;border-radius:2px;width:80%;height:50%}.boxxx .box_body .chart_Bottom .chart_Bottom_R .chart_Top .c_L p :first-child i{display:block;margin:0;padding:0;width:80%;height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;background:#1fa755;border:0;font-size:8px;text-align:center;font-style:normal;color:#f5f5f5}.boxxx .box_body .chart_Bottom .chart_Bottom_R .chart_Top .c_L p :nth-child(2){color:#1fa755;font-size:10px;width:20%;text-align:right}.boxxx .box_body .chart_Bottom .chart_Bottom_R .chart_Btm{width:100%;height:44%;margin:0;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}.boxxx .box_body .chart_Bottom .chart_Bottom_R .chart_Btm .c_L:first-child{border:1px solid #d9d9d9}.boxxx .box_body .chart_Bottom .chart_Bottom_R .chart_Btm .c_L:nth-child(2){border:1px solid #d9d9d9;border-left:0}.boxxx .box_body .chart_Bottom .chart_Bottom_R .chart_Btm .c_L:nth-child(3){border:1px solid #d9d9d9;border-top:0}.boxxx .box_body .chart_Bottom .chart_Bottom_R .chart_Btm .c_L{width:50%;height:50%;padding:5px;-webkit-box-sizing:border-box;box-sizing:border-box}.boxxx .box_body .chart_Bottom .chart_Bottom_R .chart_Btm .c_L h4{display:-webkit-box;display:-ms-flexbox;display:flex;height:50%;margin:0;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.boxxx .box_body .chart_Bottom .chart_Bottom_R .chart_Btm .c_L h4 :first-child{color:#042e6f;font-size:16px}.boxxx .box_body .chart_Bottom .chart_Bottom_R .chart_Btm .c_L h4 :nth-child(2){color:#8a9dbc;font-size:10px}.boxxx .box_body .chart_Bottom .chart_Bottom_R .chart_Btm .c_L p{display:-webkit-box;display:-ms-flexbox;display:flex;height:60%;margin:0;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.boxxx .box_body .chart_Bottom .chart_Bottom_R .chart_Btm .c_L p :first-child{display:inline-block;border:1px solid #d9d9d9;border-radius:2px;width:80%;height:50%}.boxxx .box_body .chart_Bottom .chart_Bottom_R .chart_Btm .c_L p :first-child i{display:block;margin:0;padding:0;width:80%;height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;background:#ff3600;border:0;font-size:8px;text-align:center;font-style:normal;color:#f5f5f5}.boxxx .box_body .chart_Bottom .chart_Bottom_R .chart_Btm .c_L p :nth-child(2){color:#ff3600;font-size:10px}.area /deep/ .el-dialog{width:12%}