.friend-sex{width:15px;position:relative;top:2px;margin:0 4px}.official-tag-cl{padding:1px 6px!important;color:#999!important;background-color:#f2f2f2!important;border-radius:10px!important;font-size:12px!important;font-weight:400!important}.friend-talk-btn{border:1px solid #ff5a79;border-radius:15px;padding:6px 10px;font-size:12px;color:#ff5a79}.flexbox[data-v-6504f639]{display:flex;align-items:center}.flexcolumn[data-v-6504f639]{display:flex;flex-direction:column}.clearfloat[data-v-6504f639]{zoom:1}.clearfloat[data-v-6504f639]:after{display:block;clear:both;content:"";visibility:hidden;height:0}.overell[data-v-6504f639]{overflow:hidden;text-overflow:ellipsis;-o-text-overflow:ellipsis;-webkit-text-overflow:ellipsis;-moz-text-overflow:ellipsis;white-space:nowrap}.tioimcontainer[data-v-6504f639]{width:100%;height:100%;min-width:800px;position:relative;background:url(../../static/img/mainbg.4ff6d0ff.png) no-repeat;background-size:100% 100%}.bodycontent[data-v-6504f639]{width:66.8229vw;height:85vh;min-height:800px;min-width:970px;display:flex;position:absolute;top:0;left:0;right:0;bottom:0;margin:auto}.primarybtn[data-v-6504f639]{width:90px;height:30px;border-radius:4px;line-height:30px;text-align:center;cursor:pointer;background:linear-gradient(134deg,#44baf8,#3596fc);box-shadow:0 2px 6px #8dbff8;color:#fff}.primarybtn[data-v-6504f639]:active{box-shadow:0 0 0 transparent}.primarybtn[data-v-6504f639]:disabled{opacity:.6;cursor:not-allowed}.primarybtn.default[data-v-6504f639]{box-shadow:0 2px 6px rgba(127,150,190,.49);color:#333;background:linear-gradient(125deg,#f5f5f5,#edeff3)}.primarybtn.default[data-v-6504f639]:active{box-shadow:0 0 0 transparent}.el-form-item[data-v-6504f639]{margin-bottom:30px}.error-img[data-v-6504f639]{width:100%;height:100%}.modelbody[data-v-6504f639]{min-width:290px;background:#fff;box-shadow:0 0 9px 0 rgba(0,0,0,.2);border-radius:4px;z-index:1000;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);padding-bottom:30px;animation:bounceIn-6504f639 .3s}.modelbody .maintitle[data-v-6504f639]{line-height:20px;padding:30px 0;text-align:center}.modelbody .maintitle .smtitle[data-v-6504f639]{font-size:12px}.modelbody .singletitle[data-v-6504f639]{line-height:20px;padding:46px 0 37px;text-align:center}.modelbody .title[data-v-6504f639]{display:flex;align-items:center;line-height:42px;padding:0 25px 0 30px}.modelbody .title label[data-v-6504f639]{overflow:hidden;text-overflow:ellipsis;-o-text-overflow:ellipsis;-webkit-text-overflow:ellipsis;-moz-text-overflow:ellipsis;white-space:nowrap;flex:1}.modelbody .title .iconIMweb_cancel_cancel[data-v-6504f639]{font-size:24px;flex-shrink:0;cursor:pointer}.modelbody .button-group[data-v-6504f639]{display:flex;align-items:center;justify-content:center}.modelbody .primarybtn+.primarybtn[data-v-6504f639]{margin-left:46px}.animate[data-v-6504f639]{animation:bounceIn-6504f639 .3s}@keyframes bounceIn-6504f639{0%{transform:translate(-50%,-50%) scale(.5)}to{transform:translate(-50%,-50%) scale(1)}}.bounceTopIn[data-v-6504f639]{transform-origin:0 0}.bounceBotIn[data-v-6504f639],.bounceTopIn[data-v-6504f639]{animation:bounceTopIn-6504f639 .2s}@keyframes bounceTopIn-6504f639{0%{transform:scale(.5)}to{transform:scale(1)}}.tioim-switch .switch-span[data-v-6504f639],.tioim-switch input[type=checkbox][data-v-6504f639]{-webkit-appearance:none;-moz-appearance:none;appearance:none;margin:0;position:relative;width:28px;height:14px;border:1px solid #efefef;outline:0;border-radius:10px;box-sizing:border-box;background:#efefef;transition:border-color .3s,background-color .3s;vertical-align:middle;display:inline-block;cursor:pointer}.tioim-switch .switch-span[data-v-6504f639]:after,.tioim-switch input[type=checkbox][data-v-6504f639]:after{content:"";position:absolute;top:0;left:0;border-radius:100%;transition:all .3s;width:12px;height:12px;background-color:#fff;border:1px solid #efefef}.tioim-switch .switch-span.checked[data-v-6504f639],.tioim-switch input[type=checkbox][data-v-6504f639]:checked{border-color:#3596fc;background-color:#3596fc}.tioim-switch .switch-span.checked[data-v-6504f639]:after,.tioim-switch input[type=checkbox][data-v-6504f639]:checked:after{left:100%;margin-left:-12px}.contextmenu-ul[data-v-6504f639]{position:absolute;top:50px;z-index:20;text-align:center;border-radius:4px;box-shadow:0 3px 20px rgba(68,68,68,.16);background:#fff;line-height:40px;z-index:19899999;max-width:200px}.contextmenu-ul li[data-v-6504f639]{min-width:100px;cursor:pointer;padding:0 20px}.contextmenu-ul li[data-v-6504f639]:hover{background:#edeff3}.tm-checkbox[data-v-6504f639]{color:#666;display:inline-block;line-height:20px;cursor:pointer}.tm-checkbox input[type=checkbox][data-v-6504f639]{-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;width:18px;height:18px;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAD0ElEQVRoQ+1ZzVXjMBCeCThX0sFCBctWAFSwycHy47RQAaECoAJCBZs98SwfQgcLFQAVAB3AFTCz78uT94nEjuTY2eB96OREsjzfzKf5E1PDBzdcfvoEsGwL1mYBrfUmM38XkW0DqkNEm+b5hogezfMFEV0ppfBf5VEJwPn5+frKysoRhGbm9TLSiMg9M1+maXqyu7t7X+Zde+1cAEajUef19fVARI6tzR5E5JKILlqt1qOIPGZaNtbpvL29wSpdZoaVvmTvMvPx6urqWa/Xy6zkjac0AK31HhGdEhGEIRH5xcyDspQAKBHpM/MPIy2EP1RKDb2lJyrnhZIkAV0yrV+labpXxfwQFECIaEBEW/gNa4RheOILwssCoMzLywu0Du1j7JfVlEsgY9mfZt0wCIJDH0p5AdBaY2MI/8TM3TAMwfXaR5Ik2yICL7VGREOl1L7rI04AcRwfM/MRhCei7bJcdwkwOW8oBQWtichJFEW2o5jabiYA26zMvLMozU9KZSzx24euhQAM7++Mt6md8y7LWMp7DIJgo+g8FAKwqIOomUVX13drnddag0pbs6iUC8BEWGif0jTdqOoq50VlzsP1LDlyAcRxPESAQZCKoihznfPKUek9lyxFAO5MbvNt0V7HhS6zAnKnKIo2JtdPAbDM9qCUKpWguYSZd15rjWQPudOUQqcAZIf3I9AnA5zRiJkPwzBE2vF35FkgO/m9KIoQFZc+4jhGBjsydcQ7j1gI4F8GLpeGrMA25dLzKDQ+wMt0nwXpBdzpjVLqm4tCggVKKWee5NJcnfNa61y58ijUeABjl/URKSQit1EUZY2CsYH/v0NsJVDNdKNJkvRF5LTJgQwcuy7KPer0LL57xXFcmJvluspZuYfvR+ta58rNGpNOE9GZUqrvzEaxwC5o8jLAurTr2mfuggYbWyXlpVJqx/WxRcxrrVHYo9VS2J1wFfUIaujRLLOofwqCYL10UQ+NNrqtYhUTWWMLzdedRZeYhvegTqdyY2uyIsIlBTP3FtXgMnk/ChcI79VQ8EqZ0eR6fn4eWK3w2s+ETVcI3263+7U1d3PohL9QeqKfX+mqyFAGne9xqehDm5kFjcsdGk2hsIZ3wsCFBIJMKSBG8AOrZY/mcb9s296LQpOgDKVwu4Ku9Xhkd17MfIHrJXSz7SsmAGZmcLs7eacGrbfb7YEPZbwiscsK2TwidqvVgpd6d+fl+f4D7tPSNB1UaV3OZYE8Ac1FHqJm11ikw8xfzfMtM48v8IyFEN1LUa5IKbUB8NR67cs+AdSu0pIbNt4CfwAhuUVPF3IDVwAAAABJRU5ErkJggg==) no-repeat;background-size:100% 100%}.tm-checkbox input[type=checkbox][data-v-6504f639]:checked{background:url(../../static/img/checked.cd4ce967.png) no-repeat;background-size:100% 100%}.nodata-content[data-v-6504f639]{text-align:center;display:flex;flex-direction:column;align-items:center;color:#aaa;line-height:80px;height:40vh;justify-content:center}.nodata-content img[data-v-6504f639]{width:8.125vw;min-width:100px}.flex_column_between_Center[data-v-6504f639]{display:flex;flex-direction:column;justify-content:space-between;align-items:center}.scroll-bar[data-v-6504f639]::-webkit-scrollbar{width:5px;height:5px}.scroll-bar[data-v-6504f639]::-webkit-scrollbar-thumb{border-radius:10px;-webkit-box-shadow:inset 0 0 5px #cacacb;background:#cacacb}.scroll-bar[data-v-6504f639]::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 5px #faf8ff;border-radius:10px;background:#faf8ff}body .mobile-friend-container.mobile-mode[data-v-6504f639],html.mobile-device body .mobile-friend-container[data-v-6504f639]{display:flex!important;flex-direction:column!important;height:100vh!important;width:100%!important;background-color:#f5f5f5!important}body .mobile-friend-container.mobile-mode .mobile-header[data-v-6504f639],html.mobile-device body .mobile-friend-container .mobile-header[data-v-6504f639]{margin:0 1.5rem!important;height:3.125rem!important;background-color:#fff!important;color:#000!important;display:flex!important;align-items:center!important;justify-content:center!important;font-size:1.8rem!important;font-weight:700!important;position:relative!important;z-index:2!important;box-shadow:0 .0625rem .1875rem rgba(0,0,0,.1)!important}body .mobile-friend-container.mobile-mode .mobile-header .back-button[data-v-6504f639],html.mobile-device body .mobile-friend-container .mobile-header .back-button[data-v-6504f639]{position:absolute!important;left:.9375rem!important;font-size:1.25rem!important}body .mobile-friend-container.mobile-mode .mobile-header .title[data-v-6504f639],html.mobile-device body .mobile-friend-container .mobile-header .title[data-v-6504f639]{font-size:1.8rem!important;font-weight:700!important}body .mobile-friend-container.mobile-mode .mobile-nav[data-v-6504f639],html.mobile-device body .mobile-friend-container .mobile-nav[data-v-6504f639]{height:3.125rem!important;background-color:#fff!important;display:flex!important;border-top:.0625rem solid #eee!important}body .mobile-friend-container.mobile-mode .mobile-nav .nav-item[data-v-6504f639],html.mobile-device body .mobile-friend-container .mobile-nav .nav-item[data-v-6504f639]{flex:1!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;color:#666!important;font-size:.75rem!important;position:relative!important}body .mobile-friend-container.mobile-mode .mobile-nav .nav-item .icon[data-v-6504f639],html.mobile-device body .mobile-friend-container .mobile-nav .nav-item .icon[data-v-6504f639]{font-size:1.5rem!important;width:1.5rem!important;height:1.5rem!important;margin-bottom:.25rem!important}body .mobile-friend-container.mobile-mode .mobile-nav .nav-item.active[data-v-6504f639],html.mobile-device body .mobile-friend-container .mobile-nav .nav-item.active[data-v-6504f639]{color:#ff5a79!important}body .mobile-friend-container.mobile-mode .mobile-nav .nav-item .badge[data-v-6504f639],html.mobile-device body .mobile-friend-container .mobile-nav .nav-item .badge[data-v-6504f639]{position:absolute!important;top:0!important;right:50%!important;transform:translateX(.75rem)!important;background-color:#ff5a79!important;color:#fff!important;min-width:1rem!important;height:1rem!important;border-radius:.5rem!important;display:flex!important;align-items:center!important;justify-content:center!important;font-size:.625rem!important;padding:0 .25rem!important}.mobile-mode[data-v-6504f639]{font-family:PingFang SC,Helvetica Neue,Helvetica,Arial,sans-serif!important}.mobile-friend-apply[data-v-6504f639]{height:100vh!important;display:flex!important;flex-direction:column!important;background-color:#f5f5f5!important}.mobile-friend-apply .mobile-header[data-v-6504f639]{margin:0 1.5rem!important;display:flex!important;align-items:center!important;justify-content:center!important;position:relative!important;height:3rem!important;background-color:#fff!important;color:#000!important;font-size:1.8rem!important;font-weight:700!important}.mobile-friend-apply .mobile-header .back-btn[data-v-6504f639]{position:absolute!important;left:1rem!important;font-size:1.25rem!important;color:#fff!important}.mobile-friend-apply .friend-apply-list[data-v-6504f639]{flex:1!important;overflow-y:auto!important;padding:.75rem!important}.mobile-friend-apply .friend-apply-list .no-data[data-v-6504f639]{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;height:50vh!important}.mobile-friend-apply .friend-apply-list .no-data img[data-v-6504f639]{width:6rem!important;height:6rem!important;margin-bottom:1rem!important;opacity:.6!important}.mobile-friend-apply .friend-apply-list .no-data p[data-v-6504f639]{color:#999!important;font-size:.875rem!important}.mobile-friend-apply .friend-apply-list .apply-item[data-v-6504f639]{display:flex!important;align-items:center!important;background-color:#fff!important;border-radius:.5rem!important;padding:.75rem!important;margin-bottom:.75rem!important;box-shadow:0 1px 3px rgba(0,0,0,.05)!important}.mobile-friend-apply .friend-apply-list .apply-item .avatar[data-v-6504f639]{width:3rem!important;height:3rem!important;border-radius:50%!important;overflow:hidden!important;margin-right:.75rem!important;flex-shrink:0!important}.mobile-friend-apply .friend-apply-list .apply-item .avatar img[data-v-6504f639]{width:100%!important;height:100%!important;-o-object-fit:cover!important;object-fit:cover!important}.mobile-friend-apply .friend-apply-list .apply-item .apply-content[data-v-6504f639]{flex:1!important}.mobile-friend-apply .friend-apply-list .apply-item .apply-content .name[data-v-6504f639]{font-size:.9375rem!important;color:#333!important;font-weight:500!important;margin-bottom:.25rem!important}.mobile-friend-apply .friend-apply-list .apply-item .apply-content .apply-msg[data-v-6504f639]{font-size:.8125rem!important;color:#666!important;margin-bottom:.25rem!important}.mobile-friend-apply .friend-apply-list .apply-item .apply-content .apply-time[data-v-6504f639]{font-size:.75rem!important;color:#999!important}.mobile-friend-apply .friend-apply-list .apply-item .action-btns[data-v-6504f639]{display:flex!important;flex-direction:column!important;gap:.5rem!important}.mobile-friend-apply .friend-apply-list .apply-item .action-btns .btn[data-v-6504f639]{padding:.375rem .75rem!important;border-radius:1rem!important;font-size:.8125rem!important;border:none!important}.mobile-friend-apply .friend-apply-list .apply-item .action-btns .btn.accept[data-v-6504f639]{background-color:#ff5a79!important;color:#fff!important}.mobile-friend-apply .friend-apply-list .apply-item .action-btns .btn.reject[data-v-6504f639]{background-color:#f5f5f5!important;color:#666!important;border:1px solid #ddd!important}.mobile-friend-apply .friend-apply-list .apply-item .action-btns .status-text[data-v-6504f639]{font-size:.8125rem!important;color:#999!important;text-align:center!important}.mobile-friend-list[data-v-6504f639]{height:100vh!important;display:flex!important;flex-direction:column!important}.mobile-friend-list .mobile-header[data-v-6504f639]{padding:0 1.5rem!important;display:flex!important;align-items:center!important;justify-content:space-between!important;position:relative!important;height:3rem!important;background-color:#fff!important;color:#000!important;font-size:1.125rem!important;font-weight:700!important}.mobile-friend-list .mobile-header .back-btn[data-v-6504f639]{position:absolute!important;left:1rem!important;font-size:1.25rem!important;color:#fff!important}.mobile-friend-list .friend-list[data-v-6504f639]{flex:1!important;overflow-y:auto!important}.mobile-friend-list .friend-list .no-data[data-v-6504f639]{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;height:50vh!important}.mobile-friend-list .friend-list .no-data img[data-v-6504f639]{width:4.2rem!important;height:4.2rem!important;margin-bottom:1rem!important;opacity:.6!important}.mobile-friend-list .friend-list .no-data p[data-v-6504f639]{color:#999!important;font-size:1.4rem!important}.mobile-friend-list .friend-list .friend-item[data-v-6504f639]{display:flex!important;align-items:center!important;background-color:#fff!important;padding:1.5rem!important;border-bottom:1px solid #f0f0f0!important}.mobile-friend-list .friend-list .friend-item .avatar[data-v-6504f639]{width:4.2rem!important;height:4.2rem!important;border-radius:50%!important;overflow:hidden!important;margin-right:1.5rem!important;flex-shrink:0!important}.mobile-friend-list .friend-list .friend-item .avatar img[data-v-6504f639]{width:100%!important;height:100%!important;-o-object-fit:cover!important;object-fit:cover!important}.mobile-friend-list .friend-list .friend-item .avatar .el-image[data-v-6504f639]{width:4.2rem!important;height:4.2rem!important}.mobile-friend-list .friend-list .friend-item .friend-info[data-v-6504f639]{flex:1!important}.mobile-friend-list .friend-list .friend-item .friend-info .name[data-v-6504f639]{font-size:1.25rem!important;color:#333!important;font-weight:500!important;margin-bottom:.25rem!important}.mobile-friend-list .friend-list .friend-item .friend-info .signature[data-v-6504f639]{font-size:1.25rem!important;color:#999!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;max-width:15rem!important}.mobile-friend-list .add-friend-btn[data-v-6504f639]{position:fixed!important;right:1.5rem!important;bottom:1.5rem!important;width:3.5rem!important;height:3.5rem!important;border-radius:50%!important;background-color:#ff5a79!important;color:#fff!important;display:flex!important;align-items:center!important;justify-content:center!important;font-size:1.5rem!important;box-shadow:0 2px 8px rgba(255,90,121,.5)!important;z-index:9!important}.mobile-dialog[data-v-6504f639]{border-radius:.75rem!important;overflow:hidden!important}.mobile-dialog .el-dialog__header[data-v-6504f639]{padding:1rem!important;text-align:center!important;border-bottom:1px solid #f0f0f0!important}.mobile-dialog .el-dialog__body[data-v-6504f639]{padding:1.25rem!important}.mobile-dialog .el-dialog__footer[data-v-6504f639]{padding:.75rem 1.25rem 1.25rem!important;display:flex!important;justify-content:flex-end!important}.mobile-friend-list[data-v-6504f639]{display:flex;flex-direction:column}.mobile-friend-list .search-box[data-v-6504f639]{padding:1rem 1.5rem;background-color:#f5f5f9;box-shadow:0 1px 2px rgba(0,0,0,.05)}.mobile-friend-list .search-box .search-input-wrapper[data-v-6504f639]{position:relative;display:flex;align-items:center;background-color:#fff;border-radius:1.5rem;padding:0 1rem;height:3.2rem}.mobile-friend-list .search-box .search-input-wrapper .search-icon[data-v-6504f639]{font-size:1.2rem;color:#999;margin-right:.5rem}.mobile-friend-list .search-box .search-input-wrapper .search-input[data-v-6504f639]{flex:1;border:none;outline:none;background:transparent;font-size:1.4rem;color:#333}.mobile-friend-list .search-box .search-input-wrapper .search-input[data-v-6504f639]::-moz-placeholder{color:#999;font-size:1.4rem}.mobile-friend-list .search-box .search-input-wrapper .search-input[data-v-6504f639]::placeholder{color:#999;font-size:1.4rem}.mobile-friend-list .friend-list[data-v-6504f639]{flex:1;overflow-y:auto;position:relative}.mobile-friend-list .friend-list .no-data[data-v-6504f639]{display:flex;flex-direction:column;align-items:center;justify-content:center;height:50vh}.mobile-friend-list .friend-list .no-data img[data-v-6504f639]{width:6rem;height:6rem;margin-bottom:1rem}.mobile-friend-list .friend-list .no-data p[data-v-6504f639]{color:#999;font-size:1.4rem}.mobile-friend-list .friend-list .friend-group .group-header[data-v-6504f639]{position:sticky;top:0;background-color:#edeff3;padding:.5rem 1rem;font-size:1.2rem;font-weight:700;color:#666;border-bottom:1px solid #e0e0e0;z-index:10}.mobile-friend-list .friend-list .friend-item[data-v-6504f639]{display:flex;align-items:center;background-color:#fff;padding:.75rem 1rem;border-bottom:1px solid #f0f0f0}.mobile-friend-list .friend-list .friend-item .avatar[data-v-6504f639]{width:40px;height:40px;margin-right:.75rem}.mobile-friend-list .friend-list .friend-item .friend-info[data-v-6504f639]{flex:1}.mobile-friend-list .friend-list .friend-item .friend-info .name[data-v-6504f639]{font-size:.9375rem;color:#333;font-weight:500;margin-bottom:.25rem}.mobile-friend-list .friend-list .friend-item .friend-info .signature[data-v-6504f639]{font-size:.8125rem;color:#999;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:15rem}.mobile-friend-list .alphabet-nav[data-v-6504f639]{position:fixed;right:1.5rem;top:50%;transform:translateY(-50%);z-index:100;display:flex;flex-direction:column;align-items:center}.mobile-friend-list .alphabet-nav .alphabet-item[data-v-6504f639]{width:1.5rem;height:1.5rem;display:flex;align-items:center;justify-content:center;font-size:1.4rem;color:#666;cursor:pointer;border-radius:50%;margin:1rem 0;transition:all .2s ease}.mobile-friend-list .alphabet-nav .alphabet-item[data-v-6504f639]:hover{background-color:#ff5a79;color:#fff}.mobile-friend-list .alphabet-nav .alphabet-item.active[data-v-6504f639]{background-color:#ff5a79;color:#fff;transform:scale(1.2)}.mobile-friend-list .add-friend-btn[data-v-6504f639]{position:fixed;right:1.5rem;bottom:1.5rem;width:3.5rem;height:3.5rem;border-radius:50%;background-color:#ff5a79;color:#fff;display:flex;align-items:center;justify-content:center;font-size:1.5rem;box-shadow:0 2px 8px rgba(255,90,121,.5);z-index:9}.mobile-dialog{border-radius:.75rem;overflow:hidden;padding:1rem;text-align:center;border-bottom:1px solid #f0f0f0;padding:1.25rem;padding:.75rem 1.25rem 1.25rem;display:flex;justify-content:flex-end}.avatar img[data-v-6504f639]{width:40px;height:40px}