.af-quick-filter-wrap[data-v-488ce349]{position:relative;padding-top:50px;background-color:#fff;border-radius:4px}[data-theme=dark] * .af-quick-filter-wrap[data-v-488ce349]{background-color:#26272b}.af-quick-header[data-v-488ce349]{position:absolute;top:20px;left:0;padding-bottom:8px;padding-left:20px;width:100%;height:30px;color:#181819;font-weight:700;font-size:14px;line-height:22px}[data-theme=dark] * .af-quick-header[data-v-488ce349]{color:#e1e1e1}.af-quick-filter-main[data-v-488ce349]{padding:8px 20px 0;width:100%;height:100%;overflow:auto}.af-filter-module[data-v-488ce349]{position:relative}.af-filter-module[data-v-488ce349]:not(:first-child){margin-top:16px}.af-filter-module[data-v-488ce349]:not(:last-child){border-bottom:1px solid;border-bottom-color:#d9dbe0}[data-theme=dark] * .af-filter-module[data-v-488ce349]:not(:last-child){border-bottom-color:#70707b}.af-filter-module .af-module-header[data-v-488ce349]{color:#797a7d;font-style:normal;font-weight:400;font-size:12px;line-height:20px}[data-theme=dark] * .af-filter-module .af-module-header[data-v-488ce349]{color:#aaa}.af-filter-module .af-module-content[data-v-488ce349]{margin-top:8px}.af-filter-module.af-score .af-module-content[data-v-488ce349]{margin-bottom:16px;line-height:20px;white-space:nowrap;display:flex;align-items:center;overflow:hidden}.af-filter-module.af-os .af-module-content[data-v-488ce349]{margin-bottom:12px}.af-filter-module.af-browser .af-module-content[data-v-488ce349],.af-filter-module.af-city .af-module-content[data-v-488ce349]{margin-bottom:8px}.af-score-item[data-v-488ce349]{display:inline-block;vertical-align:top;width:33.33333%;height:20px;line-height:20px}.af-score-item[data-v-488ce349] .ant-checkbox+span{padding-left:0;padding-right:0}.af-score-item .af-socre-name[data-v-488ce349]{padding-left:28px;color:#48494b;font-size:12px;background-repeat:no-repeat;background-position:4px}[data-theme=dark] * .af-score-item .af-socre-name[data-v-488ce349]{color:#ccc}.af-browser-item[data-v-488ce349],.af-city-item[data-v-488ce349]{position:relative;font-size:12px;line-height:22px;cursor:pointer}.af-browser-item[data-v-488ce349]:hover,.af-city-item[data-v-488ce349]:hover{background-image:linear-gradient(90deg,rgba(45,150,235,.1),rgba(45,150,235,0))}.af-browser-item.af-checked[data-v-488ce349],.af-city-item.af-checked[data-v-488ce349]{padding-left:28px;background-image:url(../img/icon-check.99d7fe51.svg),linear-gradient(90deg,rgba(45,150,235,.1),rgba(45,150,235,0));background-position:8px,50%;background-repeat:no-repeat}.af-browser-item[data-v-488ce349]:not(:first-child),.af-city-item[data-v-488ce349]:not(:first-child){margin-top:12px}.af-browser-item[data-v-488ce349]:first-child,.af-city-item[data-v-488ce349]:first-child{margin-top:8px}.af-browser-item .af-item-name[data-v-488ce349],.af-city-item .af-item-name[data-v-488ce349]{display:inline-block;vertical-align:top;padding-left:20px;color:#48494b}[data-theme=dark] * .af-browser-item .af-item-name[data-v-488ce349],[data-theme=dark] * .af-city-item .af-item-name[data-v-488ce349]{color:#ccc}.af-browser-item .af-item-value[data-v-488ce349],.af-city-item .af-item-value[data-v-488ce349]{position:absolute;top:0;right:24px;height:100%;color:#797a7d}[data-theme=dark] * .af-browser-item .af-item-value[data-v-488ce349],[data-theme=dark] * .af-city-item .af-item-value[data-v-488ce349]{color:#aaa}.af-browser-item .af-item-chart[data-v-488ce349],.af-city-item .af-item-chart[data-v-488ce349]{position:absolute;top:0;right:0;width:20px;height:100%}.af-city-item .af-item-name[data-v-488ce349]{padding-left:0}.af-city-item .af-item-value[data-v-488ce349]{right:0}.af-os-item[data-v-488ce349]{font-size:12px;line-height:30px;cursor:pointer}.af-os-item[data-v-488ce349]:not(:first-child){margin-top:12px}.af-os-item[data-v-488ce349]:first-child{margin-top:8px}.af-os-item:hover .af-item-top[data-v-488ce349]{background-image:linear-gradient(90deg,rgba(45,150,235,.1),rgba(45,150,235,0))}.af-os-item.af-checked .af-item-top[data-v-488ce349]{padding-left:28px;background-image:url(../img/icon-check.99d7fe51.svg),linear-gradient(90deg,rgba(45,150,235,.1),rgba(45,150,235,0));background-position:8px,50%;background-repeat:no-repeat}.af-os-item .af-item-top[data-v-488ce349]{position:relative;padding-bottom:4px;height:26px;line-height:22px}.af-os-item .af-item-name[data-v-488ce349]{display:inline-block;vertical-align:top;line-height:22px;color:#48494b}[data-theme=dark] * .af-os-item .af-item-name[data-v-488ce349]{color:#ccc}.af-os-item .af-item-value[data-v-488ce349]{position:absolute;top:0;right:0;color:#797a7d;line-height:22px}[data-theme=dark] * .af-os-item .af-item-value[data-v-488ce349]{color:#aaa}.af-os-item .af-item-bar-wrap[data-v-488ce349]{height:4px;width:100%;border-radius:2px;background-color:#c8cace}.af-os-item .af-inner-bar[data-v-488ce349]{height:100%;border-radius:2px}.af-os-item .af-inner-bar.af-color-green[data-v-488ce349]{background-color:#6dc41f}.af-os-item .af-inner-bar.af-color-blue[data-v-488ce349]{background-color:#239cff}.af-os-item .af-inner-bar.af-color-yellow[data-v-488ce349]{background-color:#eda30f}.af-os-item .af-inner-bar.af-color-red[data-v-488ce349]{background-color:#e53e3e}.af-browser-item .af-item-name[data-v-488ce349]{padding-left:0;display:flex;align-items:center}.af-browser-item .af-item-name .browser-icon[data-v-488ce349]{width:20px;height:20px;margin-right:4px}.af-more-btn[data-v-488ce349]{margin-top:12px;text-align:center;color:#147bd1;font-size:12px;line-height:22px}.af-more-btn .af-icon-plus[data-v-488ce349]{margin-right:4px;font-size:12px}.flex-cloumn[data-v-488ce349]{flex-direction:column!important;align-items:normal!important}.af-error-box[data-v-488ce349],.af-success-box[data-v-488ce349]{display:flex;justify-content:space-between;margin-bottom:8px}.af-error-box[data-v-488ce349]{margin-bottom:8px}.error-sign[data-v-488ce349],.success-sign[data-v-488ce349]{display:inline-block;margin-left:10px;position:relative;font-size:14px;line-height:14px}.error-sign[data-v-488ce349]:before,.success-sign[data-v-488ce349]:before{content:"";position:absolute;width:4px;height:100%;top:0;left:-10px;background-color:#e53e3e;border-radius:10px}.success-sign[data-v-488ce349]:before{background-color:#6dc41f}.elapsed-time-detail[data-v-488ce349]{display:flex;justify-content:center;height:22px}.elapsed-time-detail .value[data-v-488ce349]{width:80px;text-align:end;border:1px solid;margin-left:8px;border-radius:4px;border-color:#e8e8e8;padding-right:8px;flex:1;height:20px;line-height:20px}[data-theme=dark] * .elapsed-time-detail .value[data-v-488ce349]{border-color:#555}.elapsed-time-detail .line[data-v-488ce349]{width:12px;height:100%;position:relative;margin:0 8px}.elapsed-time-detail .line[data-v-488ce349]:after{content:"";position:absolute;top:50%;left:0;width:100%;height:0;border-bottom:1px solid;border-bottom-color:#d9dbe0}[data-theme=dark] * .elapsed-time-detail .line[data-v-488ce349]:after{border-bottom-color:#70707b}.ant-slider[data-v-488ce349]{margin-bottom:20px}.chose-list[data-v-488ce349]{margin-top:10px}.af-state-type-box[data-v-488ce349]{position:absolute;top:17px;right:20px}.af-state-type-box .ant-radio-group[data-v-488ce349]{font-size:12px}.ant-checkbox-group[data-v-488ce349]{width:100%}.af-checkbox-item[data-v-488ce349]{display:flex;justify-content:space-between;margin-bottom:8px}.check-label[data-v-488ce349]{display:inline-block;width:200px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:-4px}.show-more[data-v-488ce349]{display:flex;justify-content:center;align-items:center;cursor:pointer;color:#2d96eb}.af-session-playback[data-v-275ecee5]{position:relative;height:100%}.af-header-filter[data-v-275ecee5]{top:0;left:0;width:100%;min-height:56px}.af-session-access-module[data-v-275ecee5]{margin-top:16px;margin-right:12px;padding:42px 20px 0 0;width:100%;height:176px;transition:all .3s}.af-session-access-module.fold[data-v-275ecee5]{height:0;padding:0 20px 0 0;margin-top:0;border:none}.af-session-access-module[data-v-275ecee5]:last-child{margin-right:0!important}.af-session-access-module .chart-container[data-v-275ecee5]{height:134px}.af-session-access-module[data-v-275ecee5] .af-module-header{height:22px}.af-playback-main[data-v-275ecee5]{width:100%;height:calc(100% - 268px);margin-top:16px;transition:padding-left .3s;display:flex;align-items:stretch}.af-playback-main.expand-height[data-v-275ecee5]{margin-top:16px;height:calc(100% - 72px)}.af-playback-main.af-no-aside .af-aside-filter[data-v-275ecee5]{width:0;border-radius:4px;overflow:hidden;margin-right:0}.af-playback-main.af-no-aside .af-session-table-wrap[data-v-275ecee5]{width:100%}.af-aside-filter[data-v-275ecee5]{width:315px;height:100%;margin-right:16px;transition:width .3s}.af-session-table-wrap[data-v-275ecee5]{padding:62px 0 0;width:calc(100% - 330px);height:100%;transition:width .3s}.af-session-table-wrap[data-v-275ecee5] .af-module-header{height:22px}.af-session-table-wrap[data-v-275ecee5] .af-module-section{border-top:1px solid;border-top-color:#d9dbe0;overflow:hidden}[data-theme=dark] * .af-session-table-wrap[data-v-275ecee5] .af-module-section{border-top-color:#3f3f46}.af-session-table-wrap[data-v-275ecee5] .ant-table-fixed-right{box-shadow:none}.af-session-table-wrap .af-icon-expend[data-v-275ecee5]{position:absolute;top:0;left:-12px;width:24px;height:24px;color:#fff;font-size:16px;text-align:center;line-height:24px;background-color:#a9aaae;border-radius:12px;cursor:pointer}.af-session-table-wrap .af-icon-expend.af-close[data-v-275ecee5]{transform:rotateY(180deg)}.af-session-table-wrap .af-col-time[data-v-275ecee5]{display:inline-block;vertical-align:middle;width:150px}.af-session-table-wrap .af-col-playback-btn[data-v-275ecee5]{display:inline-block;vertical-align:middle;font-size:20px;color:#147bd1}.af-table-filter[data-v-275ecee5]{position:absolute;top:0;right:20px;width:374px;white-space:nowrap}.af-table-filter .af-search-input[data-v-275ecee5]{display:inline-block;vertical-align:middle;width:240px}.af-table-filter .af-export-btn[data-v-275ecee5]{display:inline-block;vertical-align:middle;margin-left:12px;padding-left:34px;width:78px;height:32px;color:#48494b;font-size:14px;line-height:30px;border-radius:4px;border:1px solid;border-color:#d9dbe0;cursor:pointer}[data-theme=dark] * .af-table-filter .af-export-btn[data-v-275ecee5]{color:#ccc;border-color:#3f3f46}.af-table-filter .af-export-btn .anticon[data-v-275ecee5]{margin-left:-20px}.af-table-filter .af-export-btn>span[data-v-275ecee5]{margin-left:10px}.af-table-filter .af-export-btn[data-v-275ecee5]:hover{color:#2d96eb;border-color:#2d96eb}.af-table-filter .af-column-setting[data-v-275ecee5]{position:absolute;right:-16px;top:52px;background-color:#fff;z-index:2}[data-theme=dark] * .af-table-filter .af-column-setting[data-v-275ecee5]{background-color:#26272b}.af-has-filter[data-v-275ecee5]{display:inline-block;position:relative;max-width:100%;padding-right:20px}.af-has-filter.with-usename .af-filter-label[data-v-275ecee5]:hover{color:#147bd1}.af-has-filter .af-filter-label[data-v-275ecee5]{max-width:100%;display:inline-block;overflow:hidden;text-overflow:ellipsis;vertical-align:middle}.af-has-filter .af-icon-filter[data-v-275ecee5]{position:absolute;right:0;top:10px;margin-left:2px;width:20px;height:20px;display:none;background:url(../img/filter.6dcdf16d.svg) no-repeat 50%}.af-has-filter .af-icon-filter[data-v-275ecee5]:hover{color:#2d96eb}.af-has-filter:hover .af-icon-filter[data-v-275ecee5]{display:inline-block}.af-experience-span[data-v-275ecee5]{padding-left:28px;background-position:0;background-repeat:no-repeat}.af-browser-span[data-v-275ecee5]{display:flex;align-items:center}.af-browser-span .browser-icon[data-v-275ecee5]{width:20px;height:20px;margin-right:4px}.af-chart-box[data-v-275ecee5]{display:flex}.error-sign[data-v-275ecee5],.success-sign[data-v-275ecee5]{position:relative;width:100%;font-size:14px;line-height:14px;display:inline-block;vertical-align:middle;height:20px}.error-sign[data-v-275ecee5]:before,.success-sign[data-v-275ecee5]:before{content:"";position:absolute;width:4px;height:100%;top:0;left:50%;background-color:#e53e3e;border-radius:10px}.success-sign[data-v-275ecee5]:before{background-color:#6dc41f}.error-code[data-v-275ecee5],.success-code[data-v-275ecee5]{display:inline-block;background-color:#87d068;color:#fff;line-height:14px;padding:4px;border-radius:4px}.error-code[data-v-275ecee5]{background-color:#e53e3e}.af-filter-icon[data-v-275ecee5]{max-width:100%;position:relative;padding-right:20px;display:inline-block}.af-filter-icon .af-filter-label[data-v-275ecee5]{max-width:100%;display:inline-block;overflow:hidden;text-overflow:ellipsis;vertical-align:middle}.af-filter-icon .af-table-icon[data-v-275ecee5]{display:none}.af-filter-icon .af-table-icon .li-icon[data-v-275ecee5]{position:absolute;right:0;top:10px;margin-left:2px;width:20px;height:20px;display:inline-block;background:url(../img/filter.6dcdf16d.svg)}.af-filter-icon .af-table-icon .li-icon[data-v-275ecee5]:hover{color:#2d96eb}.af-filter-icon:hover .af-table-icon[data-v-275ecee5]{display:inline-block}.trace-detial-drawer-title{display:flex;align-items:center}.trace-detial-drawer-title .back-icon{font-size:20px;margin-right:12px}.trace-detial-drawer-title .title{font-size:14px;color:#181819}[data-theme=dark] * .trace-detial-drawer-title .title{color:#e1e1e1}.trace-detail-drawer .ant-drawer-body{height:calc(100% - 60px)}