.xn-wrapper{background:#F8F9FA;padding-top:1.4rem}.xn-wrapper .header{max-width:750px;width:100%;position:fixed;top:.2rem;left:50%;z-index:99;transform:translateX(-50%);background:#FFFFFF;display:flex;justify-content:space-around}.xn-wrapper .header .item{height:1rem;line-height:1rem;text-align:center;font-size:0.32rem;color:#404040;position:relative}.xn-wrapper .header .item.active{color:#FF4343}.xn-wrapper .header .item.active::after{position:absolute;bottom:0;left:50%;transform:translateX(-50%);content:'';display:block;width:.6rem;height:.05rem;background:#FF4343;border-radius:.3px}.xn-wrapper .main{box-sizing:border-box;padding:.3rem .26rem;border-radius:.2rem}.xn-wrapper .main .item-a{box-sizing:border-box;padding:.56rem .5rem .78rem;margin-bottom:.2rem;background:#FFFFFF;border-radius:0.2rem}.xn-wrapper .main .item-a .up{display:flex;align-items:center;margin-bottom:.3rem;position:relative}.xn-wrapper .main .item-a .up .avatar{width:0.6rem;height:0.6rem;overflow:hidden;border-radius:50%}.xn-wrapper .main .item-a .up .avatar img{width:100%;height:100%}.xn-wrapper .main .item-a .up .info{padding-left:.16rem}.xn-wrapper .main .item-a .up .info .name{height:0.32rem;font-size:0.32rem;font-weight:400;color:#333333;line-height:0.32rem;padding-bottom:.11rem}.xn-wrapper .main .item-a .up .info .date{height:0.28rem;font-size:0.28rem;font-weight:400;color:#969696;line-height:0.28rem}.xn-wrapper .main .item-a .up .handle{display:inline-block;position:absolute;right:0;top:50%;transform:translateY(-50%)}.xn-wrapper .main .item-a .up .handle span{display:inline-block;font-size:.32rem;font-weight:400;color:#777777;vertical-align:middle}.xn-wrapper .main .item-a .up .handle span.edit{color:#4D71BF}.xn-wrapper .main .item-a .up .handle span.line{padding:0 .18rem}.xn-wrapper .main .item-a .title{padding-bottom:.24rem;font-size:0.32rem;font-weight:400;color:#333333;line-height:0.46rem}.xn-wrapper .main .item-a .desc{font-size:0.28rem;font-weight:400;color:#707070;line-height:0.46rem;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.xn-wrapper .main .item-a .image-box{padding-top:.26rem;padding-bottom:.4rem}.xn-wrapper .main .item-a .image-box .image-item{float:left;width:1.88rem;height:1.88rem;border-radius:.2rem;overflow:hidden;margin:0 .1rem .1rem 0}.xn-wrapper .main .item-a .interact{display:flex;align-items:center;justify-content:flex-start}.xn-wrapper .main .item-a .interact .remark-num{padding-left:.48rem;background:url("/images/circle/icon/list_lssues.png") no-repeat left center;background-size:.34rem .34rem;height:0.28rem;font-size:0.28rem;font-weight:400;color:#777777;line-height:0.28rem;margin-right:1.2rem}.xn-wrapper .main .item-a .interact .star{padding-left:.48rem;background:url("/images/circle/icon/list_star.png") no-repeat left center;background-size:.34rem .34rem;height:0.28rem;font-size:0.28rem;font-weight:400;color:#777777;line-height:0.28rem;margin-right:1.2rem}.xn-wrapper .main .item-a .interact .star.active{background-image:url("/images/circle/icon/list_star_active.png")}.xn-wrapper .main .item-a .interact .collect{padding-left:.48rem;background:url("/images/circle/icon/list_live.png") no-repeat left center;background-size:.34rem .34rem;height:0.28rem;font-size:0.28rem;font-weight:400;color:#777777;line-height:0.28rem;margin-right:1.2rem}.xn-wrapper .main .item-a .interact .collect.active{background-image:url("/images/circle/icon/list_live_active.png")}.xn-wrapper .popup-box{display:none;width:100%;height:100%;background:rgba(0,0,0,0.4);position:fixed;left:0;top:0;z-index:10}.xn-wrapper .popup-box .popup-body{position:fixed;z-index:11;height:10.56rem;overflow-y:auto;bottom:0;left:0;background:#FFFFFF;border-top-left-radius:.3rem;border-top-right-radius:.3rem}.xn-wrapper .popup-box .popup-body .author{display:inline-block;margin-left:.7rem;width:0.82rem;height:0.32rem;font-size:0.18rem;font-weight:500;color:#B25D63;line-height:0.28rem;text-align:center;background:#FFEBEB;border-radius:0.18rem}.xn-wrapper .popup-box .popup-body .num{box-sizing:border-box;padding-left:.88rem;height:.4rem;color:blue;font-size:.22rem;line-height:.4rem}.xn-wrapper .popup-box .popup-body .popup{box-sizing:border-box;padding:.5rem .3rem 0}.xn-wrapper .popup-box .popup-body .popup .title{height:0.32rem;font-size:0.32rem;font-weight:500;color:#333333;line-height:0.32rem;text-align:center}.xn-wrapper .popup-box .popup-body .popup .dialogue-box{padding-bottom:.58rem}.xn-wrapper .popup-box .popup-body .popup .dialogue-box:last-child{padding-bottom:0}.xn-wrapper .popup-box .popup-body .popup .dialogue-box .up{display:flex;align-items:center;padding-bottom:.15rem}.xn-wrapper .popup-box .popup-body .popup .dialogue-box .up .avatar{width:0.78rem;height:0.78rem;overflow:hidden;border-radius:50%}.xn-wrapper .popup-box .popup-body .popup .dialogue-box .up .avatar img{width:100%;height:100%}.xn-wrapper .popup-box .popup-body .popup .dialogue-box .up .info{padding-left:.16rem}.xn-wrapper .popup-box .popup-body .popup .dialogue-box .up .info .name{height:0.32rem;font-size:0.32rem;font-weight:bold;color:#333333;line-height:0.32rem;padding-bottom:.11rem}.xn-wrapper .popup-box .popup-body .popup .dialogue-box .up .info .date{height:0.28rem;font-size:0.28rem;font-weight:400;color:#969696;line-height:0.28rem}.xn-wrapper .popup-box .popup-body .popup .dialogue-box .desc{padding-left:.88rem;font-size:0.35rem;font-weight:400;color:#333333;line-height:0.54rem}.xn-wrapper .popup-box .popup-body .popup .dialogue-box .dialogue{padding:.38rem 0 .38rem .88rem;height:.43rem;font-size:0.22rem;font-weight:400;color:#777777;line-height:.43rem}.xn-wrapper .popup-box .popup-body .popup .dialogue-box .dialogue .dialogue-text{display:inline-block;margin-right:.24rem;width:0.82rem;height:0.43rem;font-size:.22rem;font-weight:400;color:#333333;line-height:.43rem;text-align:center;background:#F6F6F6;border-radius:0.22rem}.xn-wrapper .popup-box .popup-body .popup .dialogue-box .dialogue-box{padding-left:.88rem}.xn-wrapper .popup-box .popup-body .popup .dialogue-box .dialogue-box .up{padding-bottom:.09rem}.xn-wrapper .popup-box .popup-body .popup .dialogue-box .dialogue-box .up .avatar{width:0.42rem;height:0.42rem}.xn-wrapper .popup-box .popup-body .popup .dialogue-box .dialogue-box .up .info{padding-left:.16rem}.xn-wrapper .popup-box .popup-body .popup .dialogue-box .dialogue-box .up .info .name{height:0.24rem;font-size:0.24rem;font-weight:400;color:#333333;line-height:0.24rem}.xn-wrapper .popup-box .popup-body .popup .dialogue-box .dialogue-box .desc{padding-left:.64rem;font-size:0.22rem;color:#777777;line-height:0.3rem}.xn-wrapper .popup-box .popup-body .popup .dialogue-box .dialogue-box .dialogue{padding:.28rem 0 0 .64rem}.xn-wrapper .popup-box .popup-body .popup-footer{box-sizing:border-box;padding:.52rem .4rem;border-top:1px solid #EBEBEF;background:#FFFFFF;padding-bottom:calc(constant(safe-area-inset-bottom) + .4rem);padding-bottom:calc(env(safe-area-inset-bottom) + .4rem)}.xn-wrapper .popup-box .popup-body .popup-footer .input-box{width:100%;height:0.7rem;box-sizing:border-box;border-radius:0.35rem;background:url("/images/circle/icon_write.png") no-repeat 0.38rem center #F6F7F9;background-size:.2rem .2rem;position:relative;overflow:hidden}.xn-wrapper .popup-box .popup-body .popup-footer .input-box input{position:absolute;top:0;left:.7rem;width:calc(100% - .7rem);height:.7rem;font-size:0.28rem;font-weight:400;line-height:.7rem;background:#F6F7F9}.xn-wrapper .popup-box .popup-body .popup-footer .input-box input::placeholder{color:#777777}.xn-wrapper .popup-body{display:none;position:fixed;bottom:0;left:0;z-index:99;width:100%;height:1rem;box-sizing:border-box;padding:.1rem;padding-bottom:calc(constant(safe-area-inset-bottom) + .1rem);padding-bottom:calc(env(safe-area-inset-bottom) + .1rem);background:#FFFFFF}.xn-wrapper .popup-body .popup-input{width:100%;height:0.7rem;box-sizing:border-box;padding:.1rem;background:#F6F7F9;border-radius:0.35rem;overflow:hidden;position:relative}.xn-wrapper .popup-body .popup-input input{position:absolute;top:0;left:.34rem;width:calc(100% - .34rem);height:100%;font-size:0.28rem;font-weight:400;line-height:.7rem;background:#F6F7F9}.xn-wrapper .popup-body .popup-input input::placeholder{color:#777777}.xn-wrapper .list .left-box,.xn-wrapper .list .right-box{width:calc((100% - .16rem) / 2)}.xn-wrapper .list .item{padding-bottom:.4rem;width:100%}.xn-wrapper .list .item .image{width:3.4rem;height:auto;border-radius:.2rem;overflow:hidden}.xn-wrapper .list .item .image img{width:100%;height:auto}.xn-wrapper .list .item .text{padding-top:.16rem;margin-bottom:.3rem;max-height:0.92rem;font-size:0.3rem;font-weight:400;color:#333333;line-height:0.46rem;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.xn-wrapper .list .item .info .avatar{width:.44rem;height:.44rem;overflow:hidden;border-radius:50%}.xn-wrapper .list .item .info .avatar img{width:100%;height:100%}.xn-wrapper .list .item .info .user-name{padding-left:.1rem;height:0.44rem;font-size:0.32rem;font-weight:400;color:#333333;line-height:0.44rem}.xn-wrapper .list .item .info .star{height:0.44rem;font-size:0.28rem;font-weight:400;color:#969696;line-height:0.44rem;padding-left:.32rem;background:url("/images/circle/icon_star.png") no-repeat left center;background-size:.25rem .21rem}.xn-wrapper .list .item .info .star.active{background-image:url("/images/circle/icon_star_active.png")}.xn-wrapper .no-box{width:100%;position:fixed;top:50%;left:50%;transform:translate(-50%, -50%)}.xn-wrapper .no-box .icon{width:37.33%;max-width:280px;margin-left:auto;margin-right:auto;margin-bottom:.2rem}.xn-wrapper .no-box .icon img{width:100%;height:auto}.xn-wrapper .no-box .hint{color:#777777;text-align:center;font-size:.32rem}