#navbar .small-navbar{position:fixed;left:0;top:50%;z-index:1000;width:100px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:20px 0;border-radius:0 15px 15px 0;background-color:#21262b;-webkit-transform:translateY(-50%);transform:translateY(-50%)}#navbar .small-navbar .avatar{width:60px;height:60px;background-color:#000;border-radius:50%;border:2px solid rgba(0,0,0,0);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;color:#333;font-size:36px}@media(hover: hover){#navbar .small-navbar .avatar:hover{border:2px solid #fff}}#navbar .small-navbar .nav-list{position:relative;margin:20px 0 0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;max-height:calc(100vh - 500px);width:100%;overflow:hidden}#navbar .small-navbar .nav-list .nav-list-item .nav-list-link{width:100px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}#navbar .small-navbar .nav-list .nav-list-item .nav-list-link .nav-list-icon{width:84px;height:76px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin:0 auto;opacity:.95}#navbar .small-navbar .nav-list .nav-list-item .nav-list-link .nav-list-icon .van-icon{color:#edaa36;font-size:40px;margin:0 0 6px}#navbar .small-navbar .nav-list .nav-list-item .nav-list-link .nav-list-text{text-align:center;margin:6px 0 0;color:#b7b7b7}#navbar .small-navbar .nav-list .nav-list-item .nav-list-link:active .nav-list-icon{opacity:1}#navbar .small-navbar .nav-list .nav-list-item .nav-list-link:active .nav-list-text{color:#fff}#navbar .small-navbar .action-bar{margin:20px auto 0}#navbar .small-navbar .action-bar button{width:60px;height:32px;border-radius:16px}#navbar .full-navbar{position:fixed;top:80px;left:0;width:260px;bottom:0;z-index:1010;background-color:#21262b;-webkit-transform:translateX(-100%);transform:translateX(-100%);-webkit-transition:all 300ms cubic-bezier(0, 0, 0.58, 1);transition:all 300ms cubic-bezier(0, 0, 0.58, 1);-webkit-transition-timing-function:cubic-bezier(0, 0, 0.58, 1);transition-timing-function:cubic-bezier(0, 0, 0.58, 1);padding:40px 0}#navbar .full-navbar .member-info{display:-webkit-box;display:-ms-flexbox;display:flex;padding:0 20px}#navbar .full-navbar .member-info .avatar{position:relative;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:60px;height:60px;background-color:#000;color:#333;font-size:30px;border-radius:50%;border:2px solid rgba(0,0,0,0)}@media(hover: hover){#navbar .full-navbar .member-info .avatar:hover{border:2px solid #fff}}#navbar .full-navbar .member-info .member-meta{-webkit-box-flex:1;-ms-flex:1;flex:1;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin:0 16px}#navbar .full-navbar .member-info .member-meta .member-name{line-height:1.4em;font-size:18px;color:#e3e3e3}#navbar .full-navbar .member-info .member-meta .member-orig{line-height:1.4em;font-size:16px;color:#848586}#navbar .full-navbar .member-video-action-bar{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin:20px 0 0}#navbar .full-navbar .member-video-action-bar .member-video-action-item{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;width:80px;height:80px;border-radius:10px;border:1px solid #848586;background-color:#373c44;margin:0 0 0 14px}#navbar .full-navbar .member-video-action-bar .member-video-action-item .member-video-action-icon{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:36px;height:36px}#navbar .full-navbar .member-video-action-bar .member-video-action-item .member-video-action-text{line-height:1.4em;font-size:16px;color:#e3e3e3}#navbar .full-navbar .member-video-action-bar .member-video-action-item .member-video-action-bedget{font-size:13px;color:#848586}#navbar .full-navbar .member-video-action-bar .member-video-action-item:first-of-type{margin:0}#navbar .full-navbar .category-list{position:relative;margin:20px 0 0;height:calc(100vh - 360px)}#navbar .full-navbar .category-list .category-item{padding:0 20px}#navbar .full-navbar .category-list .category-item .category-header{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;height:40px;border-radius:20px;padding:0 16px}#navbar .full-navbar .category-list .category-item .category-header .category-header-icon{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}#navbar .full-navbar .category-list .category-item .category-header .category-header-text{font-size:18px;color:#fff;margin:0 0 0 6px}#navbar .full-navbar .category-list .category-item .category-header:active{background-color:#707070}#navbar .full-navbar .category-list .category-item .category-header:active .category-header-text{color:#d3a246}#navbar .full-navbar .category-list .category-item .category-tag-list{padding:10px 0 20px 16px;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}#navbar .full-navbar .category-list .category-item .category-tag-list .category-tag-item{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;height:28px;border-radius:6px;color:#fff;background-color:#171c22;font-size:16px;padding:0 16px;margin:0 10px 10px 0}#navbar .full-navbar .category-list .category-item .category-tag-list .category-tag-item:active{color:#ffbf46}#navbar .full-navbar .action-bar{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;height:60px}#navbar .full-navbar .action-bar button{width:60px;height:32px;border-radius:16px}#navbar .full-navbar.show{-webkit-transform:translateX(0);transform:translateX(0)}@media(max-width: 767px){#navbar .small-navbar,#navbar .full-navbar{display:none}}@media(hover: hover){#navbar .small-navbar .nav-list .nav-list-item .nav-list-link:hover .nav-list-icon{opacity:1}#navbar .small-navbar .nav-list .nav-list-item .nav-list-link:hover .nav-list-text{color:#fff}#navbar .full-navbar .category-list .category-item .category-header:hover{background-color:#707070}#navbar .full-navbar .category-list .category-item .category-header:hover .category-header-text{color:#d3a246}#navbar .full-navbar .category-list .category-item .category-tag-list .category-tag-item:hover{color:#ffbf46}}