.router-tab{display:flex;flex-direction:column;min-height:18.75rem}.router-tab__header{position:relative;z-index:9;display:flex;flex:none;box-sizing:border-box;height:2.5rem;border-bottom:.0625rem solid #eaecef;transition:all .2s ease-in-out}.router-tab__scroll{position:relative;flex:1 1 0;height:2.5rem;overflow:hidden}.router-tab__scroll-container{width:100%;height:100%;overflow:hidden}.router-tab__scroll-container.is-mobile{overflow-x:auto;overflow-y:hidden}.router-tab__scrollbar{position:absolute;right:0;bottom:0;left:0;height:.1875rem;background-color:rgba(0,0,0,.1);border-radius:.1875rem;opacity:0;transition:opacity .3s ease-in-out}.router-tab__scroll:hover .router-tab__scrollbar,.router-tab__scrollbar.is-dragging{opacity:1}.router-tab__scrollbar-thumb{position:absolute;top:0;left:0;height:100%;background-color:rgba(0,0,0,.1);border-radius:.1875rem;transition:background-color .3s ease-in-out}.router-tab__scrollbar-thumb:hover,.router-tab__scrollbar.is-dragging .router-tab__scrollbar-thumb{background-color:rgba(66,185,131,.8)}.router-tab__nav{position:relative;display:inline-flex;flex-wrap:nowrap;height:100%;margin:0;padding:0;list-style:none}.router-tab__item{position:relative;display:flex;flex:none;align-items:center;padding:0 1.25rem;color:#4d4d4d;font-size:.875rem;border:.0625rem solid #eaecef;border-left:none;transform-origin:left bottom;cursor:pointer;transition:all .3s ease-in-out;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.router-tab__item:first-child{border-left:.0625rem solid #eaecef}.router-tab__item.is-contextmenu{color:#000}.router-tab__item.is-active,.router-tab__item:hover{color:#42b983}.router-tab__item.is-active.is-closable,.router-tab__item:hover.is-closable{padding:0 .71875rem}.router-tab__item.is-active .router-tab__item-close,.router-tab__item:hover .router-tab__item-close{width:.8125rem;margin-left:.25rem}.router-tab__item.is-active .router-tab__item-close:after,.router-tab__item.is-active .router-tab__item-close:before,.router-tab__item:hover .router-tab__item-close:after,.router-tab__item:hover .router-tab__item-close:before{border-color:#42b983}.router-tab__item.is-active{border-bottom-color:#fff}.router-tab__item.is-drag-over{background:rgba(0,0,0,.05);transition:background .15s ease}.router-tab__item-title{min-width:1.875rem;max-width:6.25rem;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.router-tab__item-icon{margin-right:.3125rem;font-size:1rem}.router-tab__item-close{position:relative;display:block;width:0;height:.8125rem;margin-left:0;overflow:hidden;border-radius:50%;cursor:pointer;transition:all .3s ease-in-out}.router-tab__item-close:after,.router-tab__item-close:before{position:absolute;top:.375rem;left:50%;display:block;width:.5rem;height:.0625rem;margin-left:-.25rem;background-color:#4d4d4d;transition:background-color .2s ease-in-out;content:""}.router-tab__item-close:before{transform:rotate(-45deg)}.router-tab__item-close:after{transform:rotate(45deg)}.router-tab__item-close:hover{background-color:#a6a6a6}.router-tab__item-close:hover:after,.router-tab__item-close:hover:before{background-color:#fff}.router-tab__container{position:relative;flex:1;overflow-x:hidden;overflow-y:auto;background:#fff;transition:all .4s ease-in-out}.router-tab__container>.router-alive{height:100%}.router-tab__iframe{position:absolute;top:0;left:0;width:100%;height:100%}.router-tab__contextmenu{position:fixed;z-index:999;min-width:7.5rem;padding:.5rem 0;font-size:.875rem;background:#fff;border:.0625rem solid #eaecef;box-shadow:.0625rem .0625rem .25rem 0 rgba(0,0,0,.1);transform-origin:left top;transition:all .25s ease-in}.router-tab__contextmenu-item{position:relative;display:block;padding:0 1.25rem;color:#4d4d4d;line-height:1.875rem;cursor:pointer;transition:all .2s ease-in-out;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.router-tab__contextmenu-item:active,.router-tab__contextmenu-item:hover{color:#42b983}.router-tab__contextmenu-item[disabled]{color:#aaa;background:none;cursor:default;pointer-events:none}.has-icon .router-tab__contextmenu-item{padding-left:1.875rem}.router-tab__contextmenu-icon{position:absolute;top:0;left:.5rem;display:none;line-height:1.875rem}.has-icon .router-tab__contextmenu-icon{display:block}.router-tab-zoom-enter-active,.router-tab-zoom-leave-active{transition:all .4s}.router-tab-zoom-enter,.router-tab-zoom-leave-to{transform:scale(0);opacity:0}.router-tab-swap-enter-active,.router-tab-swap-leave-active{transition:all .5s}.router-tab-swap-enter,.router-tab-swap-leave-to{opacity:0}.router-tab-swap-enter{transform:translateX(-1.875rem)}.router-tab-swap-leave-to{transform:translateX(1.875rem)}.vdr{touch-action:none;border:.0625rem dashed #000}.handle,.vdr{position:absolute;box-sizing:border-box}.handle{width:.625rem;height:.625rem;background:#eee;border:.0625rem solid #333}.handle-tl{top:-.625rem;left:-.625rem;cursor:nw-resize}.handle-tm{top:-.625rem;left:50%;margin-left:-.3125rem;cursor:n-resize}.handle-tr{top:-.625rem;right:-.625rem;cursor:ne-resize}.handle-ml{left:-.625rem;cursor:w-resize}.handle-ml,.handle-mr{top:50%;margin-top:-.3125rem}.handle-mr{right:-.625rem;cursor:e-resize}.handle-bl{bottom:-.625rem;left:-.625rem;cursor:sw-resize}.handle-bm{bottom:-.625rem;left:50%;margin-left:-.3125rem;cursor:s-resize}.handle-br{bottom:-.625rem;right:-.625rem;cursor:se-resize}@media only screen and (max-width:768px){[class*=handle-]:before{content:"";left:-.625rem;right:-.625rem;bottom:-.625rem;top:-.625rem;position:absolute}}