.hj-navbar-wrapper{position:fixed;left:0px;top:0;width:100%;z-index:1}.hj-navbar-wrapper .hj-navbar{position:relative;max-width:420px;margin:0 auto;height:5rem;line-height:5rem;background-color:#098bff;color:#fff;text-align:center;padding:0 1.2rem}.hj-navbar-wrapper .hj-navbar a{color:#fff}.hj-navbar-wrapper .hj-navbar .left{float:left}.hj-navbar-wrapper .hj-navbar .right{float:right}.hj-navbar-wrapper .hj-navbar .left>*,.hj-navbar-wrapper .hj-navbar .right>*{margin:0 .6rem}.hj-navbar-wrapper .hj-navbar .current-time{display:none}.hj-navbar-wrapper .hj-navbar.mock-system-bar{background-image:url(https://img.alicdn.com/imgextra/i2/O1CN01L1SmaS1sJibAwZE9U_!!6000000005746-2-tps-1200-155.png);background-size:contain;background-repeat:no-repeat}.hj-navbar-wrapper .hj-navbar.mock-system-bar .current-time{display:block;position:absolute;left:1.2rem;top:.6rem;font-size:1.4rem}.include-system-bar .hj-navbar{height:10rem;padding-top:5rem}.mood-list-page .cover-wrapper{position:relative;height:36vh;background-image:url(https://img.alicdn.com/imgextra/i4/O1CN01aThoi91hjrQDVujsx_!!6000000004314-0-tps-1260-962.jpg);background-size:cover}.mood-list-page .cover-wrapper .avatar-wrapper{position:absolute;right:2rem;bottom:-3.5rem}.mood-list-page .cover-wrapper .avatar-wrapper img{width:7rem;height:7rem;border-radius:3px}.mood-list-page .cover-wrapper .avatar-wrapper span{position:absolute;left:-13rem;top:.8rem;text-align:right;width:12rem;color:#fff}.mood-list-page .mood-list{margin-top:4rem;background:#eee}.mood-list-page .mood-list .filter-wrapper{background:white;padding:18px 12px;font-size:1.4rem;color:#aaa}.mood-list-page .mood-list .filter-wrapper *{font-size:1.4rem}.mood-list-page .mood-list .filter-wrapper .input-wrapper input{width:calc(100% - 4rem);border:solid 1px #ddd;border-radius:.3rem;padding:1rem .8rem;outline:none}.mood-list-page .mood-list .filter-wrapper .input-wrapper a{width:4rem;display:inline-block;text-align:center}.mood-list-page .mood-list .mood-item{margin:1.2rem 0;background:white;padding:1.2rem 1rem}.mood-list-page .mood-list .mood-item .avatar-row .mood-avatar{width:4rem;height:4rem;border-radius:3px}.mood-list-page .mood-list .mood-item .avatar-row .name-wrapper{display:inline-block;vertical-align:middle;margin-left:.8rem}.mood-list-page .mood-list .mood-item .avatar-row .name-wrapper .time{color:#999;font-size:1.4rem;margin-top:.2rem}.mood-list-page .mood-list .mood-item .avatar-row .right-wrapper{float:right}.mood-list-page .mood-list .mood-item .avatar-row .right-wrapper .tag{background:#c20303;color:#fff;padding:2px 6px;border-radius:2px;font-size:1.2rem}.mood-list-page .mood-list .mood-item .content-row{margin-top:1.2rem}.mood-list-page .mood-list .mood-item .location-wrapper,.mood-list-page .mood-list .mood-item .tags-wrapper{margin-top:.8rem;font-size:1.3rem;color:#aaa}.mood-list-page .mood-list .mood-item .location-wrapper .hj-icon,.mood-list-page .mood-list .mood-item .tags-wrapper .hj-icon{font-size:1.3rem;margin-right:4px}.mood-list-page .mood-list .mood-item .location-wrapper a,.mood-list-page .mood-list .mood-item .tags-wrapper a{margin-right:4px;background:#3963be;color:#fff;padding:2px 4px;border-radius:2px}.mood-list-page .mood-list .mood-item .action-row{margin-top:.8rem}.mood-list-page .mood-list .mood-item .action-row .view-count{font-size:1.3rem;color:#666}.mood-list-page .mood-list .mood-item .action-row .btn-wrapper{float:right}.mood-list-page .mood-list .mood-item .action-row .btn-wrapper .hj-icon{margin-left:1.6rem}.mood-list-page .mood-list .mood-item .zan-comment-row{margin-top:1.4rem;background:#eee;border-radius:3px;padding:.8rem 0}.mood-list-page .mood-list .mood-item .zan-comment-row a{font-weight:700;color:#0452a2}.mood-list-page .mood-list .mood-item .zan-comment-row .zan-row{padding:0 .8rem .4rem;border-bottom:solid 1px #ddd;margin-bottom:.4rem}.mood-list-page .mood-list .mood-item .zan-comment-row .zan-row i{margin-right:.4rem}.mood-list-page .mood-list .mood-item .zan-comment-row .comment-wrapper{padding:0 .8rem}.page-wrapper{padding:4px 8px}.page-wrapper .btn-page{display:inline-block;padding:2px 10px;background:#098bff;margin:2px;color:#fff;border-radius:4px;border:solid 2px transparent}.page-wrapper .btn-page.current{color:#098bff;border:solid 2px #098bff;background:white;cursor:default}.image-wrapper{display:flex;flex-wrap:wrap;margin-top:.8rem}.image-wrapper>.btn{background-color:#eee}.image-wrapper>div{width:12.5rem;height:12.5rem;display:inline-block;padding-right:.6rem;padding-bottom:.6rem;text-align:center}.image-wrapper>div>img{width:100%;height:100%;object-fit:cover}.image-wrapper>div>div{background-color:transparent;width:100%;height:100%;background-position:center;background-size:cover;background-repeat:no-repeat;cursor:pointer;position:relative;display:flex;align-items:center;justify-content:center}.image-wrapper>div>div .size{position:absolute;left:0;top:0;background:#ff8201cc;color:#fff;font-size:1.4rem;padding:1px 2px}.image-wrapper>div>div .close{position:absolute;right:0;top:0;background:#000000a8;padding:1px;color:#fff}.image-wrapper>div>div .progress{position:absolute;left:0;bottom:0;height:.6rem;width:100%}.image-wrapper>div>div .progress>span{background:#02bb16;width:0%;height:100%;display:block;transition:all .3s}.image-wrapper>div>div .upload-success{font-size:4rem;color:#02bb16;background:white;border-radius:100px}.image-wrapper .btn>div{display:flex;flex-direction:column;align-content:center;justify-content:center}.image-wrapper .btn>div .hj-icon{font-size:3.2rem}.mask{left:0;top:0;z-index:1;width:100%;opacity:1}.mood-post-page .body-wrapper .content-wrapper{min-height:150px;padding:8px}.mood-post-page .body-wrapper .content-wrapper textarea{width:100%;border:none;outline:none;font-size:1.6rem}.mood-post-page .body-wrapper .image-wrapper{padding:.8rem}.mood-post-page .body-wrapper .options-wrapper{margin-top:12px}.mood-post-page .body-wrapper .options-wrapper>div{border-top:solid 1px #eee;padding:12px}.mood-post-page .body-wrapper .options-wrapper>div:last-of-type{border-bottom:solid 1px #eee}.mood-post-page input.mood-post-input{border:none;width:25rem;height:3rem;outline:none;font-size:1.6rem}body{margin:0;padding:0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:14px}body,textarea{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}*,*:before,*:after{-webkit-box-sizing:border-box;box-sizing:border-box}img{vertical-align:middle;border-style:none}a{color:#1890ff;text-decoration:none}a:hover,a:focus{color:#40a9ff}pre{tab-size:4}html{font-size:10px}body{font-size:1.7rem;background-color:#000}.hj-icon{font-size:1.9rem}a{color:#335ebd}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{border-radius:10px;background-color:#d8dce5}::-webkit-scrollbar-thumb{border-radius:5px;background-color:#adadad}::-webkit-scrollbar-thumb:hover{background-color:#929292}::-webkit-scrollbar-thumb:active{background-color:#666363}::-webkit-scrollbar-corner{background-color:#535353}::-webkit-scrollbar-resizer{background-color:#ff6e00}#app{max-width:420px;margin:0 auto;background:white;height:100vh;overflow-y:auto}.hj-main{padding-top:5rem}.include-system-bar .hj-main{padding-top:10rem}body.zone-index .include-system-bar .hj-main{padding-top:0}