.followmain[data-v-4ec171cc]{display:flex;gap:30px}.followleft[data-v-4ec171cc]{width:calc(100% - 460px)}.followright[data-v-4ec171cc]{width:460px}.recommend-box[data-v-4ec171cc]{background:#ffffff07;border-radius:16px;box-sizing:border-box;min-height:645px;padding:16px;position:sticky;top:30px}.recommend-box h3[data-v-4ec171cc]{font-size:20px;font-weight:500;margin:0;padding:0}.recommend-box-list[data-v-4ec171cc]{display:flex;flex-direction:column;gap:30px;margin-top:30px}.recommend-box-item[data-v-4ec171cc]{align-items:center;display:flex;gap:8px}.recommend-box-item .recommend-box-item-avatar[data-v-4ec171cc]{border-radius:100%;height:42px;overflow:hidden;width:42px}.recommend-box-item .recommend-box-item-info[data-v-4ec171cc]{display:flex;flex-direction:column;width:calc(100% - 142px)}.recommend-box-item .recommend-box-item-info a[data-v-4ec171cc]{color:#fff;display:block;font-size:16px}.recommend-box-item .recommend-box-item-info span[data-v-4ec171cc]{font-size:12px;opacity:.6}.recommend-box-item .recommend-box-item-action[data-v-4ec171cc]{display:flex;justify-content:center;width:110px}.recommend-box-item .recommend-box-item-action button[data-v-4ec171cc]{align-items:center;background:#cccccc21;border-radius:6px;display:inline-flex;gap:4px;justify-content:center;padding:4px 8px;transition:.3s linear;width:100%}.recommend-box-item .recommend-box-item-action button[data-v-4ec171cc]:hover{background:#cccccc37}.recommend-box-item .recommend-box-item-action .active[data-v-4ec171cc]{opacity:.5}.nofollow[data-v-4ec171cc]{align-items:center;display:flex;justify-content:center;min-height:645px}.followlist[data-v-4ec171cc],.nofollow[data-v-4ec171cc]{background:#ffffff07;border-radius:16px}.followlist[data-v-4ec171cc]{box-sizing:border-box;margin:0 0 16px;min-height:180px;padding:16px}.followlist .creator[data-v-4ec171cc]{align-items:center;display:flex;justify-content:space-between}.followlist .creator .creator-info[data-v-4ec171cc]{align-items:center;display:flex;gap:8px}.followlist .creator .creator-info p[data-v-4ec171cc]:first-child{border-radius:100%;height:32px;opacity:.8;overflow:hidden;width:32px}.followlist .creator .creator-info p[data-v-4ec171cc]:nth-child(2){display:flex;flex-direction:column;justify-content:center}.followlist .creator .creator-info p:nth-child(2) a[data-v-4ec171cc]{color:#fff;font-size:12px}.followlist .creator .creator-info p:nth-child(2) span[data-v-4ec171cc]{font-size:12px;opacity:.6}.followlist .creator .creator-tools[data-v-4ec171cc]{align-items:center;display:flex}.followlist .creator .creator-tools span[data-v-4ec171cc]{align-items:center;background:#ccc0;border-radius:5px;cursor:pointer;display:flex;font-size:13px;gap:4px;line-height:16px;opacity:.6;padding:4px 8px;transition:.3s linear}.followlist .creator .creator-tools span i[data-v-4ec171cc]{font-size:18px!important}.followlist .creator .creator-tools span[data-v-4ec171cc]:hover{background:#cccccc1f}.followlist .song[data-v-4ec171cc]{align-items:center;background:#cccccc09;border-radius:8px;box-sizing:border-box;cursor:pointer;display:flex;gap:16px;margin-top:16px;padding:8px}.followlist .song .song-photo[data-v-4ec171cc]{border-radius:8px;height:80px;overflow:hidden;position:relative;width:80px}.followlist .song .song-photo button[data-v-4ec171cc]{align-items:center;background:#00000060;border:none;cursor:pointer;display:flex;display:none;height:100%;justify-content:center;left:0;position:absolute;top:0;width:100%}.followlist .song .song-photo button i[data-v-4ec171cc]{font-size:32px}.followlist .song .song-info p span[data-v-4ec171cc]{font-size:12px;opacity:.6}.followlist .song .song-info p a[data-v-4ec171cc]{color:#fff}.followlist .song .song-info .style[data-v-4ec171cc]{font-size:12px;opacity:.6}.followlist .song .creator-action[data-v-4ec171cc]{align-items:center;display:flex;gap:8px}.followlist .song .creator-action span[data-v-4ec171cc]{align-items:center;color:#fff;display:flex;font-size:12px;gap:4px;opacity:.6}.followlist .song:hover .song-photo button[data-v-4ec171cc]{display:flex}[data-v-4ec171cc] .el-loading-spinner{margin-top:0!important;top:-10px}[data-v-4ec171cc] .el-loading-spinner .circular{height:30px;width:30px}[data-v-4ec171cc] .el-loading-spinner .path{stroke:#fbd38d!important}.loading-spinner[data-v-4ec171cc]{align-items:center;display:flex;justify-content:center;margin:30px 0}.loading-spinner span[data-v-4ec171cc]{color:#fff;font-size:14px;font-weight:500;margin-left:32px;opacity:.6}@media (max-width:768px){.followleft[data-v-4ec171cc]{width:100%}.followright[data-v-4ec171cc]{display:none}}