.base{text-align:center}.base .idoll-layout-header{text-align:center;height:10vh;background-color:rgba(19,184,134,.6)}.base .idoll-layout-sider{background-color:rgba(19,184,134,.8)}.base .idoll-layout-content{background-color:rgba(19,184,134,.4)}.base .idoll-layout-footer{background-color:rgba(19,184,134,.6)}.idoll-layout{box-sizing:border-box;display:flex;height:100vh;flex-direction:column;flex:auto}.idoll-layout-has-sider{flex-direction:row}.idoll-layout-sider,.layout-horizontal .idoll-layout-header .idoll-menu-horizontal li.idoll-menu-item{height:100%}.idoll-layout-sider-miniSlider{width:88px;transition:width .3s}.idoll-layout-sider-normalSlider{width:168px;transition:width .3s}.idoll-layout-header{width:100%;text-align:right}.idoll-layout-content{width:100%;height:100%}.idoll-layout-footer{width:100%}.layout-horizontal .idoll-layout-header{width:100%;color:#fff;display:block;height:56px;background:#2f323b}.layout-horizontal .idoll-layout-header div.logo{float:left;padding:12px 28px}.layout-horizontal .idoll-layout-header div.logo div,.layout-inlineNav .idoll-layout-sider div.logo div,.layout-inlineNav .idoll-layout-sider div.miniLogo div{border-radius:3px;font-size:24px;line-height:32px;height:32px;padding:0 21px;text-align:center;color:rgba(245,245,245,.2);background-color:rgba(245,245,245,.2)}.layout-horizontal .idoll-layout-header .idoll-menu-horizontal{height:100%;float:left}.layout-horizontal .idoll-breadcrumb{background-color:#f5f5f5;padding:16px 24px 0}.layout-horizontal .idoll-layout-content{overflow:auto}.layout-horizontal .idoll-layout-content .content{width:100%;height:100%;background-color:#fff;color:rgba(0,0,0,.6)}.layout-inlineNav .idoll-layout-sider{display:block;position:relative;background-color:#2f323b;transition:width .3s}.layout-inlineNav .idoll-layout-sider div.logo{padding:12px 28px 44px}.layout-inlineNav .idoll-layout-sider div.miniLogo{padding:12px 12px 44px}.layout-inlineNav .idoll-layout-sider div.miniLogo div{font-size:18px;padding:0 4px}.layout-inlineNav .idoll-layout-sider>i:before{position:absolute;left:16px;bottom:16px;cursor:pointer;color:rgba(255,255,255,.6);transition:color .3s}.layout-inlineNav .idoll-layout-sider>i:hover:before{color:#fff;transition:color .3s}.layout-inlineNav .idoll-layout-header{background-color:#fff;font-size:14px;border-left:none}.layout-inlineNav .idoll-layout-header .idoll-icon-message{font-size:16px;color:rgba(0,0,0,.6);cursor:pointer}.layout-inlineNav .idoll-layout-header .idoll-avatar{margin-right:8px!important;margin-left:24px;cursor:pointer}.layout-inlineNav .idoll-layout-header>a,.layout-inlineNav.inlineTabs .idoll-layout .idoll-layout-content>.idoll-tabs div.idoll-tabs-nav-scroll div.idoll-tabs-tab i{margin-right:0}.layout-inlineNav .idoll-layout-header>a i:before{content:"\E6DE";font-family:'idollicon'!important;color:rgba(0,0,0,.6)}.layout-inlineNav .idoll-layout-header>a:hover{color:rgba(0,0,0,.6)}.layout-inlineNav .idoll-layout .idoll-breadcrumb{background-color:#f5f5f5;padding:16px 24px}.layout-inlineNav .idoll-layout .idoll-layout-content{overflow:auto}.layout-inlineNav .idoll-layout .idoll-layout-content>.content{height:100%;background-color:#fff;color:rgba(0,0,0,.6)}.layout-inlineNav.inlineTabs .idoll-layout-header>span{margin-left:24px;margin-right:8px}.layout-inlineNav.inlineTabs .idoll-layout .idoll-layout-content{padding-bottom:24px}.layout-inlineNav.inlineTabs .idoll-layout .idoll-layout-content>.idoll-tabs{display:block;height:100%}.layout-inlineNav.inlineTabs .idoll-layout .idoll-layout-content>.idoll-tabs div.idoll-tabs-bar{margin:0;border-right:1px solid #f5f5f5}.layout-inlineNav.inlineTabs .idoll-layout .idoll-layout-content>.idoll-tabs div.idoll-tabs-bar div.idoll-tabs-nav-container{height:40px}.layout-inlineNav.inlineTabs .idoll-layout .idoll-layout-content>.idoll-tabs div.idoll-tabs-nav-scroll{margin-left:4px}.layout-inlineNav.inlineTabs .idoll-layout .idoll-layout-content>.idoll-tabs div.idoll-tabs-nav-scroll div.idoll-tabs-tab{height:40px;line-height:16px}.layout-inlineNav.inlineTabs .idoll-layout .idoll-layout-content>.idoll-tabs div.idoll-tabs-content{height:100%;overflow:auto}.layout-inlineNav.inlineTabs .idoll-layout .idoll-layout-content>.idoll-tabs div.idoll-tabs-content>.idoll-tabs-tabpane-active{background-color:#fff;height:100%}