.scroll-body{width:100vw;overflow:visible;background:#fff}.topic-container{width:100vw;height:100vh;overflow:auto;background:#fff}.topic-container .join-pic{width:211px;height:77px;z-index:9999;position:absolute;bottom:0;margin:0 auto;left:0;right:0}.topic-container .topic-pic .img{width:100%;height:100%}.topic-container .join-data .label{padding-left:15px;padding-right:3px;font-size:14px;color:#333;font-weight:400}.topic-container .join-data .value{font-size:15px;color:#000;font-weight:500}.topic-container .topic-content{font-size:13px;background-color:#fff;padding:12px 15px}.topic-container .topic-content .view{width:48px;height:12px;margin-left:2px;font-size:12px;font-weight:400;line-height:12px;color:#37688b}.topic-container .tabs{position:relative;position:sticky;background-color:#fff;line-height:45px;padding:0 15px;font-size:17px;color:#666;top:0;width:100%;z-index:999}.topic-container .tabs div{display:inline-block}.topic-container .tabs .new{margin-left:25px}.topic-container .tabs .active{color:#333;border-bottom:2px solid #0096ff}.topic-container .tabs .rank-list{position:absolute;font-size:13px;color:#0096ff;right:16px}.topic-container .tabs .rank-list .row{width:5px;height:7px;margin-bottom:1px;margin-left:3px}.topic-container .tabs .winners{width:112px;height:47px;z-index:9999;position:absolute;right:0}.topic-container .topic-list{padding:5px;background-color:#fff;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}.topic-container .topic-list .list{background:#fff;padding:15px;border-bottom:10px solid #f9f9f9;width:100%}.topic-container .topic-list .list:last-child{border-bottom:none}.topic-container .topic-list .list .bottom span{color:#73818b;font-weight:500}.topic-container .topic-list .list .bottom span:first-child{margin-right:25px}.topic-container .topic-list .list .bottom span img{width:16px;height:16px;display:inline-block;vertical-align:middle}.topic-container .topic-list .list .bottom span img.icon_give{width:18px;height:18px}.topic-container .topic-list .list .center{padding:8px 0 12px}.topic-container .topic-list .list .center p.content{color:#000;font-size:15px}.topic-container .topic-list .list .center p.content span{color:#37688b;font-size:15px}.topic-container .topic-list .list .center p.content .url{color:#3773b6}.topic-container .topic-list .list .center .diagram{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-top:6px}.topic-container .topic-list .list .center .diagram .cover-image{margin-right:.8%;position:relative;width:32.8%;height:0;padding-bottom:32.8%;margin-bottom:.03rem;overflow:hidden;background-position:50%;background-repeat:no-repeat;background-size:cover}.topic-container .topic-list .list .center .diagram .cover-image:nth-child(3n){margin-right:0}.topic-container .topic-list .list .center .diagram.one-diagram .cover-image{width:2.32rem;height:2.32rem}.topic-container .topic-list .list .center .diagram.two-diagram{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}.topic-container .topic-list .list .center .diagram.two-diagram .cover-image{margin-right:.03rem}.topic-container .topic-list .list .top{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.topic-container .topic-list .list .top span:first-child{margin-right:8px;position:relative}.topic-container .topic-list .list .top span:first-child img{width:37px;height:37px;border-radius:50%}.topic-container .topic-list .list .top span:first-child em.official{position:absolute;bottom:0;right:0}.topic-container .topic-list .list .top span:first-child em.official img{width:22px;height:10px;border-radius:0}.topic-container .topic-list .list .top span:nth-child(2) p:first-child{color:#000;font-size:15px}.topic-container .topic-list .list .top span:nth-child(2) p:nth-child(2){color:#999;font-size:11px}.topic-container .topic-list .list .top .follow-btn{position:absolute;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;text-align:center;margin:auto;right:0;width:60px;height:25px;border-radius:13px;border:1px solid #80cbff}.topic-container .topic-list .list .top .follow-btn .follow{height:.17rem;font-size:.12rem;font-weight:400;color:#08f}.topic-container .topic-list .list .top .follow-btn img{width:8px;height:8px;margin-right:4px;border-radius:0}.topic-container .topic-list .flex-item{width:50%}.topic-container .topic-list .flex-item .inner-flex-item{border:1px solid #f1f1f1;margin:2.5px}.topic-container .topic-list .flex-item .inner-flex-item .cover{position:relative;width:100%;height:0;padding-bottom:100%;overflow:hidden;background-position:50%;background-repeat:no-repeat;background-size:cover}.topic-container .topic-list .flex-item .inner-flex-item .cover .fine{position:absolute;top:5px;right:5px;width:20px;height:20px}.topic-container .topic-list .flex-item .inner-flex-item .content{font-size:12px;line-height:16px;height:39px;padding:5px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2}.topic-container .topic-list .flex-item .inner-flex-item .user-info{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:40px;padding:5px;color:#999}.topic-container .topic-list .flex-item .inner-flex-item .user-info .head-img{width:20px;height:20px;border-radius:50%;display:inline-block;vertical-align:middle}.topic-container .topic-list .flex-item .inner-flex-item .user-info span.head-img{position:relative}.topic-container .topic-list .flex-item .inner-flex-item .user-info em.official{position:absolute;bottom:0;right:0}.topic-container .topic-list .flex-item .inner-flex-item .user-info em.official img{width:16px;height:8px;border-radius:0;display:inline-block;vertical-align:bottom}.topic-container .topic-list .flex-item .inner-flex-item .user-info .nickName{width:56px;font-size:11px;margin-left:5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.topic-container .topic-list .flex-item .inner-flex-item .user-info .preference{-webkit-box-flex:1;-ms-flex:1;flex:1;text-align:right}.topic-container .topic-list .flex-item .inner-flex-item .user-info .preference .preference-icon{display:inline-block;vertical-align:middle;width:15px;height:13px}.topic-container .topic-list .flex-item .inner-flex-item .user-info .preference .preference-count{font-size:9px;display:inline-block;vertical-align:middle;margin-left:5px}.topic-container .topic-list .load-all{font-size:12px;color:#ccc;width:100%;margin:25px;text-align:center}.slide-fade-enter-active{-webkit-transition:all .5s ease;transition:all .5s ease}.slide-fade-leave-active{-webkit-transition:all .5s cubic-bezier(1,.5,.8,1);transition:all .5s cubic-bezier(1,.5,.8,1)}.slide-fade-enter,.slide-fade-leave-to{-webkit-transform:translateY(20px);transform:translateY(20px);opacity:0}.ellipsis{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;word-wrap:break-word;word-break:break-all}.topic-header{background:#f5f5f5;padding-bottom:.15rem}.topic-header-content{height:2rem;font-family:PingFang-SC-Medium\,PingFang-SC;position:relative;color:#fff;overflow:hidden}.topic-header-content *{-webkit-box-sizing:border-box;box-sizing:border-box}.topic-back{width:100%;height:2rem;overflow:hidden}.topic-back-inner{width:120%;height:120%;-webkit-filter:blur(5px);filter:blur(5px);position:absolute;top:-10%;left:-10%;background-repeat:no-repeat;background-position:50%}.topic-back:after{content:"";height:100%;background:rgba(56,56,56,.6)}.topic-back:after,.topic-on{position:absolute;width:100%}.topic-on{top:.4rem;left:0;z-index:1}.topic-top{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-flow:row wrap;flex-flow:row wrap;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:.6rem;padding:0 .12rem}.avatar{width:.47rem;height:.47rem;background:#d8d8d8;border-radius:.06rem}.middle{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-flow:column wrap;flex-flow:column wrap;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin-left:.08rem}.middle .main-title{width:2.17rem;height:.25rem;font-size:.18rem;font-weight:500;color:#fff;line-height:.25rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;word-wrap:break-word;word-break:break-all}.middle .info{margin-left:.02rem;font-size:.12rem;font-weight:400}.middle .info span{margin:0 .08rem 0 .03rem;font-weight:500}.join{width:.6rem;height:.25rem;line-height:.25rem;background:-webkit-gradient(linear,left top,right top,from(#00b0ff),to(#0078ff));background:linear-gradient(90deg,#00b0ff,#0078ff);border-radius:.14rem;text-align:center;color:#f1f1f1;font-size:.12rem}.subtitle{width:3.45rem;height:.4rem;font-size:.13rem;font-weight:400;color:#fff;line-height:.2rem;margin:.05rem .15rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.topic-operation{position:relative;z-index:6;width:3.45rem;background:#fff;-webkit-box-shadow:"0rem 0.01rem 0.07rem 0rem rgba(0, 0, 0, 0.1)";box-shadow:"0rem 0.01rem 0.07rem 0rem rgba(0, 0, 0, 0.1)";border-radius:.06rem;margin:-.3rem auto 0;z-index:5;padding:0 .12rem}.topic-operation--item{height:.45rem;line-height:.45rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-flow:row wrap;flex-flow:row wrap}.topic-operation--item.has-border{border-bottom:1px solid #efefef}.topic-operation--item-title{font-size:.13rem;font-weight:400;color:#08f;margin:0 .09rem 0 0;width:.26rem}.topic-operation--item-desc{font-size:.13rem;font-weight:400;color:#333;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;word-wrap:break-word;word-break:break-all;vertical-align:middle;width:2.86rem}.not-data .not-data-content{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}.not-data .not-data-content img{width:2.26rem;height:1.54rem;margin:2rem 0 .12rem}.not-data .not-data-content span{font-size:.13rem;color:#d2cfcf}.topic-publish{width:.61rem;height:.61rem;background:url(data:image/png;base64,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);background-size:100% 100%;position:fixed;bottom:.4rem;right:.17rem}.cover-area{position:fixed;top:0;left:0;right:0;bottom:0;z-index:999;height:100%;width:100%;background:rgba(0,0,0,.7);text-align:right}.cover-area img{width:1.4rem;height:1.79rem;margin:.14rem .21rem 0 0}.cover-area.big-pic{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.cover-area.big-pic img{width:100%;height:auto;margin:0}.video-content{width:2.32rem;height:2.32rem;position:relative}.two-feed:before,.video-content:before{content:"";position:absolute;background-image:url(https://m.hellobike.com/resource/wechat-pro/dynamic/MUIWYGCUmnLpEkSNt7GAI.png);width:50px;height:50px;left:50%;top:50%;background-size:50px 50px;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);z-index:1}