.export-csv[data-v-f7c4e1e8]{margin-left:20px;font-size:14px;color:#2ef0ff;display:flex;align-items:center;cursor:pointer}.export-csv img[data-v-f7c4e1e8]{width:24px;height:24px}.serve-data-analysis-page{width:100%;height:100%;background:#000a1c;display:flex;justify-content:center;align-items:center;position:relative;overflow:hidden}.serve-data-analysis-page .content{display:flex;margin-top:20px}.serve-data-analysis-page .content .left .paltform-activity{width:450px;height:936px;margin-right:16px;background-image:url(../img/serve-card-6.059a8f5a.png);background-repeat:no-repeat;background-size:450px 936px}.serve-data-analysis-page .content .left .paltform-activity .activity-item{height:293px;width:100%;margin-bottom:10px}.serve-data-analysis-page .content .left .paltform-activity .activity-item:first-child{height:313px}.serve-data-analysis-page .content .left .paltform-activity .activity-item:last-child{margin-bottom:0}.serve-data-analysis-page .content .left .paltform-activity .activity-item .activity-item-top{padding-top:37px;padding-right:27px;display:flex;flex-direction:row-reverse}.serve-data-analysis-page .content .left .paltform-activity .activity-item .activity-item-top .export-csv{visibility:hidden}.serve-data-analysis-page .content .left .paltform-activity .activity-item .activity-item-content{display:flex;justify-content:space-between;padding:80px 30px 50px 30px}.serve-data-analysis-page .content .left .paltform-activity .activity-item .activity-item-content .activity-data .activity-title{color:#fff;font-family:PingFang SC;font-size:20px;font-style:normal;line-height:28px;margin-bottom:45px}.serve-data-analysis-page .content .left .paltform-activity .activity-item .activity-item-content .activity-data .activity-data-num .activity-num{background-image:linear-gradient(180deg,#eef7ff 20%,#b2ccff);-webkit-background-clip:text;color:transparent;font-family:DIN;font-weight:500;font-size:42px;line-height:54px}.serve-data-analysis-page .content .left .paltform-activity .activity-item .activity-item-content .activity-data .activity-data-num .activity-total{background-image:linear-gradient(180deg,#eef7ff 20%,#b2ccff);-webkit-background-clip:text;color:transparent;font-family:DIN;font-weight:500;font-size:20px;margin-left:10px}.serve-data-analysis-page .content .left .paltform-activity .activity-item .activity-item-content .pie-echart-box{width:135px;height:135px}.serve-data-analysis-page .content .right{display:flex;flex-wrap:wrap;flex:1}.serve-data-analysis-page .content .right .paltform-request{width:695px;height:290px;margin-right:16px;background-image:url(../img/serve-card-2.45515460.png);background-repeat:no-repeat;background-size:695px 290px}.serve-data-analysis-page .content .right .paltform-network{width:695px;height:290px;background-image:url(../img/serve-card-3.ff410729.png);background-repeat:no-repeat;background-size:695px 290px}.serve-data-analysis-page .content .right .paltform-cpu{width:1406px;height:383px;margin-top:8px;background-image:url(../img/serve-card-4.bd150229.png);background-repeat:no-repeat;background-size:1406px 383px}.serve-data-analysis-page .content .right .paltform-rank{width:1406px;height:247px;margin-top:8px;background-image:url(../img/serve-card-5.598a9acb.png);background-repeat:no-repeat;background-size:1406px 247px}.serve-data-analysis-page .content .right .paltform-content{padding:0 22px}.serve-data-analysis-page .content .right .paltform-content .content-lable{text-align:right}.serve-data-analysis-page .content .right .paltform-content .content-lable>span{color:hsla(0,0%,100%,.55);font-family:PingFang SC;font-size:16px;font-style:normal;font-weight:500;line-height:22px;margin-right:65px;display:inline-block;width:80px;text-align:center}.serve-data-analysis-page .content .right .paltform-content .cpu-item{display:flex}.serve-data-analysis-page .content .right .paltform-content .cpu-item .cpu-item-left{width:200px;color:#fff;font-family:PingFang SC;font-size:16px;font-style:normal;font-weight:500;line-height:22px}.serve-data-analysis-page .content .right .paltform-content .cpu-item .cpu-item-right{flex:1}.serve-data-analysis-page .content .right .paltform-content .cpu-item .cpu-item-right .el-divider{background-color:hsla(0,0%,100%,.22)}.serve-data-analysis-page .content .right .paltform-content .cpu-item .cpu-item-right .el-divider--horizontal{margin:8px 0}.serve-data-analysis-page .content .right .paltform-content .cpu-item .cpu-item-right .use-ratio-item{display:flex;justify-content:space-between}.serve-data-analysis-page .content .right .paltform-content .cpu-item .cpu-item-right .use-ratio-item .use-ratio-item-title{font-family:PingFang SC;font-size:16px;font-style:normal;font-weight:400;line-height:22px}.serve-data-analysis-page .content .right .paltform-content .cpu-item .cpu-item-right .use-ratio-item .cpu-line-box{height:62px;width:540px}.serve-data-analysis-page .content .right .paltform-content .cpu-item .cpu-item-right .use-ratio-item .paltform-cpu-data>span{display:inline-block;width:80px;text-align:center;color:#fff;font-family:DIN;font-size:20px;font-style:normal;font-weight:700;line-height:22px;margin-right:65px;margin-top:22px}.serve-data-analysis-page .content .right .paltform-content .cpu-item .cpu-item-right .use-ratio-item .paltform-cpu-data .warning{color:#f34b40}.serve-data-analysis-page .content .right .paltform-content .el-divider{background-color:hsla(0,0%,100%,.35)}.serve-data-analysis-page .content .right .paltform-content .el-divider--horizontal{margin:8px 0}.serve-data-analysis-page .content .right .request-line-box{width:649px;height:230px;margin:0 auto}.serve-data-analysis-page .content .right .paltform-table-wrap{display:flex;justify-content:space-between;padding:12px 20px 0 20px}.serve-data-analysis-page .content .right .paltform-table-wrap .paltform-table-item{width:670px}.serve-data-analysis-page .content .right .paltform-table-wrap .paltform-table-item .el-table,.serve-data-analysis-page .content .right .paltform-table-wrap .paltform-table-item .el-table tr{background-color:rgba(0,103,255,.08)}.serve-data-analysis-page .content .right .paltform-table-wrap .paltform-table-item .el-table td{height:40px;color:#fff;border-bottom:2px solid #031939;padding:0!important}.serve-data-analysis-page .paltform-header{display:flex;justify-content:space-between;width:100%;padding:20px 20px 0}.serve-data-analysis-page .paltform-header .paltform-title{font-family:PingFang SC;font-size:20px;color:#fff;line-height:28px;text-shadow:0 0 20px #0067ff;display:flex;align-items:center;position:relative}.serve-data-analysis-page .paltform-header .paltform-right{display:flex;align-items:center}.serve-data-analysis-page .paltform-header .paltform-right .check-all{color:#36b5f4;font-family:PingFang SC;font-size:16px;font-style:normal;font-weight:400;line-height:normal;cursor:pointer;margin-left:20px}.serve-data-analysis-page .paltform-header .paltform-right .full-close{width:24px;height:24px;margin-left:20px;cursor:pointer}.serve-data-analysis-page .paltform-header .export-csv{visibility:hidden}.serve-data-analysis-page .paltform-header .time-granularity{margin-left:20px;color:hsla(0,0%,100%,.6);font-family:PingFang SC;font-size:16px;font-style:normal;font-weight:400;line-height:normal}.data-analysis{position:absolute;width:1920px;height:1080px;padding:0 24px;margin:0 auto;background-size:100%;color:#fff}.data-analysis .full-screen-Icon{position:absolute;display:flex;align-items:center;font-family:PingFang SC;font-weight:500;top:12px;right:24px;color:#2ef0ff;cursor:pointer}.data-analysis_top{width:1122px;height:66px;background-image:url(../img/title.a838c9d6.png);background-size:100% 100%;background-repeat:no-repeat;margin:0 auto;text-align:center;margin-top:20px}.data-analysis_top .header-title{font-family:Microsoft YaHei;font-weight:700;font-size:28px;margin-top:10px;color:#b2ccff;background-image:linear-gradient(180deg,#eef7ff 20%,#b2ccff);-webkit-background-clip:text;color:transparent}.data-analysis .light{position:absolute;content:"";right:-20px;width:500px;height:500px;bottom:50px;z-index:-2;background-image:radial-gradient(50% 50%,rgba(0,54,138,.8) 0,#000a1c 100%)}.data-analysis:before{width:238px;height:282px;left:0;top:0;background-image:url(../img/before.d55f7338.png)}.data-analysis:after,.data-analysis:before{position:absolute;content:"";background-size:contain;pointer-events:none;z-index:-2}.data-analysis:after{width:341px;height:307px;right:0;bottom:0;background-image:url(../img/after.c378f63a.png)}.data-analysis .toolbar{height:36px;color:#b2ccff;display:flex;flex-direction:row-reverse;justify-content:space-between;align-items:center;margin-top:-20px;position:relative}.fullRankTableContent{position:absolute;width:1890px;height:960px;margin-top:100px;z-index:999;background-image:url(../img/full-card.e0c66a1e.png);background-size:1890px 960px;background-repeat:no-repeat}.fullRankTableContent .table-wrap{margin:50px auto 0 auto;width:1840px}.fullRankTableContent .table-wrap .el-table,.fullRankTableContent .table-wrap .el-table tr{background-color:rgba(0,103,255,.08)}.fullRankTableContent .table-wrap .el-table thead tr{background-color:rgba(0,103,255,.12)}.fullRankTableContent .table-wrap .el-table th{background-color:rgba(0,103,255,.12);height:60px;color:#fff;border-bottom:2px solid #031939;padding:0!important}.fullRankTableContent .table-wrap .el-table td{height:53px;color:#fff;border-bottom:2px solid #031939;padding:0!important;font-size:16px}.fullRankTableContent .table-wrap .el-table .cell{padding-left:20px}.fullRankTableContent .rank-dialog-pagination{margin-top:30px;text-align:right}.fullRankTableContent .rank-dialog-pagination .el-pagination__total{font-size:14px;color:hsla(0,0%,100%,.6)}.fullRankTableContent .rank-dialog-pagination .el-pager li{width:36px;height:28px;margin:0 4px;color:#fff;text-align:center;line-height:24px;background-color:transparent;font-size:14px}.fullRankTableContent .rank-dialog-pagination .el-pager .number{border:1px solid #dcdfe6}.fullRankTableContent .rank-dialog-pagination .el-pager .number:hover{color:#fff}.fullRankTableContent .rank-dialog-pagination .el-pager .number.active{background-color:#0067ff;border-color:#0067ff}.fullRankTableContent .rank-dialog-pagination.el-pagination.is-background .btn-next,.fullRankTableContent .rank-dialog-pagination.el-pagination.is-background .btn-prev{min-width:24px;margin:0 4px;background-color:transparent;color:#fff}.fullRankTableContent .rank-dialog-pagination.el-pagination.is-background .btn-next{margin-left:12px;margin-right:0}.fullRankTableContent .rank-dialog-pagination.el-pagination.is-background .btn-prev{margin-right:12px;margin-left:0}.fullRankTableContent .rank-dialog-pagination.el-pagination .btn-next .el-icon,.fullRankTableContent .rank-dialog-pagination.el-pagination .btn-prev .el-icon{display:block;font-size:14px;font-weight:700}.fullRankTableContent .rank-dialog-pagination.el-pagination.is-background .btn-next.disabled,.fullRankTableContent .rank-dialog-pagination.el-pagination.is-background .btn-next:disabled,.fullRankTableContent .rank-dialog-pagination.el-pagination.is-background .btn-prev.disabled,.fullRankTableContent .rank-dialog-pagination.el-pagination.is-background .btn-prev:disabled,.fullRankTableContent .rank-dialog-pagination.el-pagination.is-background .el-pager li.disabled{color:hsla(0,0%,100%,.6)}