.app-main[data-v-0896282a]{width:100%;height:100%;display:flex;flex-flow:column}.app-main .app-top[data-v-0896282a]{margin:20px;height:280px;min-height:280px;display:flex}.app-main .app-top .base-info[data-v-0896282a]{flex:1;min-width:350px;margin-right:20px;padding:0 10px;background:#fff;box-shadow:0 2px 15px 0 rgba(190,187,187,.5);border-radius:8px;overflow:hidden}.app-main .app-top .base-info .label-span[data-v-0896282a]{margin:0 10px;font-weight:600}.app-main .app-top .base-info .content-span[data-v-0896282a]{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.app-main .app-top .base-info .info-item[data-v-0896282a]{width:100%;height:34px;border-bottom:1px solid #d9d9d9;display:flex;align-items:center}.app-main .app-top .base-info .info-item .content-span[data-v-0896282a]{flex:1}.app-main .app-top .base-info .content-div[data-v-0896282a]{flex:1;width:0}.app-main .app-top .base-info .info-item-two[data-v-0896282a]{width:100%;height:34px;border-bottom:1px solid #d9d9d9;display:flex;align-items:center;justify-content:space-between}.app-main .app-top .base-info .info-item-two .item-left[data-v-0896282a],.app-main .app-top .base-info .info-item-two .item-right[data-v-0896282a]{flex:1;display:flex}.app-main .app-top .base-info .info-item-two .item-left .content-div[data-v-0896282a],.app-main .app-top .base-info .info-item-two .item-right .content-div[data-v-0896282a]{flex:1;overflow:hidden}.app-main .app-top .base-info .state-span[data-v-0896282a]{display:inline-flex;border-radius:2px;padding:0 10px;font-size:12px;font-weight:400}.app-main .app-top .base-info .state_one[data-v-0896282a]{background:#f6ffed;border:1px solid #b7eb8f;color:#52c41a}.app-main .app-top .base-info .state_two[data-v-0896282a]{background:#fffbe6;border:1px solid #ffe58f;color:#faad14}.app-main .app-top .base-info .state_three[data-v-0896282a]{background:rgba(0,78,156,.1);border:1px solid rgba(0,78,156,.5);color:#004e9c}.app-main .app-top .base-info .state_four[data-v-0896282a]{background:rgba(0,0,0,.04);border:1px solid rgba(0,0,0,.15);color:rgba(0,0,0,.25)}.app-main .app-top .base-info .state_five[data-v-0896282a]{background:#fff1f0;border:1px solid #ffa39e;color:#ff4d4f}.app-main .app-top .heatmap[data-v-0896282a]{flex:1;min-width:300px;margin-right:20px;background:#fff;box-shadow:0 2px 15px 0 rgba(190,187,187,.5);padding:20px;display:flex;flex-flow:column}.app-main .app-top .heatmap .row-div[data-v-0896282a]{border-top:1px solid #d9d9d9;border-left:1px solid #d9d9d9;border-right:1px solid #d9d9d9;width:100%;flex:1;display:flex}.app-main .app-top .heatmap .row-div span[data-v-0896282a]{flex:1;border-right:1px solid #d9d9d9}.app-main .app-top .heatmap .row-div span[data-v-0896282a]:last-child{border:none}.app-main .app-top .heatmap .row-div .active-span[data-v-0896282a]{background:red}.app-main .app-top .heatmap .row-div[data-v-0896282a]:last-child{border-bottom:1px solid #d9d9d9}.app-main .app-top .img-div[data-v-0896282a]{flex:3;padding:0 10px;position:relative;background:#fff;box-shadow:0 2px 15px 0 rgba(190,187,187,.5)}.app-main .app-top .title-div[data-v-0896282a]{width:100%;height:40px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #d9d9d9;font-size:15px;font-weight:600;color:#004e9c}.app-main .app-tab[data-v-0896282a]{flex:1;margin:0 20px 20px 20px;background:#fff;box-shadow:0 2px 15px 0 rgba(190,187,187,.5);border-radius:10px;display:flex;flex-flow:column;overflow:auto}.app-main .app-tab .btn-div[data-v-0896282a]{width:100%;height:50px;min-height:50px;background:#042d57;border-radius:8px 8px 0 0;display:flex;justify-content:center}.app-main .app-tab .btn-div span[data-v-0896282a]{display:inline-flex;padding:0 30px;height:100%;align-items:center;color:#fff;cursor:pointer;border-right:1px solid #fff}.app-main .app-tab .btn-div span[data-v-0896282a]:last-child{border:none}.app-main .app-tab .btn-div .active-span[data-v-0896282a]{color:#042d57;border:none;background:#fff}.app-main .app-tab .tab-con[data-v-0896282a]{width:100%;height:100%;flex:1;display:flex}.app-main .app-tab .tab-con .tab-item[data-v-0896282a]{flex:1}.app-main .app-tab .tab-con .info-table[data-v-0896282a]{padding:0 20% 10px}.app-main .app-tab .tab-con .log-div[data-v-0896282a]{padding:10px 0}.app-main .app-tab .tab-con .risk-graph[data-v-0896282a]{width:100%;height:100%;display:flex}