*{margin:0;padding:0;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;font-family:PingFangSC-Regular,PingFang SC,DIN-Bold-Ecom,sans-serif;-webkit-overflow-scrolling:touch}html{-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-touch-action:none}img{border:none}li,ol,ul{list-style:none}article,aside,footer,header,hgroup,nav,section{display:block}button,input,textarea{border:none;outline:0}input{-webkit-appearance:none;background-color:rgba(0,0,0,0)}button,button:focus,input,input:focus{-webkit-tap-highlight-color:transparent}::-webkit-input-placeholder{color:#999}a{outline:none;text-decoration:none}.modal-open{width:100%;overflow:hidden}html{opacity:1}.circle-info-wrap{font-family:PingFangSC-Regular,PingFang SC}.circle-info-wrap .circle-wrap .user-banner{position:absolute;overflow:hidden;width:100%;height:10.1333rem;top:0;font-size:0;z-index:1}.circle-info-wrap .circle-wrap .user-banner img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.circle-info-wrap .circle-wrap .user-banner .circle-info-box{position:absolute;left:0;bottom:0;width:100%;height:2.9333rem;color:#fff}.circle-info-wrap .circle-wrap .user-banner .circle-info-box .circle-info-desc{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;font-size:.32rem;line-height:.48rem;padding-top:1.28rem;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.circle-info-wrap .circle-wrap .user-banner .circle-info-box .circle-info-desc .desc-line{width:1px;height:.32rem;background:#fff;margin:0 .2133rem}.circle-info-wrap .circle-wrap .user-banner .circle-info-box .circle-info-title{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;font-size:.6933rem;font-weight:600;margin-top:.1067rem}.circle-info-wrap .circle-wrap .circle-box-wrap{position:relative;z-index:2;padding-top:10.1333rem}.circle-info-wrap .circle-wrap .circle-box-wrap .circle-center{position:relative;z-index:3;background-color:#fff;border-top-left-radius:.4267rem;border-top-right-radius:.4267rem;overflow:auto;margin-top:-.5333rem;padding-top:.4267rem}.circle-info-wrap .circle-wrap .circle-box-wrap .circle-box-note{position:relative;padding-bottom:.96rem}.circle-info-wrap .circle-wrap .circle-box-wrap .circle-box-note .note-content{padding:.32rem .4267rem 0 1.4667rem}.circle-info-wrap .circle-wrap .circle-box-wrap .circle-box-note .circle-note{position:absolute;top:.4rem;left:.32rem;width:.7467rem;height:.7467rem}.circle-info-wrap .circle-wrap .circle-box-wrap .circle-box-note .circle-cut{position:absolute;top:.32rem;left:1.1733rem;width:.2933rem;height:.4267rem}.circle-info-wrap .circle-wrap .join-circle-btn{display:block;opacity:0;width:63px;height:30px}.circle-info-wrap .circle-wrap .head-warp{position:relative;padding-bottom:.4267rem;font-size:0;z-index:59;background-color:#fff;border-top-left-radius:.42667rem;border-top-right-radius:.42667rem;overflow:hidden}.circle-info-wrap .circle-wrap .head-warp .head-swiper-wrap{position:relative;width:9.6rem;margin-left:.4rem;overflow:hidden;margin-top:.32rem}.circle-info-wrap .circle-wrap .head-warp .head-swiper-wrap.isOne{margin-left:.55rem}.circle-info-wrap .circle-wrap .head-warp .head-swiper-wrap .head-swiper-container{width:8.9rem}.circle-info-wrap .circle-wrap .head-warp .head-swiper-wrap .head-swiper-container .slide-img{width:8.9rem;height:1.92rem;-o-object-fit:cover;object-fit:cover;border-radius:8px;overflow:hidden}.circle-info-wrap .circle-wrap .head-warp .topic-relate-wrap{background-color:#fff;padding-left:.42667rem;white-space:nowrap}.circle-info-wrap .circle-wrap .head-warp .topic-relate-wrap .topic-relate-content{width:100%;overflow-x:scroll;overflow-y:hidden}.circle-info-wrap .circle-wrap .head-warp .topic-relate-wrap .topic-relate-content::-webkit-scrollbar{display:none}.circle-info-wrap .circle-wrap .head-warp .topic-relate-wrap .topic-title{font-family:PingFangSC-Regular;font-size:.32rem;font-weight:400;line-height:.48rem;color:#999;margin-bottom:.2133rem}.circle-info-wrap .circle-wrap .head-warp .topic-relate-wrap .topic-slide{height:.8533rem;padding:0 .2133rem;background:#f6f6f6;border-radius:.16rem;margin-right:.2133rem;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.circle-info-wrap .circle-wrap .head-warp .topic-relate-wrap .topic-slide .left-img{width:.4267rem;height:.4267rem;-o-object-fit:cover;object-fit:cover}.circle-info-wrap .circle-wrap .head-warp .topic-relate-wrap .topic-slide .first-line{margin-left:.1067rem;font-weight:600;font-size:.3467rem;color:#202020}.circle-info-wrap .circle-wrap .head-warp .topic-relate-wrap .topic-slide .icon{margin-left:.1067rem;width:auto;height:.3733rem}.circle-info-wrap .circle-wrap .fill-f9{width:100%;height:.213333rem;background-color:#f6f6f6}.circle-info-wrap .circle-wrap .circle-announce-box{padding:.2133rem .4267rem .2133rem .32rem;background:rgba(0,0,0,.2);border-top-right-radius:.2133rem;border-bottom-left-radius:.2133rem;border-bottom-right-radius:.2133rem}.circle-info-wrap .circle-wrap .circle-announce-item{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;margin-bottom:.2133rem}.circle-info-wrap .circle-wrap .circle-announce-item:last-child{margin-bottom:0}.circle-info-wrap .circle-wrap .circle-announce-desc{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;-webkit-box-flex:2;-webkit-flex:2;-ms-flex:2;flex:2}.circle-info-wrap .circle-wrap .circle-announce-tag{width:.1333rem;height:.1333rem;background:#fff;border-radius:.1333rem}.circle-info-wrap .circle-wrap .circle-announce-text{padding-left:.2133rem;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;font-size:.32rem;color:#fff;-webkit-box-flex:2;-webkit-flex:2;-ms-flex:2;flex:2}.circle-info-wrap .circle-wrap .tabs{overflow-x:scroll;overflow-y:hidden;font-size:0;white-space:nowrap;height:1.173333rem;padding-left:4px;z-index:10;background-color:#fff}.circle-info-wrap .circle-wrap .tabs::-webkit-scrollbar{display:none}.circle-info-wrap .circle-wrap .tabs a{line-height:1.066667rem;margin:0 .32rem;font-family:PingFangSC-Regular,PingFang SC;font-size:.37333rem;color:#999;position:relative;text-align:center;display:inline-block}.circle-info-wrap .circle-wrap .tabs .focus{font-family:PingFangSC-Medium;font-weight:500;color:#202020}.circle-info-wrap .circle-wrap .tabs .focus:before{position:absolute;bottom:.08rem;left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);content:"";display:block;width:.53333rem;height:3px;background:#ffd91d;border-radius:10px}.circle-info-wrap .circle-wrap .sub-tabs{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;white-space:nowrap;padding-left:.32rem;margin-top:.4267rem}.circle-info-wrap .circle-wrap .sub-tabs a{height:.7467rem;border-radius:.2133rem;padding:.1067rem .32rem;background:#f6f6f6;margin-right:.32rem;font-size:.3733rem;color:#505050}.circle-info-wrap .circle-wrap .sub-tabs .focus{background:#fff7d2;border:1px solid #ffd91d}.circle-info-wrap .circle-wrap .fixed-tabs{position:fixed;top:57px;background-color:#fff}.circle-info-wrap .circle-wrap .feed-content{min-height:2rem;background-color:#f6f6f6}.circle-info-wrap .circle-wrap .feed-content .bottom-tips{background-color:#fff}.circle-info-wrap .circle-wrap .feed-content .photo-list{padding:.32rem .4267rem}.circle-info-wrap .circle-wrap .feed-content .photo-list .photo-item{position:relative;display:inline-block;width:2.96rem;height:2.96rem;border-radius:.2133rem;margin-right:.1333rem;overflow:hidden}.circle-info-wrap .circle-wrap .feed-content .photo-list .photo-item:nth-child(3n){margin-right:0}.circle-info-wrap .circle-wrap .feed-content .photo-list .photo-item .vipHidden{-webkit-filter:blur(10px);filter:blur(10px)}.circle-info-wrap .circle-wrap .feed-content .photo-list .photo-item .photo-vip{position:absolute;width:auto;height:.48rem;left:.1067rem;top:.1067rem}.circle-info-wrap .circle-wrap .feed-content .photo-list img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.circle-info-wrap .circle-wrap .feed-content .feed-content_item{position:relative;padding:.42667rem;background-color:#fff;margin-bottom:.2133rem}.circle-info-wrap .circle-wrap .feed-content .feed-content_item:not(:first-child){margin-top:.213333rem}.circle-info-wrap .circle-wrap .feed-content .no-data-tips{background-color:#fff;padding-top:1.28rem}.circle-info-wrap .circle-wrap .feed-content .no-data-tips .no-like,.circle-info-wrap .circle-wrap .feed-content .no-data-tips .no-mark{text-align:center;font-size:0}.circle-info-wrap .circle-wrap .feed-content .no-data-tips .no-like img,.circle-info-wrap .circle-wrap .feed-content .no-data-tips .no-mark img{width:2.933333rem;height:2.933333rem}.circle-info-wrap .circle-wrap .feed-content .no-data-tips .no-like .text,.circle-info-wrap .circle-wrap .feed-content .no-data-tips .no-mark .text{margin-top:.213333rem;color:#999;font-size:13px}.circle-info-wrap .circle-wrap .ecom-upctopic_header .user-info .name{margin:0;line-height:normal;font-weight:inherit}.circle-info-wrap .mask-idx{width:100vw;height:100vh;overflow:hidden;position:fixed;top:0;left:0;background:rgba(0,0,0,.7);z-index:999}.circle-info-wrap .mask-idx .mask-content{position:absolute;top:24px;right:24px}.circle-info-wrap .mask-idx .mask-content .guide-bg{width:40vw}.circle-info-wrap .offline{padding-top:4.48rem;text-align:center}.circle-info-wrap .offline img{display:inline-block;width:2.933333rem;height:2.933333rem}.circle-info-wrap .offline p{line-height:.48rem;font-size:.346667rem;font-weight:400;color:#999}.circle-info-wrap .big-img{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;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;max-width:100vw}.circle-info-wrap .big-img img{max-width:100%}