.promotionData .filterWrap{position:fixed;width:100%;padding-left:200px;left:0;padding-right:30px;box-sizing:border-box;top:53px;z-index:10;transition:padding-left .4s;height:0;min-width:1100px}.promotionData .filterWrap.sidebarClosed{padding-left:84px}.promotionData .filterBg{background:#fff;padding-top:15px;min-width:1100px}.pad .promotionData .filterBg,.pad .promotionData .filterWrap{min-width:auto}.promotionData .filterBox{position:relative;background-color:#f5f7fa;padding:10px 10px 0;border:1px solid #dcdfe6;box-shadow:0 2px 4px 0 rgba(0,0,0,.12),0 0 6px 0 rgba(0,0,0,.04)}.promotionData .tipText{font-size:14px;color:#ff9008;margin-top:50px;padding-left:10px}.promotionData .overviewWrap{margin-top:10px}.promotionData .overviewBox{width:18.5%;margin-right:1.8%;padding:30px 15px}.promotionData .overviewBox:last-child{margin-right:0;float:right}.promotionData .overviewData{max-width:65%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.promotionData .overviewData,.promotionData .overviewDataK{display:inline-block;font-size:26px;font-weight:700;margin-right:3px;vertical-align:middle}.promotionData .chartTitle{margin-left:50px;font-weight:700;font-size:14px;margin-bottom:10px}.promotionData .overviewRatio{display:inline-block;color:#409eff;vertical-align:middle}.promotionData .overviewNum{white-space:nowrap;overflow:hidden}.promotionData .orangeColor{color:#ff9008}.promotionData .redColor{color:#dd444e}.promotionData .el-icon-bottom{color:red}.promotionData .el-icon-top{color:#91bc9c}.promotionData .overallBarBox{height:300px}.overallBarWrap,.overallLineWrap{width:50%}.overallBar,.overallLine{height:300px}.countryChart{height:400px;width:100%}.countryChartWrap{width:100%}.promotionData .overallTabWrap .el-icon-close,.promotionData .overallTabWrap .el-icon-more{color:#409eff;font-size:14px;cursor:pointer}.promotionData .platDetailWrap{z-index:10;position:fixed;box-shadow:0 0 4px 2px #99999a}.platDetailWrap .platDetailClose{display:inline-block;z-index:11;font-size:16px;top:9px;right:10px;color:#409eff;font-weight:600;cursor:pointer}.promotionData .arpuDetailWrap{z-index:10;position:fixed;box-shadow:0 0 4px 2px #99999a}.promotionData .reserveDetail .iconArrow{bottom:-18px;transform:rotate(180deg);z-index:20}.promotionData .reserveDetail .el-table__empty-block{min-height:35px}.promotionData .reserveDetail .el-table__empty-text{line-height:35px}.arpuDetailWrap .arpuDetailClose{display:inline-block;z-index:11;font-size:16px;top:9px;right:10px;color:#409eff;font-weight:600;cursor:pointer}.deviceChartWrap{height:250px;width:45%}.deviceChart{height:100%}.deviceTabWrap{width:53%}.countryBar,.countryMap,.platBar,.platPie{height:300px;width:50%}.tableWrap .el-table .table_header th,.tableWrap .el-table tr.table_header{background-color:#f5f7fa}.promotionData .dataTipWrap{font-size:16px;font-weight:700;background-color:#f6f5f5;padding:10px}.promotionData .rateBox{right:40px;top:25px;background-color:#fff;z-index:2;border:1px solid #ccc;padding:10px;font-size:14px;font-weight:400}.promotionData .noData{top:0;width:100%;height:100%;text-align:center;font-size:16px;background-color:#fff}.promotionData .countryChartNoData,.promotionData .overallBarNoData,.promotionData .overallLineNoData,.promotionData .platChartNoData{line-height:300px}.promotionData .deviceChartNoData{line-height:250px}.promotionData .appColumn .el-tooltip{width:200px}.promotionData .iconArrow{top:-16px;color:#4da1ff;font-size:18px}@media screen and (max-width:1300px){.promotionData .filterBg,.promotionData .filterWrap{min-width:auto}.promotionData .filterWrap{padding-right:20px}.promotionData .overviewWrap{display:flex;align-items:stretch}.promotionData .tipText{margin-top:55px}}@media screen and (max-width:1200px){.promotionData .filterBg,.promotionData .filterWrap{min-width:auto}.promotionData .filterBox>div:last-of-type{float:none;display:inline-block}.promotionData .filterBox .el-date-editor{width:260px}.promotionData .filterBox .el-select{width:145px}.promotionData .overviewWrap{align-items:stretch}.promotionData .overviewNum{min-height:34px;height:auto;flex-wrap:wrap}.promotionData .overviewBox{padding:5px;width:calc(20% - 10px)}.promotionData .overviewData,.promotionData .overviewDataK{font-size:20px}}