.friendList{margin:0 auto;width:6.94rem}.friendList .row{align-items:center;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAArYAAAB4AQMAAAA9sCNCAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAAJcEhZcwAACxMAAAsTAQCanBgAAAAGUExUReTv++z3/wVWkMAAAAEoSURBVGje7daxTQRRDIRhPzlw6BJciktzCZRAKQQENEGCroELCVZ6rMhB7El/MBJTwBfNyDb7ObEfzvELa/7vfmeJuabmDuS2mFuQm2JuQK5D7oJcU3MHckvMDch1MdcodyC3ITchNyDXIdcodyC3IbcgNyE3INchd0GuUe5Abou5BbkJuQG5DrkLco1yR8xtyC3ITcgNyHUxd0HuQwX+i9tiboq5LuYa5Q7kNuQW5CbkhpjrkLsg19TcgdwWcwtyU8wNyHXIXZBrlDuQ22JuQW5CbkCuQ+4Sc41yW8w9hzGEm5B7DqMJ9xzGC+GeBS7CPQv8jLi9nxC39hvi+n5FXNs3xu0Pxq074+Z9EDc+m3GPRNz1Hoh77ShfcY1yB3ILcgNyL3wnxxe/AW0mBvDc8QAAAABJRU5ErkJggg==) no-repeat top/100% auto;display:flex;height:1.16rem}.friendList .row__header{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAArYAAAAwAgMAAACZG9GTAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAAJcEhZcwAACxMAAAsTAQCanBgAAAAMUExURSi35z/J6j2F6zGg6rAGmF4AAAE+SURBVGje1dexDcIwFIRhu3BH630yAgXswygpIycCBkAiA7AL1IiChI4gkSL/nZQ3waen870klGXTB2zyfna2YSG35rjRwG2Dc72LueUAeg3cDuQmPZdMQ9BzyW6YXS/ArY3rBbjNJtjKDOA6ywzhkvEd05vE3BpNbxXF3IZMw+7Pg2O45Xl8YY9t+yfAEHeYq6MfOC56jbOeW87660ZyyT5zcFv5elEuGQcHF4xDcnBP4vXCXDAO2cHl4hAt3E6aBpzLxSFbuFgcPt1QybkdmYbJjgVcLA4fXpJzqTgM0srBPWFVNu0zCZeKw6Cb9JmGC8UhVSYuE4f4U78ibrlovh1UXO7bwcPF/iyShYsdt+jhUm3m4rb9qrjUcXNxoTazcctjXVykfbOPSzw3I7e0t35FYRjnvi7uwkL7PsJv4s9CAAl7AS0AAAAASUVORK5CYII=) no-repeat top/100% auto;color:#fff;font-size:.2rem;font-weight:500;height:.48rem;line-height:.24rem;margin-bottom:.16rem;text-align:center;white-space:nowrap}.friendList .column{display:flex;flex-grow:0;flex-grow:1;flex-shrink:0;justify-content:center}.friendList .column--64{width:.64rem}.friendList .column--182{width:1.82rem}.friendList .column--176{width:1.76rem}.friendList .column--112{width:1.12rem}.friendList .column--160{width:1.6rem}.friendList__content{color:#092441;font-size:.24rem;font-weight:500;line-height:.36rem}.friendList__content .row{margin-bottom:.16rem}.friendList__content .row:last-of-type{margin-bottom:0}.friendList__content .row.me{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAArYAAAB4AQMAAAA9sCNCAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAAJcEhZcwAACxMAAAsTAQCanBgAAAAGUExURbXd88Hj9rs2MtkAAAEmSURBVGje7daxTQRRDIRhPzlw6BJcihuiB5dACZRCQEAd6BogvGClx4ocxJ70ByMxBXzRjGyznxP74Ry/sOb/7neWmGtq7kBui7kFuSnmBuQ65C7INTV3ILfE3IBcF3ONcgdyG3ITcgNyHXKNcgdyG3ILchNyA3IdchfkGuUO5LaYW5CbkBuQ65C7INcod8TchtyC3ITcgFwXcxfkPlTgv7gt5qaY62KuUe5AbkNuQW5Cboi5DrkLck3NHchtMbcgN8XcgFyH3AW5RrkDuS3mFuQm5AbkOuQuMdcot8XccxhDuAm55zCacM9hvBLuWeAXwjXK7f2MuLXfEdf3G+LavjFufzBufTJu3gdx496MeyTi+lMg7rWjfMU1yh3ILcgNyL3wnRxf5a1tQFFpBpQAAAAASUVORK5CYII=) 0 0/100% 100% no-repeat}.friendList__content .column--64{font-size:.28rem}.friendList__content .column--176,.friendList__content .column--182{align-items:center;flex-direction:column}.friendList__content .rank{height:.36rem;width:.36rem}.friendList__content .rank--1{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAkCAMAAADW3miqAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAAJcEhZcwAACxMAAAsTAQCanBgAAABOUExURUdwTBAgQAgjQP7gLfzgKwgkQQYmQPzgLAgkQAkkQf/fKgokQvzgLf7gLZCNN/3hLPvfLDFEPQkkQf3gLUZTPGRrObGmM8CxMlZfO4ODNjzTBPQAAAASdFJOUwAQn+efuii/QOIYgJ+vj39Avy+47h0AAABnSURBVDjL7dS7DoAgEETRBQQB3yyg/v+PKtFYmOBWJppw61NNMQClW0qaFH8grHFHMm+0OY3zos0hd+Wx/g5aIolMxJlCkiGNAFD0NOqsptG+ekG/RYpPIYT1GQGMmCKQrVLDKwexAdE9EPH08+2zAAAAAElFTkSuQmCC) 0 0/100% 100% no-repeat}.friendList__content .rank--2{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAkCAMAAADW3miqAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAAJcEhZcwAACxMAAAsTAQCanBgAAACBUExURUdwTAklQQgkQP3gLAgjQf7lKgkkQf7gLQgkQAcjQAkkQf3gLf7jLAojQBAoQPzhLP3gLRcuPwgkQBAgQP/fIP3hLf/iLQkkQv3hLJCNNdTAMAkkQf3gLSg7P0ZTPGVrORgwQM+9Md/JL+7VLnR2OKqgMzdIPTdHPoOCN8CxMlZfO2EilxoAAAAbdFJOUwDfYMKfH3zfvyHvnzdPz1/vj0AQEI9Pr3+Pv+rgRNAAAADdSURBVDjL7dPJFoIgFAZgEkRJc2iwwSuo2fj+D1iIdo51yVq16V+5+A5cfpCQf76PcDhjKZ8Jq5izad6HWdgsH8RBkTNEufgENTGO5LnaA1SqRQW4yExsC12kRiWssA1jALoJl4SkBnkYyoLQfEQaHSF50+hi3c6k3qAF7yq9AB1tXQEE+NX5j5bUvYsQM/xxd8UBLAvxnkhNIFhiexlRNpUmXowOxFpzrTWhmeVgUXcmSFahtaCJRicpZeSbCBsae1AvaEfdcVQjD8qfFMNgiBAPnoIh6j3F/c3ffwNZSCOZ6B62fQAAAABJRU5ErkJggg==) 0 0/100% 100% no-repeat}.friendList__content .rank--3{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAkCAMAAADW3miqAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAAJcEhZcwAACxMAAAsTAQCanBgAAACBUExURUdwTP3gLQkkQQgoQAgkQAkjQP/fJf3gLAgjQPvhKRAgQAkkQQgkQPvfLBgvP/bbLf3hLP/iLP3gKwUlQP3hLAokQfrfKgclQC0/PpyVNf3gLTpKPgggQAkkQf3gLSg7P0ZTPJKONd/JLxgwQGRrOe7VLt7JL9C9MYOCN1VfO7GmM5TymY4AAAAddFJOUwDf7yC/jRC/oh8Q30BAX7WEVJ8wb88wb9+f7+8gn0xjbgAAAOlJREFUOMvtk8cSwiAURS2UNNPshRvSjPr/HygwcdQRoq7ceFaZ5Axw7yOj0Z+vmcfU09D13OlMxJ0wckjiiegTaTP7QBKt1fLirgXQdo2Rjty+IXpqI4FZpTxb6Q/M5AT8gboOVDuNU/LCsG+rrgDHIuQWTXZAPizV5RHY+e9WEk2ycp2Zkr2UpgBBBqJxVVNprC1zSilXFFoq+fDFMjWc8Dq8gEbB7clsd8HiRZqq95MlIcuwz1chtUqPnIHsnVRUttk9S1I5iSVSEJ/OslDIptSXb2wdi49HuGN0LEsTPlbwfMF+9/tfAS2CI5tehcCpAAAAAElFTkSuQmCC) 0 0/100% 100% no-repeat}.friendList__content .avatar{flex-grow:0;flex-shrink:0;height:.48rem;margin-bottom:.08rem;position:relative;width:.48rem}.friendList__content .avatar .border{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAKgAAACoCAMAAABDlVWGAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAAJcEhZcwAACxMAAAsTAQCanBgAAAB4UExURUdwTP///////////////////////////wMz4P///wIy3wEw4QIy4QAw5AMz4AEy4v////////////7//6+/9fz9/7zJ97nI91R16gIy4AIy4QMz4P////7//wMz393l+7/M94Kb8EFm5yJN42KB7J+y8+7y/VFz6ecvj88AAAAddFJOUwA+f0Mfv1+fn+HeXX8dvz2PT2+v/c/fn5+Pb6+vOI9l5AAAAwVJREFUeNrt3duSojAABFCgCJFxLoKyu3NB7uP//+FAQlhc3FlrjG53TfrJxxNKse2iSi8niUfijB3UcoQXO6jVbFmgkgW6YYEGBhpFURoEwUZKuRV94j6QUO8vCfv4fZL/fJLIQEPvi7nRSZKLoTc6ie+Ja0PtnAQB+o8YnzBiB73wjWHuSg5qFRpP0AgV6nNBM8+TFFDBBw1QocnYm+Gh0dibSaABH1SiQlPzWUeHBlxQ37zggQpUqOSChnzQDBs6vVmHwocZYXQOahOaTd+l4FDxG5qjQmMqqGSEhsjQnwTQ3EG/KVRPT7+mH/iwK5mDXh+aYEI1bzWDRg76jaDFHJpiQqMJGubQK5mClg5qGbqbQzeYUPXbs5tDJTC0clB72Qy2dg7dYkLlAiqAoYfV1PWxoTUB9G0BBR2f1PTUOKhl6J4AmrFAh+mpOILm8NAYHloyQPMlNISF7ligHQu0IoCGJ6C+g14KbQmgasc5aKiAh9bH0MhBL4U2BNCEBaqmp/0xNECHZujQ9xH6Axmaqt5MAA1OQCUqtHRQi5GqN5NAqz+gAh26Y4F2yFChejMZtEIen4Sqow5qL7Gqo6TQHBW6J4M+QEN1b+aAFgba5sArGQs01HXUQa1CuwXUd9Avx9d1VEGf+KAJJrRdQCNwaA0MjXQdZYWmmNBmAQ0c9MsJdB3lgq7rHPfBzNNQwJVso+uohjbAUEkELZfQLQsUcCV7Gx4oYYAK3ZspoJWBvkzQDBt63+S4K1mm6yg+NJ5D99jQAwu0XkIBV7KcCNowQ0NE6N5An4Gh4Ry6woYWM2hBB4VbyfyxjjqoReiOBdqdgsKtZMlYRxX0FRgazaGPDmoF2s6gJexKlo69GR4ajHXUQS1Cm1NQuJVMEkH3E/SOEBpLsMTqgZIJ2gH/p0Qxh7a7ckwx5h0T+kmaMbVJO6Yy6XSuddbyTKiFXHbWG0KthAqKZrob8thn1ef5vs96vX66NdQoXgfFgHhZD4w+D0M+vftf91Kcqzgj178UlnL9S2EnH7blehUTr9UcAAAAAElFTkSuQmCC) 0 0/100% 100% no-repeat;height:.48rem;left:0;position:absolute;top:0;width:.48rem;z-index:1}.friendList__content .one-line{-webkit-box-orient:vertical;-webkit-line-clamp:1;word-wrap:break-word;display:-webkit-box;overflow:hidden;text-overflow:ellipsis;word-break:break-all}.friendList__content .dan-name{margin-bottom:.1rem;position:relative}.friendList__content .dan-name .dan-icon{height:.32rem;left:-.36rem;position:absolute;top:50%;transform:translateY(-50%);width:.32rem}.friendList__content .dan-star{align-items:center;display:flex;justify-content:center;position:relative}.friendList__content .dan-star .star{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAMAAABEpIrGAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAAJcEhZcwAACxMAAAsTAQCanBgAAAGPUExURUdwTAVRfgpEbwRTggJSgAZMdgRHdQdIdgdNggB1dQNRfABCcgRKdwhPgAFTgglJcgVQfghPeghDcwNRfQxDcAtDbQlDbAtIcgpDcARQgAFSfg5FcAFRgABXiAlPcwNQfQpKbw1EaY7Q/wFTgo7U/wFUfgFWggpDcQVThPH8/wJYhJbU/wNahwdIeEyp9AZNdwVNfobS/4vT/5PX//f+/wJUiAtTgBxkj5jR/oXJ/Y/M/gdYlH/A/bjr/w9Jcczy/4ra/ZDd/wtLbRlmnZ3g/eT1/ylqlAdLgwRNc+Tu91ev9AlGZwpcoJXN+A9hjgxdhlOt/D2Ct9f0/5LU+zN/txddkH665JTQ/6bj/22x6I7G9ur7/wRTel6y1hNul1+YwsLZ5R5wpHO10O73/uD3/zSb7CGF1YvO/zOR1Wez+Cxmha/G3VOdznG98kSZyC5yo2en2WqZr5LX78Xl7HLB+3ylwW65+WSs0RpXh0Gj66Lc/oK270ef3HzF/VCJuTV4oxdrt12q32mn2JCwyt3j8wMQMkYAAAAidFJOUwBct+33QisTDQGEBWojx3w1cB6z2MKTjqvx2vD/vM2TTOZZXMEhAAAB2UlEQVQ4y72S51MaURTF2YYsSlFAHV01vt23vdA7iIBIB3uvoFjSY3pTkz88Ok6MeRNx/JL77c35zb3zzjkm02PH8oDudPV21ekRiHUFHDwke7roNpLnobULMMZvb8uM+V69X1b3t1TWfp8+QKiFN6/3GKbv3wY4Xar8tp3fEtkRG6qZsQk7AWU1UprPZ3IhSNqt1J/P9I0RLMvKMuSZV9LUdOZ5iIWQ50nXb8hM8uIVUY8sFXY3pgLcwmKuXm/IjNfQhm5WYJuNnR+nP0ulVlC6AgJKtLb+eW3Pqw3fHjFOdqVWqyUFg/Ocj+M6nXjyS0LD6dsEJoyT03Z7ZkMKznA+PwfiyaPqrOdObBZXsbGfWs2vplIBTlmJHR8lvPhfsVrGi/D9dMbn8wcW4u/0w4TmQYphIwzvsgL8nP9M1z9WBTeSKd1LbIaXVzoAxMoHul4VcNToHhJG1gEAihIr681zwU0jG2wi+yIaByBa+/T1uHmojaK1cYbEuSiIrS1++FZLNg9mhQEEoERmR3k2F85ms4XLs3JCQFuDieLLp0vC6BA2Xkl/v8gJFFqmMBsRJh3XlylPpRLW0NJYjaK7/8Y7mqbwdNqBAIP4k7tP8/Ag2kcaNcb03+YXEF5SJMK8KzkAAAAASUVORK5CYII=) 0 0/100% 100% no-repeat;height:.32rem;margin-right:.08rem;transform:translateY(-.02rem);width:.32rem}.friendList__emptyContent{align-items:center;display:flex;height:6.64rem;justify-content:center}.friendListPage{padding-bottom:.68rem;padding-top:calc(var(--ds-nav-bar-total-height) + .16rem)}.friendListPage__content{background:#27345e;margin:0 .16rem;padding:.16rem .12rem}.friendListPage .friendList__content,.friendListPage .friendList__emptyContent{height:calc(100vh - var(--ds-nav-bar-total-height) - 1.8rem);overflow-x:hidden;overflow-y:auto}