.index-list[data-v-288c532c]{position:fixed;width:100%;height:100%;background:#f9f9f9;margin-bottom:20px;top:0}.index-list .index-list-wrap[data-v-288c532c]{height:100%;overflow:auto;-webkit-overflow-scrolling:touch}.index-list .index-group[data-v-288c532c]{background:#ffffff}.index-list .index-group[data-v-288c532c]:last-child{margin-bottom:48px}.index-list .index-group-title[data-v-288c532c]{height:30px;line-height:30px;padding-left:18px;font-size:12px;background:#f9f9f9;color:#999999}.index-list .index-group-item[data-v-288c532c]{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;padding:15px 12px;list-style:none;border-bottom:1px solid #F5F5F5}.index-list .index-group-item .avatar[data-v-288c532c]{width:30px;height:30px;border-radius:50%;margin-right:12px}.index-list .index-group-item .name[data-v-288c532c]{color:#666666;font-size:16px}.index-list .index-nav[data-v-288c532c]{position:absolute;right:0;top:50%;z-index:100;width:22px;padding:20px 0;text-align:center;border-radius:10;-webkit-transform:translateY(-50%);transform:translateY(-50%);border-radius:5px;margin-right:5px}.index-list .index-nav .nav-item[data-v-288c532c]{font-size:12px;color:#999999;list-style:none;height:22px;width:22px;line-height:22px}.index-list .index-nav .nav-item.active[data-v-288c532c]{color:#ffffff;border-radius:50%}.index-list .index-indicator[data-v-288c532c]{position:absolute;width:50px;height:50px;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);text-align:center;line-height:50px;background:rgba(0,0,0,0.5);color:#fff;font-size:22px;border-radius:5px;pointer-events:none}.fade-leave-active[data-v-288c532c]{-webkit-transition:opacity 0.5s;transition:opacity 0.5s}.fade-enter[data-v-288c532c],.fade-leave-to[data-v-288c532c]{opacity:0}