body,html{width:100%;max-width:720px;height:100%;margin:auto;padding:0}body{background:#fff!important}body.noscroll{height:100%;overflow:hidden}.circle-desc-wrapper{background:#fff url(https://wapcdn.thecover.cn/cdn/wap/img/circle_bg_02.png) no-repeat 0 0;background-size:100% auto;padding:1rem .8rem 3.3rem;font-size:0;-webkit-box-shadow:0 .16rem .533333rem 0 rgba(0,0,0,.03);box-shadow:0 .16rem .533333rem 0 rgba(0,0,0,.03);position:relative}.circle-desc-wrapper img{width:100%}.circle-detail-top{overflow:hidden;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.circle-user-img{width:3.2rem;height:3.2rem;border-radius:.53rem;border:.05rem solid #fff;overflow:hidden;margin-right:.43rem;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0}.circle-user-name{font-size:.8rem;color:#333;line-height:1.17rem;font-weight:700;-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;max-height:2.34rem;word-break:break-all}.circle-user-name:before{content:"";width:.8rem;height:.8rem;background:url(https://wapcdn.thecover.cn/cdn/wap/img/circle_icon_02.png) no-repeat 50%;background-size:100% auto;margin-right:.21rem;display:inline-block;-webkit-transform:translateY(.1rem);-ms-transform:translateY(.1rem);transform:translateY(.1rem)}.circle-join-btn{width:2.88rem;height:1.28rem;margin-left:.933333rem}.circle-detail-bottom{padding-top:.53rem;overflow:hidden}.circle-detail-desc{color:#333;font-size:.64rem;line-height:.93rem;word-break:break-all;margin-bottom:.88rem;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;max-height:1.86rem}.circle-member{display:inline-block}.circle-member img{width:1.28rem;height:1.28rem;border:.05rem solid #fff;border-radius:50%;position:relative;margin-left:-.64rem;background-color:#fff}.circle-member img:first-child{margin-left:0}.circle-nums{color:#666;font-size:.64rem;float:right;line-height:.93rem;padding-top:.19rem}.circle-wrapper-bottom{border-radius:.8rem .8rem 0 0;background-color:#fff;-webkit-transform:translateY(-2.1rem);-ms-transform:translateY(-2.1rem);transform:translateY(-2.1rem);padding-top:.56rem}.circle-topic{padding:0 .8rem;letter-spacing:-4px}.circle-topic-title{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;margin-bottom:.8rem;margin-top:0;letter-spacing:0}.circle-topic-title img{width:.8rem}.circle-topic-title span{font-weight:700;font-size:.8rem;color:#333;line-height:1.17rem;margin-left:.21rem}.circle-topic-item{font-weight:700;font-size:.69rem;color:#333;line-height:.99rem;width:8.213333rem;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;display:inline-block;letter-spacing:0;margin-bottom:.8rem}.circle-topic-item:nth-of-type(2n-1){margin-right:1.92rem}.circle-topic-item.more{font-size:.64rem;color:#999;line-height:.93rem}.circle-top{padding:.16rem .8rem .56rem}.circle-top a{line-height:1;margin-bottom:.506667rem;font-weight:700;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;overflow:hidden}.circle-top a img{width:.906667rem;margin-right:.426667rem}.circle-top a span{color:#333;font-size:.8rem;line-height:.906667rem;-webkit-flex:1;-webkit-box-flex:1;-ms-flex:1;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.topic-content-nav{display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center}.topic-content-nav span{font-weight:700;font-size:.8rem;color:#999;line-height:1.17rem;padding:0 1.06rem .64rem}.topic-content-nav span.active{font-size:.85rem;color:#333;line-height:1.23rem;position:relative}.topic-content-nav span.active:after{content:"";width:.75rem;height:.16rem;background:#ff5656;border-radius:.11rem;position:absolute;bottom:0;left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%)}.circle-topics{height:2.133333rem;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;background-color:#fff;-webkit-box-shadow:0 .16rem .533333rem 0 rgba(0,0,0,.03);box-shadow:0 .16rem .533333rem 0 rgba(0,0,0,.03);white-space:nowrap;z-index:2;position:relative;overflow-y:scroll;-webkit-overflow-scrolling:touch;padding-left:.906667rem}.circle-topics span{color:#666;font-size:.693333rem;margin-right:1.173333rem;font-weight:700}.circle-topics span:last-child{margin-right:0;padding-right:.906667rem}.circle-topics span.active{font-size:.8rem;color:#333}.data-loading{padding:2rem 0;font-size:.8rem;text-align:center;background-color:#fff}.no-content{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;background-color:#fff;font-size:1rem;height:100vh}