.chat-num[data-v-77eab565]{width:.5333333333rem;height:.5333333333rem;border-radius:50%;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;color:#fff;background:linear-gradient(160deg,#6fa3ff,#ffb4b4);border:2px solid #fff}.online-state-online[data-v-77eab565]{background:linear-gradient(160deg,#6fa3ff,#ffb4b4)}.online-state-offline[data-v-77eab565],.online-state-online[data-v-77eab565]{width:.24rem;height:.24rem;border-radius:50%;position:absolute;right:.0933333333rem;bottom:.08rem;border:2px solid #fff}.online-state-offline[data-v-77eab565]{background:#d3d3d3}.top-follow[data-v-77eab565]{margin:0 auto;height:1.72rem;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;padding:0 .5333333333rem;background:linear-gradient(146deg,rgba(84,141,242,.17647058823529413),rgba(255,183,183,.17647058823529413))}.top-follow[data-v-77eab565],.top-kefu[data-v-77eab565]{width:9.1733333333rem;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;border-radius:.1333333333rem}.top-kefu[data-v-77eab565]{margin:.2666666667rem auto 0;height:2.24rem;-webkit-box-pack:start;-webkit-justify-content:flex-start;-ms-flex-pack:start;justify-content:flex-start}.notify-wrap[data-v-77eab565]{width:100%;padding-top:1.6rem;padding-bottom:2.1333333333rem;background:#fff}.notify-wrap .top-nav[data-v-77eab565]{height:1.2rem}.notify-wrap .top-nav[data-v-77eab565] .van-icon{color:#0c0c0c;font-size:.5066666667rem}.notify-wrap .top-nav[data-v-77eab565] .van-nav-bar__content{height:1.2rem}.notify-wrap .top-nav .instruction-text[data-v-77eab565]{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;font-size:.4rem}.notify-wrap .top-nav .instruction-text img[data-v-77eab565]{width:.5333333333rem;height:.5333333333rem;margin-right:.08rem}.notify-wrap .top-option[data-v-77eab565]{width:9.1733333333rem;height:2.6666666667rem;margin:0 auto;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-justify-content:space-around;-ms-flex-pack:distribute;justify-content:space-around;background-color:#fff;padding:0 .4rem;-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:.1333333333rem}.notify-wrap .top-option .btn[data-v-77eab565]{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-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}.notify-wrap .top-option .btn img[data-v-77eab565]{width:1.3066666667rem;height:1.3066666667rem;margin-bottom:.1866666667rem}.notify-wrap .top-option .btn .text[data-v-77eab565]{font-size:.3733333333rem;color:#000}.notify-wrap .notify-list[data-v-77eab565]{width:9.1733333333rem;margin:.3466666667rem auto 0;padding:0 0;-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:.1333333333rem;background-color:#fff;height:calc(100vh - 5.33333rem);overflow-y:auto}.notify-wrap .notify-list .row-list[data-v-77eab565]{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:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;width:100%;height:2.56rem;-webkit-box-sizing:border-box;box-sizing:border-box}.notify-wrap .notify-list .row-list .left .avatar-wrap[data-v-77eab565]{width:1.4933333333rem;height:1.4933333333rem;border-radius:50%}.notify-wrap .notify-list .row-list .left .avatar-wrap img[data-v-77eab565]{width:100%;height:100%;border-radius:50%}.notify-wrap .notify-list .row-list .right[data-v-77eab565]{width:7.2266666667rem}.notify-wrap .notify-list .row-list .right .name-wrap[data-v-77eab565]{margin:.16rem 0;width:100%;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between}.notify-wrap .notify-list .row-list .right .name-wrap .name[data-v-77eab565],.notify-wrap .notify-list .row-list .right .name-wrap[data-v-77eab565]{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}.notify-wrap .notify-list .row-list .right .name-wrap .name[data-v-77eab565]{max-width:5.6533333333rem;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:.4266666667rem;font-weight:500;color:#000}.notify-wrap .notify-list .row-list .right .name-wrap .name span[data-v-77eab565]{font-size:.4rem}.notify-wrap .notify-list .row-list .right .name-wrap .name img[data-v-77eab565]{width:.5333333333rem;height:.5333333333rem}.notify-wrap .notify-list .row-list .right .name-wrap .time[data-v-77eab565]{color:#bababa;font-size:.3466666667rem}.notify-wrap .notify-list .row-list .right .notify-content[data-v-77eab565]{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:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;margin:.16rem 0}.notify-wrap .notify-list .row-list .right .notify-content .content[data-v-77eab565]{font-size:.3466666667rem;color:#818181;width:80%;text-overflow:-o-ellipsis-lastline;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical}.notify-wrap .notify-list .row-list .right .notify-content .number[data-v-77eab565]{width:.48rem;height:.48rem;border-radius:50%;color:#fff;background-color:#eb5851}.notify-wrap .notify-list .load-more[data-v-77eab565],.notify-wrap .notify-list .row-list .right .notify-content .number[data-v-77eab565]{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;font-size:.3733333333rem}.notify-wrap .notify-list .load-more[data-v-77eab565]{height:1.0666666667rem;color:#666}.notify-wrap .notify-list .load-more-btn[data-v-77eab565]{padding:.1333333333rem .4rem;background-color:#f5f5f5;border-radius:.2666666667rem;color:#333}.notify-wrap .notify-list .no-more[data-v-77eab565]{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;height:1.0666666667rem;color:#999;font-size:.3733333333rem}.qrcode-popup[data-v-77eab565]{border-radius:.1333333333rem}.qrcode-popup .qrcode-content[data-v-77eab565]{padding:.5333333333rem;text-align:center;position:relative}.qrcode-popup .qrcode-content .close-btn[data-v-77eab565]{position:absolute;right:.2666666667rem;top:.2666666667rem;width:.5866666667rem;height:.5866666667rem;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}.qrcode-popup .qrcode-content .close-btn[data-v-77eab565] .van-icon{font-size:.48rem;color:#999}.qrcode-popup .qrcode-content .title[data-v-77eab565]{font-size:.4266666667rem;font-weight:500;margin-bottom:.4rem}.qrcode-popup .qrcode-content .qrcode[data-v-77eab565]{width:5.3333333333rem;height:5.3333333333rem}.qrcode-popup .qrcode-content .desc[data-v-77eab565]{font-size:.3733333333rem;color:#666;margin-top:.2666666667rem}