.app-flex{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.flex-1{-webkit-box-flex:1;-ms-flex:1;flex:1}.app-fe-view{background-color:#dcdfe5;height:100%;border-radius:4px;overflow:hidden;padding:40px;position:relative}.app-fe-view .app-buttons{position:absolute;left:1350px;top:40px}.app-fe-view .app-nav-content{max-width:1280px}.app-fe-view .app-nav{overflow:hidden}.app-fe-view .app-nav__category,.app-fe-view .app-nav__side{height:calc(100vh - 220px);overflow:auto;position:relative}.app-fe-view .app-nav__side{width:160px;background:hsla(0,0%,100%,.6);border-radius:4px;-webkit-box-shadow:0 2px 4px rgba(0,0,0,.12);box-shadow:0 2px 4px rgba(0,0,0,.12)}.app-fe-view .app-nav__side-cat .cat-name{padding:10px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:#8e9298;background:#fff;cursor:pointer;-webkit-transition:all .3s ease-in;transition:all .3s ease-in}.app-fe-view .app-nav__side-cat .cat-name i{margin-right:10px}.app-fe-view .app-nav__side-cat .cat-name i:hover{color:#ff5415}.app-fe-view .app-nav__side-cat .cat-name .label{font-weight:400;font-size:18px}.app-fe-view .app-nav__side-cat .cat-name:hover,.app-fe-view .app-nav__side .active .cat-name{color:#000}.app-fe-view .app-nav__side-ul{margin-left:35px}.app-fe-view .app-nav__side-ul .side-menu{padding:10px 0;position:relative}.app-fe-view .app-nav__side-ul .side-menu:hover a{-webkit-transition:color .2s ease-in;transition:color .2s ease-in;color:#ff5415}.app-fe-view .app-nav__side-ul .side-menu-active a{color:#ff5415;font-weight:700}.app-fe-view .app-nav__side-ul .side-menu-active:after{display:inline-block;content:"";width:12px;height:2px;background:#ff5415;position:absolute;left:-20%;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.app-fe-view .app-nav__category{margin-left:20px;-ms-overflow-style:none;overflow:-moz-scrollbars-none;border-radius:4px;scroll-behavior:smooth}.app-fe-view .app-nav__category::-webkit-scrollbar{width:0!important}.app-fe-view .app-nav__category-warpper{background:hsla(0,0%,100%,.6);padding:20px;border-radius:4px;-webkit-box-shadow:0 2px 4px rgba(0,0,0,.12);box-shadow:0 2px 4px rgba(0,0,0,.12)}.app-fe-view .app-nav__category-warpper+.app-nav__category-warpper{margin-top:20px}.app-fe-view .app-nav__category-warpper .cate-name{margin-bottom:16px;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.app-fe-view .app-nav__category-warpper .cate-name,.app-fe-view .app-nav__category-warpper .cate-name__btns{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.app-fe-view .app-nav__category-warpper .cate-name__btns .iconfont{cursor:pointer}.app-fe-view .app-nav__category-warpper .cate-name__btns .iconfont:hover{color:#ff5415}.app-fe-view .app-nav__category-warpper .cate-name__btns .iconfont+.iconfont{margin-left:10px}.app-fe-view .app-nav__category-warpper .cate-name__btns .app-nav__cate-sort{cursor:move}.app-fe-view .app-nav__category-warpper .nav-links{-ms-flex-wrap:wrap;flex-wrap:wrap}.app-fe-view .app-nav__category-warpper .nav-links .nav{width:20%;padding:10px 0}.app-fe-view .app-nav__category-warpper .nav-links .nav a{position:relative}.app-fe-view .app-nav__category-warpper .nav-links .nav a .error-img,.app-fe-view .app-nav__category-warpper .nav-links .nav a .nav-favicon{width:26px;height:26px;border-radius:4px}.app-fe-view .app-nav__category-warpper .nav-links .nav a .error-img{border-radius:100%;background:#fff;background:hsla(0,0%,100%,.3);opacity:.8}.app-fe-view .app-nav__category-warpper .nav-links .nav a .nav-name{margin-left:12px;cursor:pointer;display:inline-block;padding-right:26px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;word-break:break-all;-ms-text-overflow:ellipsis;text-overflow:ellipsis;overflow:hidden}.app-fe-view .app-nav__category-warpper .nav-links .nav a .nav-star{position:absolute;right:10px;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);font-size:18px;opacity:.8;z-index:9}.app-fe-view .app-nav__category-warpper .nav-links .nav a .nav-star:hover{color:#ff5415}.app-fe-view .app-nav__category-warpper .nav-links .nav a:hover .nav-star{display:inline-block}.app-fe-view .app-nav__category-warpper .nav-links .nav a:hover .nav-star:hover{opacity:1}