.head .title[data-v-8c1c741a]{padding:0 7px;background-color:#6480f3;display:flex;align-items:center;font-family:"071-SSRuiFengTi";font-size:40px;margin-bottom:3px;position:relative}.head .title img[data-v-8c1c741a]{width:33px;height:33px;margin-right:6px}.head .title .titleName[data-v-8c1c741a]{max-width:70%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;-o-text-overflow:ellipsis}.head .blackBar[data-v-8c1c741a]{background-color:#2b2b2b;display:flex;align-items:center;font-family:TsangerYuYangT-W03;font-size:12px;word-spacing:5px}.head .blackBar .greenBar[data-v-8c1c741a]{width:20px;height:10px;background-color:#a7f264}.head .blackBar .mar_3[data-v-8c1c741a]{margin-right:3px}.head .navto[data-v-8c1c741a]{position:absolute;right:0;width:33px;height:33px}.head .navto1[data-v-8c1c741a]{position:absolute;right:50px;width:33px;height:33px}.head .pop-up[data-v-8c1c741a]{color:#000;border-radius:10px;width:280px}.head .pop-up .pop-up-box[data-v-8c1c741a]{padding:10px}.head .pop-up .pop-up-box .pop-box-radio[data-v-8c1c741a]{padding:5px}.head .pop-up .pop-up-btn[data-v-8c1c741a]{display:flex;justify-content:space-around;align-items:center;padding:10px}.head .pop-up .pop-up-btn .pop-btn-btn[data-v-8c1c741a]{border:0;background-color:#fff;width:40%}.head .pop-up .pop-up-btn .btn-determine-col[data-v-8c1c741a]{color:#ee0a24}.head .pop-up .pop-up-btn .btn-cancel-col[data-v-8c1c741a]{color:#b6b6b6}.friend[data-v-13f9ec67]{width:100%;min-height:100vh;padding-top:75px;padding-bottom:60px;background-image:url(../img/8.841bd10c.png);background-repeat:repeat-y;background-size:100% 100%;color:#fff}.friend .content[data-v-13f9ec67]{padding:18px 15px 0}.friend .content .recommend[data-v-13f9ec67]{font-family:"071-SSRuiFengTi";font-size:32px;margin-bottom:15px;display:flex;align-items:center;justify-content:space-between}.friend .content .recommend img[data-v-13f9ec67]{width:28px;height:28px;cursor:pointer}.friend .content .list[data-v-13f9ec67]{height:65vh;overflow-y:scroll;scrollbar-width:none;-ms-overflow-style:none}.friend .content .list .item[data-v-13f9ec67]{width:100%;background-image:linear-gradient(237deg,rgba(118,233,214,.83),rgba(159,174,230,.83)),linear-gradient(#fff,#fff);background-blend-mode:normal,normal;border-radius:7.5px;padding:7.5px;display:flex;align-items:center;justify-content:space-between;margin-bottom:3.75px}.friend .content .list .item .right[data-v-13f9ec67]{max-width:60%;display:flex;align-items:center}.friend .content .list .item .right .img[data-v-13f9ec67]{width:60px;height:60px;border-radius:50%;background-color:#2b2b2b;border:3px solid #2b2b2b;position:relative;margin-right:22px}.friend .content .list .item .right .img img[data-v-13f9ec67]{width:100%;height:100%;border-radius:50%}.friend .content .list .item .right .img .text[data-v-13f9ec67]{width:26px;height:26px;line-height:26px;background-color:#2b2b2b;border-radius:50%;position:absolute;right:-14px;bottom:0;text-align:center;font-family:AeroMaticsDisplayBoldItalic}.friend .content .list .item .right .info .name[data-v-13f9ec67]{font-family:AeroMaticsDisplayBoldItalic;font-size:22px;width:110px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.friend .content .list .item .right .info .Ranking[data-v-13f9ec67]{font-family:AeroMaticsDisplayRegular;font-size:16px}.friend .content .list .item .left[data-v-13f9ec67]{display:flex;align-items:center}.friend .content .list .item .left img[data-v-13f9ec67]{width:34px;height:34px;border-radius:50%;cursor:pointer}.friend .content .list .item .left .mar_right[data-v-13f9ec67]{margin-right:12px}.friend .content .list[data-v-13f9ec67]::-webkit-scrollbar{display:none}.friend .btm[data-v-13f9ec67]{width:100%;font-family:"071-SSRuiFengTi";display:flex;flex-direction:column;align-items:center;position:fixed;bottom:8px}.friend .btm .request_add[data-v-13f9ec67]{width:100%;display:flex;align-items:center;justify-content:space-between}.friend .btm .request_add .left[data-v-13f9ec67]{width:64px;height:52px;background-color:rgba(43,43,43,.5);border-radius:0 0 34px 0;padding:8px 8px 8px 0}.friend .btm .request_add .left .box[data-v-13f9ec67]{background-color:#2b2b2b;border-radius:0 0 30px 0;border:3px solid #7736fe;opacity:.9;display:flex;align-items:center;justify-items:center;padding-left:8px;height:100%}.friend .btm .request_add .left .box img[data-v-13f9ec67]{width:26px;height:18px}.friend .btm .request_add .right[data-v-13f9ec67]{width:82%;display:flex;align-items:center;background-color:rgba(43,43,43,.5);border-radius:36px 0 0 0;padding:8px 56px 8px 8px;text-align:center}.friend .btm .request_add .right .request[data-v-13f9ec67]{background-color:#5c65cb;border-radius:32px 2px 2px 2px;border:2px solid #261e36;margin-right:8px;width:112px;font-size:22px;color:#2b2b2b;padding:2px 0}.friend .btm .request_add .right .add[data-v-13f9ec67]{background-color:#8ff9f6;border-radius:3px 3px 15px 3px;border:2px solid #261e36;width:120px;font-size:24px;color:#2b2b2b;padding:2px 0}@media screen and (min-width:480px){.friend .btm[data-v-13f9ec67]{width:430px}}