.page-navs{position:relative;font-size:18px;text-align:left;white-space:nowrap;color:#999}.page-navs .nav-item{display:inline-block;text-align:center}.page-navs .nav-item.active{font-weight:700;color:#ff9924}.page-navs .nav-line{position:absolute;bottom:0;width:40px;height:2px;background:#ff9924;-webkit-transform:translateX(-50%);transform:translateX(-50%);-webkit-transition:left .3s;transition:left .3s}.page-home .base-header{z-index:99;position:absolute;top:0;left:0;width:100%;height:70px;line-height:70px;background-color:#f4f7f4;color:#999;-webkit-box-shadow:0 1px 0 0 #eee;box-shadow:0 1px 0 0 #eee}.page-home .base-header .el-menu{border-bottom:1px solid #f4f7f4;list-style:none;position:relative;margin:0;padding-left:0;background-color:#f4f7f4}.page-home .base-header .el-submenu__title:hover{background-color:#f4f7f4}.page-home .base-header .logo-warp{position:relative;width:180px}.page-home .base-header .logo-warp .logo{cursor:pointer}.page-home .base-header .nickname{font-size:14px;padding:0 16px}.page-home .base-header .nickname .name{padding-left:8px}.page-home .base-header .vline{display:inline-block;width:1px;height:8px;background-color:#d8d8d8}.page-home .base-header .logout{font-size:14px;padding:0 16px}.page-home .left-warp{position:absolute;top:70px;left:0;width:180px;bottom:0;padding:16px 0;overflow:auto;background-color:#f4f7f4}.page-home .left-warp .menu{color:#666}.page-home .left-warp .menu .menu-title{position:relative;height:48px;line-height:48px;padding-left:40px;font-size:16px;font-weight:700;color:#111}.page-home .left-warp .menu .menu-title .el-icon-arrow-up{position:absolute;top:50%;right:30px;margin-top:-8px;-webkit-transform:rotate(0deg);transform:rotate(0deg);-webkit-transition:all .3s;transition:all .3s}.page-home .left-warp .menu .menu-title .el-icon-arrow-up.menu-hide{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.page-home .left-warp .menu .menu-subs{-webkit-transition:height .3s;transition:height .3s;overflow:hidden}.page-home .left-warp .menu .menu-subs .menu-sub{position:relative;font-size:14px;height:40px;line-height:40px;padding:0 0 0 40px}.page-home .left-warp .menu .menu-subs .menu-sub.active{background-color:#fff;color:#ff9924}.page-home .left-warp .menu .menu-subs .menu-sub.active:before{content:"";position:absolute;top:0;left:0;bottom:0;width:4px;background-color:#ff9924}.page-home .right-warp{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;position:absolute;top:70px;left:180px;right:0;bottom:0}.page-home .right-warp .breadcrumb{position:relative;padding:16px 20px;border-bottom:1px solid #f3f5f8;font-size:14px;color:#666}.page-home .right-warp .breadcrumb .bread-item{position:relative;padding:10px}.page-home .right-warp .breadcrumb .bread-item:after{content:"/";position:absolute;top:50%;right:0;font-size:16px;-webkit-transform:translate(50%,-50%);transform:translate(50%,-50%)}.page-home .right-warp .breadcrumb .bread-item:last-child:after{content:""}.page-home .right-warp .breadcrumb:before{content:"";position:absolute;top:50%;left:20px;width:2px;height:12px;-webkit-transform:translateY(-50%);transform:translateY(-50%);background-color:#ff9924}.page-home .right-warp .sub-router{-webkit-box-flex:1;-ms-flex:1;flex:1;padding:15px 30px;overflow:auto}