.af-api-detail-wrap.af-router-view[data-v-e76ae9ec]{position:relative;padding:76px 0 0 24px;width:100%;height:100%;overflow:hidden}.af-api-detail-header[data-v-e76ae9ec]{position:absolute;top:0;left:0;padding:24px 24px 20px;width:100%;height:76px;color:#181819;font-size:20px;font-weight:700;line-height:32px}[data-theme=dark] * .af-api-detail-header[data-v-e76ae9ec]{color:#e1e1e1}.af-api-detail-header .af-header-left[data-v-e76ae9ec]{cursor:pointer}.af-api-detail-header .icon-arrow-left-line[data-v-e76ae9ec]{display:inline-block;vertical-align:middle;margin-right:8px;width:24px;height:24px;color:#48494b;font-size:24px}[data-theme=dark] * .af-api-detail-header .icon-arrow-left-line[data-v-e76ae9ec]{color:#ccc}.af-api-detail-header .af-head-title[data-v-e76ae9ec]{font-weight:700}.af-api-detail-header .af-api-filter-date[data-v-e76ae9ec]{position:absolute;top:21px;right:64px}.af-api-detail-header .af-refresh-btn[data-v-e76ae9ec]{position:absolute;top:21px;right:24px;width:32px;height:32px;color:#797a7d;font-size:20px;line-height:27px;border-radius:4px;border:1px solid transparent;cursor:pointer}[data-theme=dark] * .af-api-detail-header .af-refresh-btn[data-v-e76ae9ec]{color:#aaa}[data-v-e76ae9ec] .af-api-detail-header .af-refresh-btn>svg{vertical-align:middle}.af-api-detail-header .af-refresh-btn[data-v-e76ae9ec]:hover{color:#2d96eb;border-color:#2d96eb}.af-api-detail-section[data-v-e76ae9ec]{position:relative;padding-top:82px;width:100%;height:100%;overflow:hidden}.af-api-detail-section .af-seaction-header[data-v-e76ae9ec]{position:absolute;top:0;left:0;padding:0 20px;width:calc(100% - 24px);height:62px;color:#181819;font-size:14px;line-height:62px;border-radius:4px;background-color:#fff;border:1px solid;border-color:#d9dbe0}[data-theme=dark] * .af-api-detail-section .af-seaction-header[data-v-e76ae9ec]{color:#e1e1e1;background-color:#26272b;border-color:#3f3f46}.af-api-detail-section .af-seaction-header .af-relation-btn[data-v-e76ae9ec]{float:right;margin-top:14px;padding-left:16px;width:106px;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-api-detail-section .af-seaction-header .af-relation-btn[data-v-e76ae9ec]{color:#ccc;border-color:#3f3f46}.af-api-detail-section .af-seaction-header .af-relation-btn[data-v-e76ae9ec]:hover{color:#2d96eb;border-color:#2d96eb}.af-api-detail-section .af-seaction-header .af-relation-icon[data-v-e76ae9ec]{margin-right:4px}.af-api-detail-section .af-scroll-wrap[data-v-e76ae9ec]{position:relative;width:100%;height:100%}.af-api-detail-section .af-scroll-wrap[data-v-e76ae9ec] .el-scrollbar__wrap{padding-right:24px}.af-api-detail-section .af-scroll-wrap.af-no-scroll[data-v-e76ae9ec] .el-scrollbar__wrap{overflow:hidden}.af-api-detail-section .af-scroll-wrap.af-no-scroll[data-v-e76ae9ec] .el-scrollbar__bar{visibility:hidden}.af-api-detail-section .af-module-basic[data-v-e76ae9ec]{padding:0!important;height:158px}.af-api-detail-section .af-module-basic[data-v-e76ae9ec] .af-module-section{height:100%;display:flex;justify-content:space-around}.af-api-detail-section .af-module-basic .af-basic-item[data-v-e76ae9ec]{position:relative;padding-top:88px;width:25%;text-align:center;background-position:center 15px;background-repeat:no-repeat}.af-api-detail-section .af-module-basic .af-basic-item[data-v-e76ae9ec]:not(:last-child):after{position:absolute;content:"";top:59px;right:0;width:0;height:40px;border-left:1px solid;border-left-color:#d9dbe0}[data-theme=dark] * .af-api-detail-section .af-module-basic .af-basic-item[data-v-e76ae9ec]:not(:last-child):after{border-left-color:#70707b}.af-api-detail-section .af-module-basic .af-basic-item .af-item-col[data-v-e76ae9ec]{display:inline-block;width:auto}.af-api-detail-section .af-module-basic .af-basic-item .af-item-col[data-v-e76ae9ec]:first-child{margin-right:16px}.af-api-detail-section .af-module-basic .af-basic-item .af-item-col[data-v-e76ae9ec]:last-child{margin-left:16px}.af-api-detail-section .af-module-basic .af-basic-item .af-item-value[data-v-e76ae9ec]{margin:0;height:32px;color:#147bd1;font-size:24px;font-weight:700;line-height:32px}.af-api-detail-section .af-module-basic .af-basic-item .af-item-unit[data-v-e76ae9ec]{font-weight:700}.af-api-detail-section .af-module-basic .af-basic-item .af-item-name[data-v-e76ae9ec]{height:22px;color:#a9aaae;font-size:14px;font-weight:400;line-height:22px}.af-api-detail-section .af-module-basic .af-basic-item .af-item-radio[data-v-e76ae9ec]{position:relative;margin-left:8px;padding-right:15px;font-size:12px}.af-api-detail-section .af-module-basic .af-basic-item .af-item-radio .af-radio-icon[data-v-e76ae9ec]{font-size:14px;vertical-align:middle}.af-api-detail-section .af-module-basic .af-basic-item .af-item-radio.af-radio-red[data-v-e76ae9ec]{color:#d11429}.af-api-detail-section .af-module-basic .af-basic-item .af-item-radio.af-radio-green[data-v-e76ae9ec]{color:#6dc41f}.af-api-detail-section .af-module-basic .af-basic-item .af-item-radio.af-radio-gray[data-v-e76ae9ec]{color:#48494b}[data-theme=dark] * .af-api-detail-section .af-module-basic .af-basic-item .af-item-radio.af-radio-gray[data-v-e76ae9ec]{color:#ccc}.af-api-detail-section .af-module-basic .af-basic-item.af-icon-total-calls[data-v-e76ae9ec]{background-image:url(../img/icon-total-calls.6d16f637.svg)}.af-api-detail-section .af-module-basic .af-basic-item.af-icon-response-time[data-v-e76ae9ec]{background-image:url(../img/icon-response-time.94df5290.svg)}.af-api-detail-section .af-module-basic .af-basic-item.af-icon-error-rate[data-v-e76ae9ec]{background-image:url(../img/icon-error-rate.38f6cd52.svg)}.af-api-detail-section .af-module-basic .af-basic-item.af-icon-slow-call[data-v-e76ae9ec]{background-image:url(../img/icon-slow-call.403705a8.svg)}.af-api-detail-section .af-module-api-trend[data-v-e76ae9ec]{display:flex;justify-content:space-between;padding-right:0;height:264px}.af-api-detail-section .af-module-api-trend .af-filter-dimension[data-v-e76ae9ec]{position:absolute;top:0;right:20px;width:120px}.af-api-detail-section .af-module-api-trend .af-api-trend[data-v-e76ae9ec]{width:100%;height:100%}.af-api-detail-section .af-module-api-trend .af-col-1[data-v-e76ae9ec],.af-api-detail-section .af-module-api-trend .af-col-2[data-v-e76ae9ec]{width:calc(50% - 10px)}.af-api-detail-section .af-module-api-trend .af-has-chart.af-module-wrap[data-v-e76ae9ec]{padding-left:0;padding-right:0}.af-api-detail-section .af-module-call-details[data-v-e76ae9ec]{padding-left:0;padding-right:0;padding-bottom:0}.af-api-detail-section .af-module-call-details[data-v-e76ae9ec] .af-module-header{top:15px}.af-api-detail-section .af-module-call-details .af-header-right[data-v-e76ae9ec]{position:absolute;top:0;right:20px}.af-api-detail-section .af-module-call-details .af-search-input[data-v-e76ae9ec]{margin-left:12px;width:240px}.af-api-detail-section .af-module-call-details .af-filter-system[data-v-e76ae9ec]{width:122px}.af-api-detail-section .af-module-call-details[data-v-e76ae9ec] .af-module-section{border-top:1px solid;border-top-color:#d9dbe0}[data-theme=dark] * .af-api-detail-section .af-module-call-details[data-v-e76ae9ec] .af-module-section{border-top-color:#3f3f46}.af-api-detail-section .af-module-call-details .af-state-code[data-v-e76ae9ec]{display:inline-block;vertical-align:middle;width:40px;height:24px;color:#fff;font-size:14px;text-align:center;line-height:24px;border-radius:2px}.af-api-detail-section .af-module-call-details .af-state-code.red[data-v-e76ae9ec]{background-color:#e53e3e}.af-api-detail-section .af-module-call-details .af-state-code.pink[data-v-e76ae9ec]{background-color:#d53f8c}.af-api-detail-section .af-module-call-details .af-state-code.yellow[data-v-e76ae9ec]{background-color:#e2a53c}.af-api-detail-section .af-module-call-details .af-state-code.green[data-v-e76ae9ec]{background-color:#6dc41f}.af-api-detail-section .af-module-call-details .af-state-code.blue[data-v-e76ae9ec]{background-color:#239cff}.af-row[data-v-e76ae9ec]{margin-top:20px}.af-column-setting[data-v-e76ae9ec]{position:absolute;right:18px;top:60px}