.score-index-detail{width:550px}.score-index-detail .detail-row{display:flex;align-items:flex-start}.score-index-detail .detail-title{margin-bottom:15px;font-size:16px;font-weight:600}.score-index-detail table{flex:1;border-top:1px solid #ddd;border-right:1px solid #ddd}.score-index-detail table tr:first-child td{background-color:#f0f0f0}.score-index-detail .td-title,.score-index-detail .td-value{border-left:1px solid #ddd;border-bottom:1px solid #ddd;padding:10px;width:33.333333%}.score-index-detail .is-selected td{background-color:#bdd0ec}.score-index-detail .detail-chart{flex:none;width:400px;display:flex;align-items:flex-start}.score-index-detail .detail-chart .info-list{flex:3;display:flex;flex-direction:column;height:250px;padding-bottom:20px}.score-index-detail .detail-chart .info-item{flex:1;margin-bottom:10px;padding:5px 0;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;cursor:pointer}.score-index-detail .detail-chart .info-item:hover{color:#3571c5}.score-index-detail .detail-chart .info-item:last-child{margin-bottom:0}.score-index-detail .detail-chart .item-value{font-size:24px;font-weight:600;text-decoration:underline}.score-index-detail .detail-chart .item-unit{text-decoration:none}.score-index-detail .detail-chart .item-label{font-size:16px;display:flex;align-items:center}.score-index-detail .detail-chart .item-color{width:14px;height:14px;border-radius:4px;margin-right:10px}.score-index-detail .detail-chart .item-unit{font-size:16px;font-weight:400}.score-index-detail .detail-chart .chart-custom{width:250px;height:250px}.score-index-detail .detail-chart .chart-custom .no-data{top:50%;transform:translate(-50%,-50%)}.app-checking-detail{overflow:hidden}.app-checking-detail .top-info{display:flex;align-items:center;padding:14px}.app-checking-detail .top-info .info-item{flex:1;display:flex;align-items:center;margin-right:12px;padding:12px;border:1px solid #e5e5e5;height:66px;border-radius:4px}.app-checking-detail .top-info .info-item:first-child{color:#21c996}.app-checking-detail .top-info .info-item:first-child .item-icon{background-color:rgba(33,201,150,.1)}.app-checking-detail .top-info .info-item:nth-child(2){color:#f5a914}.app-checking-detail .top-info .info-item:nth-child(2) .item-icon{background-color:rgba(230,162,30,.1)}.app-checking-detail .top-info .info-item:nth-child(3){color:#4265e4}.app-checking-detail .top-info .info-item:nth-child(3) .item-icon{background-color:rgba(66,101,228,.1)}.app-checking-detail .top-info .info-item:nth-child(4){color:#e44290}.app-checking-detail .top-info .info-item:nth-child(4) .item-icon{background-color:rgba(228,66,144,.1)}.app-checking-detail .top-info .info-item:nth-child(5){color:#42c7e4}.app-checking-detail .top-info .info-item:nth-child(5) .item-icon{background-color:rgba(66,199,228,.1)}.app-checking-detail .top-info .info-item:nth-child(6){color:#1e90ff;margin-right:0}.app-checking-detail .top-info .info-item:nth-child(6) .item-icon{background-color:rgba(30,144,255,.1)}.app-checking-detail .top-info .item-icon{margin-right:16px;width:42px;height:42px;border-radius:6px;display:flex;align-items:center;justify-content:center}.app-checking-detail .top-info .item-icon i{font-size:18px}.app-checking-detail .top-info .item-label{color:#666}.app-checking-detail .top-info .item-value{color:#333;font-weight:600;font-size:18px}.app-checking-detail .main-info .index-detail{flex:none;margin-left:20px;width:523px;background:linear-gradient(0,rgba(66,101,228,.15),#fff 20%,#fff 50%,rgba(66,101,228,.15));border-radius:6px;box-shadow:4px 4px 10px 0 rgba(0,0,0,.15)}.app-checking-detail .main-info .index-detail .info-name{line-height:1;margin:18px 20px;font-size:20px;font-weight:600}.app-checking-detail .main-info .index-detail-info{display:flex;align-items:flex-start}.app-checking-detail .main-info .index-detail .info-list{flex:3;display:flex;flex-direction:column;height:332px;padding-bottom:20px}.app-checking-detail .main-info .index-detail .info-item{flex:1;margin-bottom:10px;padding:5px 0;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;cursor:pointer}.app-checking-detail .main-info .index-detail .info-item:hover{color:#3571c5}.app-checking-detail .main-info .index-detail .info-item:last-child{margin-bottom:0}.app-checking-detail .main-info .index-detail .item-value{font-size:24px;font-weight:600}.app-checking-detail .main-info .index-detail .item-label{display:flex;align-items:center}.app-checking-detail .main-info .index-detail .item-color{width:14px;height:14px;border-radius:4px;margin-right:10px}.app-checking-detail .main-info .index-detail .item-unit{font-size:16px;font-weight:400}.app-checking-detail .main-info .index-detail .chart-custom{flex:7;height:332px}.app-checking-detail .main-info .index-detail .chart-custom .no-data{top:50%;transform:translate(-50%,-50%)}.app-checking-detail .main-info .index-detail .chart-bg{position:absolute;width:185px;height:185px;box-shadow:0 0 10px 0 rgba(0,0,0,.25);border-radius:50%;left:50%;top:50%;transform:translate(-50%,-50%)}.app-checking-detail .main-info .main-top{display:flex;align-items:flex-start}.app-checking-detail .main-info .index-info{flex:6}.app-checking-detail .main-info .index-info .el-table__row{cursor:pointer}.app-checking-detail .main-info .index-info td,.app-checking-detail .main-info .index-info th{height:40px;line-height:40px}.app-checking-detail .main-info .index-info.is-four td,.app-checking-detail .main-info .index-info.is-four th{height:67px;line-height:67px}.app-checking-detail .main-info .index-info .el-table__footer-wrapper{font-size:18px;font-weight:600}.app-checking-detail .main-info .index-info .el-table__footer-wrapper tbody td.el-table__cell{background-color:#ebeef6;color:#333;height:54px;line-height:54px}.app-checking-detail .main-info .index-info .color-other{color:#999}.app-checking-detail .main-info .index-info .color-danger{color:#dd2e23}.app-checking-detail .main-info .index-info .color-success{color:#27a412}.app-checking-detail .main-info tr.current-row>td{background-color:#bcc7ea}.app-checking-detail .main-info .app-detail-table-info{margin-top:20px}.app-checking-detail .main-info .app-detail-table-info .info-title{margin-bottom:16px;display:flex;align-items:center;justify-content:space-between}.app-checking-detail .main-info .app-detail-table-info .info-title .el-button{margin-left:30px}.app-checking-detail .main-info .app-detail-table-info .title-text{border-left:4px solid #5a84c1;line-height:1;padding-left:8px;font-weight:600;font-size:18px}.app-checking-detail .main-info .cart-list{margin-top:20px}.app-checking-detail .main-info .cart-list .card-row{display:flex;gap:16px;margin-bottom:16px}.app-checking-detail .main-info .cart-list .card-item{width:calc(20% - 16px);flex:none;border:1px solid #ddd;border-radius:5px;box-shadow:0 0 5px #f0f0f0;padding:10px}.app-checking-detail .main-info .cart-list .card-item:hover{background-color:#f0f0f0}.app-checking-detail .main-info .cart-list p{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:1.5}.app-checking-detail .main-info .cart-list .no-data{text-align:center;font-size:20px;font-weight:500;margin-top:20px}.app-checking-detail .base-info table{width:100%;border-top:1px solid #ddd;border-right:1px solid #ddd;border-radius:6px;box-shadow:4px 4px 10px 0 rgba(0,0,0,.15)}.app-checking-detail .base-info .td-title,.app-checking-detail .base-info .td-value{width:16.66667%;border-left:1px solid #ddd;border-bottom:1px solid #ddd;padding:10px}.app-checking-detail .base-info .td-title{background-color:#f5f7fa}.app-checking-detail .base-info-title{margin:20px 0;font-size:16px;font-weight:600}.app-checking-detail .flow-detail{position:relative}.app-checking-detail .flow-detail .score-index-detail{width:100%;margin-bottom:20px}.app-checking-detail .flow-detail .score-index-detail .detail-chart{flex:1;width:auto}.app-checking-detail .flow-detail .el-table--border{border:1px solid #ebeef5}.app-checking-detail .flow-detail .el-pagination{position:relative}.app-checking-detail .flow-detail .detail-tips{position:absolute;right:0;top:7px}.app-checking-detail .chart-row{border-radius:6px;box-shadow:4px 8px 10px 0 rgba(0,0,0,.1)}.app-checking-detail .chart-row:first-child{margin-bottom:20px}.app-checking-detail .chart-row:last-child{margin-bottom:0}.app-checking-detail .chart-row-title{margin-bottom:15px;display:flex;align-items:center;justify-content:space-between}.app-checking-detail .chart-row .title-text{font-weight:600;border-left:4px solid #5a84c1;line-height:1;padding-left:8px;font-size:16px}.app-checking-detail .chart-row .title-right{display:flex;align-items:center}.app-checking-detail .chart-row .el-button{width:40px;min-width:40px;margin-right:10px}.app-checking-detail .chart-row .chart-custom{height:300px}.app-checking-detail .index-item{flex:1;height:auto;margin-right:20px;padding-bottom:20px;position:relative;box-shadow:0 2px 12px 0 rgba(0,0,0,.2);border-radius:10px;background:linear-gradient(0,rgba(66,101,228,.15),#fff 27%,#fff)}.app-checking-detail .index-item:last-child{margin-right:0}.app-checking-detail .index-item-title{display:flex;align-items:center;justify-content:space-between;padding:15px;font-size:16px;font-weight:400}.app-checking-detail .index-item .item-title-left{display:flex;align-items:center}.app-checking-detail .index-item .item-title-right{font-size:20px;font-weight:600}.app-checking-detail .index-item .el-icon-question{color:#333}.app-checking-detail .index-item .chart-info{display:flex;align-items:center;justify-content:space-evenly}.app-checking-detail .index-item .result-info{padding-left:24px}.app-checking-detail .index-item .info-label{margin-bottom:15px}.app-checking-detail .index-item .info-value{font-size:28px;font-weight:600}.app-checking-detail .index-item .chart-custom{height:160px;width:160px}.app-checking-detail .index-item .chart-bg{position:absolute;width:100px;height:100px;box-shadow:0 0 10px 0 rgba(0,0,0,.25);border-radius:50%;left:50%;top:50%;transform:translate(-50%,-50%)}.app-checking-detail .index-item .legend-list{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;margin-top:10px}.app-checking-detail .index-item .legend-item{white-space:nowrap;font-size:12px;margin-right:15px;cursor:pointer}.app-checking-detail .index-item .legend-item:hover{opacity:.8}.app-checking-detail .index-item .item-color{width:8px;height:8px;border-radius:2px;margin-right:6px;display:inline-block}@media screen and (max-width:1440px){.app-checking-detail .index-item-title{font-size:14px}}.app-checking-detail .flow-analysis{padding-top:5px;padding-right:5px}.app-checking-detail .flow-analysis .chart-row{margin-bottom:0}.app-checking-detail .box-item{border-radius:5px;border-left:8px solid;box-shadow:0 2px 12px 0 rgba(0,0,0,.1);padding:8px;flex:1;height:240px}.app-checking-detail .box-item .box-title{font-weight:600;margin-bottom:6px}.app-checking-detail .box-item table{width:100%}.app-checking-detail .box-item .td-cell{padding:8px;border-bottom:1px solid #eee}.app-checking-detail .box-item tr:last-child .td-cell{border-bottom:none}.app-checking-detail .box-item .td-label{color:#888}.app-checking-detail .box-item .td-value{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-weight:600;font-size:16px;margin:2px 0 5px}.app-checking-detail .box-item:first-child{border-left-color:#21c996}.app-checking-detail .box-item:nth-child(2){border-left-color:#f6bc49}.app-checking-detail .box-item:nth-child(3){border-left-color:#4265e4}.app-checking-detail .box-item:nth-child(4){border-left-color:#e44290}.app-checking-detail .box-item .no-data{text-align:center;margin-top:60px;font-size:18px}.app-checking-detail .flow-detail-info{display:flex;align-items:flex-start;margin-bottom:20px;padding:0 10px 0 3px}.app-checking-detail .flow-detail-info .detail-chart{position:relative;flex:64;display:flex;align-items:center;justify-content:center;height:287px;background:linear-gradient(0,rgba(66,101,228,.15),#fff 20%,#fff 50%,rgba(66,101,228,.15));border-radius:6px;box-shadow:4px 4px 10px 0 rgba(0,0,0,.15)}.app-checking-detail .flow-detail-info .detail-chart:last-child{flex:36;justify-content:space-around}.app-checking-detail .flow-detail-info .detail-chart:last-child .chart-custom{margin-right:0}.app-checking-detail .flow-detail-info .detail-chart:last-child .legend-list{display:block}.app-checking-detail .flow-detail-info .detail-chart:last-child .legend-item{display:flex;align-items:center;margin-right:0!important;height:48px;line-height:48px}.app-checking-detail .flow-detail-info .detail-chart:last-child .item-value{margin:0 10px}.app-checking-detail .flow-detail-info .detail-info-tips{position:absolute;left:465px;bottom:10px;color:#888}.app-checking-detail .flow-detail-info .chart-custom{width:230px;height:230px;margin-right:80px}.app-checking-detail .flow-detail-info .chart-custom .no-data{top:50%;transform:translate(-50%,-50%)}.app-checking-detail .flow-detail-info .chart-bg{position:absolute;width:160px;height:160px;box-shadow:0 0 10px 0 rgba(0,0,0,.25);border-radius:50%;left:50%;top:50%;transform:translate(-50%,-50%)}.app-checking-detail .flow-detail-info .detail-info{height:100%}.app-checking-detail .flow-detail-info .detail-title{font-size:24px;line-height:1;font-weight:600;margin-top:45px;margin-bottom:20px;display:flex;align-items:center}.app-checking-detail .flow-detail-info .score-text{margin-left:14px;padding:0 20px;height:42px;line-height:42px;border-radius:8px;font-size:24px;font-weight:600;background-color:rgba(0,190,110,.2);color:#00be6e}.app-checking-detail .flow-detail-info .score-text.is-bad{background-color:rgba(245,108,108,.2);color:#f56c6c}.app-checking-detail .flow-detail-info .detail-description{color:#666;font-size:16px;line-height:1.2;margin-bottom:75px}.app-checking-detail .flow-detail-info .legend-list{display:flex;align-items:center}.app-checking-detail .flow-detail-info .legend-item{cursor:pointer;margin-right:80px}.app-checking-detail .flow-detail-info .legend-item>div{display:flex;align-items:center}.app-checking-detail .flow-detail-info .legend-item:hover{color:#3571c5}.app-checking-detail .flow-detail-info .item-value{font-size:32px;font-weight:600}.app-checking-detail .flow-detail-info .item-unit{font-size:12px}.app-checking-detail .flow-detail-info .item-label{font-size:16px}.app-checking-detail .flow-detail-info .item-color{width:14px;height:14px;border-radius:4px;margin-right:10px}.app-checking-detail .flow-detail-info .item-unit{font-size:16px;font-weight:400}.app-checking-detail .flow-detail-info .is-tips{margin:10px 0 50px}@media screen and (max-width:1600px){.app-checking-detail .flow-detail-info .legend-item{margin-right:40px}}.app-checking-detail .el-tabs__item.is-active{color:#345d97;font-weight:500}.app-checking-detail .el-tabs__active-bar{background-color:#345d97}.app-checking-detail .detail-back{display:flex;align-items:center;justify-content:flex-end;margin-bottom:30px}.app-checking-detail .detail-content{height:calc(100% - 177px);margin-bottom:0;overflow:auto;position:relative}.app-checking-detail .detail-info{overflow-y:auto;overflow-x:hidden;height:calc(100% - 54px);padding-right:10px}.app-checking-detail .index-item-list{display:flex;align-items:center;margin-bottom:20px;margin-top:5px;margin-left:5px}.app-checking-detail .box-wrapper{display:flex;align-items:flex-start;gap:16px;margin-bottom:20px}.app-checking-detail .el-table{border-radius:6px;box-shadow:4px 4px 10px 0 rgba(0,0,0,.15)}.app-checking-detail .el-table th{background-color:#f5f7fa!important;color:#333!important;font-weight:600}.app-checking-detail .ipv6-detail .index-item-list .index-item:last-child{margin-right:7px}.app-checking-detail .ipv6-detail .chart-custom .no-data{font-size:20px;top:50%;transform:translate(-50%,-50%)}.app-checking-detail .ipv6-detail .chart-bar .chart-custom{width:100%;height:193px}.app-checking-detail .link-flow-detail .chart-custom .no-data{font-size:20px;top:50%;transform:translate(-50%,-50%)}.app-checking-detail .link-flow-detail .chart-bar .chart-custom{width:100%;height:188px}.app-detail-popper{max-width:1200px;border:none!important;box-shadow:0 0 10px #aaa}.app-detail-popper .header-tips p{font-size:14px;line-height:1.5}.app-detail-popper .header-tips .color-other{color:#999}.app-detail-popper .header-tips .color-danger{color:#dd2e23}.app-detail-popper .header-tips .color-success{color:#27a412}