.m-wrap[data-v-4fb86fd4]{background:#e9ecf2;overflow-x:hidden}.m-wrap .el-row[data-v-4fb86fd4]{margin-bottom:10px}.m-wrap .el-row[data-v-4fb86fd4]:last-child{margin-bottom:0}.m-wrap .bg-purple[data-v-4fb86fd4]{background:#fff}.m-wrap .bg-purple .grid-title[data-v-4fb86fd4]{height:40px;line-height:40px;border-bottom:1px solid #e9ecf2;font-size:16px;text-align:left;padding:0 20px;font-weight:900}.m-wrap .bg-purple .grid-title .time-filter-title[data-v-4fb86fd4]{font-weight:900;float:left}.m-wrap .bg-purple .grid-title .time-filter li[data-v-4fb86fd4]{float:right;padding:0 5px;color:#5f5f5f;font-size:14px;cursor:pointer;height:30px;line-height:30px;margin-top:5px;border-radius:5px}.m-wrap .bg-purple .grid-title .time-filter .avtive-time[data-v-4fb86fd4]{background:#108ee9;color:#fff}.m-wrap .bg-purple .top-title[data-v-4fb86fd4]{text-align:center}.m-wrap .bg-purple .grid-child[data-v-4fb86fd4]{display:-webkit-box;display:-ms-flexbox;display:flex;height:80px;width:100%}.m-wrap .bg-purple .grid-child>div[data-v-4fb86fd4]{width:11.1111111111%;text-align:center;padding-top:15px}.m-wrap .bg-purple .grid-child>div .com-color[data-v-4fb86fd4]{font-size:24px;margin-top:5px;display:inline-block}.m-wrap .bg-purple .grid-child>div[data-v-4fb86fd4]:hover{-webkit-box-shadow:0 2px 5px rgba(51,51,51,.1411764706);box-shadow:0 2px 5px rgba(51,51,51,.1411764706)}.m-wrap .bg-purple #chart1[data-v-4fb86fd4]{width:100%;height:400px}.m-wrap .bg-purple #chart3[data-v-4fb86fd4]{width:calc(100% - 200px);height:400px}.m-wrap .bg-purple #chart4[data-v-4fb86fd4]{width:calc(100% - 100px);height:460px}.m-wrap .bg-purple #chart2[data-v-4fb86fd4]{width:calc(100% - 300px);height:460px}.m-wrap .bg-purple .newuser[data-v-4fb86fd4]{height:60px;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:10px 30px 0}.m-wrap .bg-purple .newuser .com-num[data-v-4fb86fd4]{font-size:24px}.m-wrap .bg-purple .chart2-box[data-v-4fb86fd4],.m-wrap .bg-purple .chart3-box[data-v-4fb86fd4],.m-wrap .bg-purple .chart4-box[data-v-4fb86fd4]{width:100%;height:460px}.m-wrap .bg-purple .chart3-box .title-weight[data-v-4fb86fd4]{font-weight:900;font-size:16px}.m-wrap .bg-purple .chart3-box .chart3-left[data-v-4fb86fd4]{width:200px;height:400px}.m-wrap .bg-purple .chart3-box .chart3-left .topitems[data-v-4fb86fd4]{padding:40px 10px 0}.m-wrap .bg-purple .chart3-box .chart3-left .topitems li[data-v-4fb86fd4]{height:40px;line-height:40px}.m-wrap .bg-purple .chart3-box .chart3-left .topitems li span[data-v-4fb86fd4]{float:left;margin-right:5px}.m-wrap .bg-purple .chart3-box .chart3-left .topitems li span[data-v-4fb86fd4]:first-child{height:20px;width:20px;line-height:20px;border-radius:50%;text-align:center;background:#f0f2f5;display:inline-block;color:#5a5a5b;margin-top:10px}.m-wrap .bg-purple .chart3-box .chart3-left .topitems li span[data-v-4fb86fd4]:nth-child(2){white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:80px}.m-wrap .bg-purple .chart3-box .chart3-left .topitems li .top-color[data-v-4fb86fd4]{color:#fff!important;background:#000!important}.m-wrap .bg-purple .chart4-right[data-v-4fb86fd4]{width:100px;height:400px}.m-wrap .bg-purple .chart4-right .right-cont[data-v-4fb86fd4]{padding:10px}.m-wrap .bg-purple .chart4-right .right-cont li[data-v-4fb86fd4]{padding:20px 0 0 10px;color:#ccc}.m-wrap .bg-purple .chart4-right .right-cont li[data-v-4fb86fd4]:nth-child(2){font-size:24px;color:#000}.m-wrap .bg-purple .chart2-right[data-v-4fb86fd4]{width:280px;padding:90px 10px 0 0}.m-wrap .bg-purple .chart2-right .right-cont[data-v-4fb86fd4]{padding:10px}.m-wrap .bg-purple .chart2-right .right-cont tr[data-v-4fb86fd4]{border-bottom:none!important;height:40px;line-height:40px}.m-wrap .bg-purple .chart2-right .right-cont tr td[data-v-4fb86fd4]{line-height:28px!important;position:relative;padding:0 5px}.m-wrap .bg-purple .triangle_border_up[data-v-4fb86fd4]{width:0;height:0;border-right:5px solid transparent;border-left:5px solid transparent;border-bottom:10px solid #2fc25b;margin-top:5px}.m-wrap .bg-purple .triangle_border_down[data-v-4fb86fd4]{width:0;height:0;border-right:5px solid transparent;border-left:5px solid transparent;border-top:10px solid #f04864;margin-top:5px}.m-wrap .bg-purple .dot-style[data-v-4fb86fd4]:after{content:"";display:inline-block;position:absolute;left:-15px;top:35%;width:8px;height:8px;border-radius:50%}.m-wrap .bg-purple .com-bg0[data-v-4fb86fd4]:after{background:#1890ff}.m-wrap .bg-purple .com-bg1[data-v-4fb86fd4]:after{background:#2fc25b}.m-wrap .bg-purple .com-bg2[data-v-4fb86fd4]:after{background:#facc14}.m-wrap .bg-purple .com-bg3[data-v-4fb86fd4]:after{background:#f04864}.m-wrap .bg-purple .com-bg4[data-v-4fb86fd4]:after{background:#8543e0}.m-wrap .bg-purple .com-bg5[data-v-4fb86fd4]:after{background:#13c2c2}