.index-box[data-v-0b333f1f]{display:flex;justify-content:space-between;width:100%;min-height:100vh;height:100%;background-color:#f7f9fc}.index-box .left-box[data-v-0b333f1f]{width:220px;height:100%;min-height:100vh;background-color:#fff;box-shadow:0 0 17px 0 #d3d3d3;position:relative;z-index:99;transition:all .1s}.index-box .left-box .name-tit[data-v-0b333f1f]{width:100%;text-align:center;align-items:center;justify-content:center;padding:20px 0;font-size:18px;color:#2c3e50}.index-box .left-box .name-tit img[data-v-0b333f1f]{width:30px;height:30px;margin-right:10px}.index-box .left-box .user-info[data-v-0b333f1f]{padding-bottom:20px;border-bottom:1px solid #eaeaea}.index-box .left-box .user-info img[data-v-0b333f1f]{width:70px;height:70px;box-shadow:2px 2px 10px #aaa;border-radius:50%}.index-box .left-box .user-info p[data-v-0b333f1f]{margin:0;font-size:16px;text-align:center;color:#2c3e50}.index-box .left-box .menu[data-v-0b333f1f]{box-sizing:border-box}.index-box .left-box .menu .item[data-v-0b333f1f]{text-align:left;color:#666;padding:12px 20px;cursor:pointer;font-size:14px;position:relative;color:#54667a}.index-box .left-box .menu .item .item-con[data-v-0b333f1f]{display:flex}.index-box .left-box .menu .item .item-con i[data-v-0b333f1f]{font-size:20px;margin-right:8px;color:#54667a}.index-box .left-box .menu .item.active[data-v-0b333f1f]{color:#4890f7;font-weight:700}.index-box .left-box .menu .item.active i[data-v-0b333f1f]{color:#4890f7}.index-box .left-box .menu .item .tip[data-v-0b333f1f]{display:none;position:absolute;top:0;left:60px}.index-box .left-box .menu .item .tip span[data-v-0b333f1f]{display:inline-block;white-space:nowrap;margin-left:10px;padding:10px 20px;background-color:#fff;box-shadow:0 2px 6px 0 #e1e5eb;border-radius:4px}.index-box .left-box .menu .item .tip.active[data-v-0b333f1f]{display:block}.index-box .left-box.short[data-v-0b333f1f]{width:60px}.index-box .left-box.short .name-tit[data-v-0b333f1f]{flex-direction:column;justify-content:center;font-size:14px;text-align:center}.index-box .left-box.short .name-tit img[data-v-0b333f1f]{width:20px;height:20px;margin:0 auto}.index-box .left-box.short .user-info img[data-v-0b333f1f]{width:30px;height:30px;box-shadow:2px 2px 10px #aaa;border-radius:50%}.index-box .left-box.short .user-info p[data-v-0b333f1f]{margin:0;font-size:14px;text-align:center;color:#2c3e50}.index-box .right-box[data-v-0b333f1f]{height:100%;width:calc(100% - 220px)}.index-box .right-box.active[data-v-0b333f1f]{width:calc(100% - 60px)}.index-box .right-box .right-banner[data-v-0b333f1f]{position:relative;width:100%;height:60px;background-color:#30323f;padding:0 20px;display:flex;align-items:center;justify-content:space-between}.index-box .right-box .right-banner .user[data-v-0b333f1f]{display:flex;justify-content:flex-end;align-items:center}.index-box .right-box .right-banner .user img[data-v-0b333f1f]{width:40px;height:40px;border-radius:50%;margin-right:10px}.index-box .right-box .right-banner .user i[data-v-0b333f1f]{color:#fff;transition:all .4s}.index-box .right-box .right-banner .user i.active[data-v-0b333f1f]{transform:rotate(180deg);transform-origin:center center}.index-box .right-box .right-banner .handle-icon[data-v-0b333f1f]{font-size:24px;color:#eee}.index-box .right-box .user-setting[data-v-0b333f1f]{position:absolute;bottom:-200px;right:10px;padding-top:20px;background-color:#fff;width:300px;box-shadow:0 0 6px 0 rgba(0,0,0,.2);border-radius:5px;z-index:99}.index-box .right-box .user-setting .title[data-v-0b333f1f]{font-size:18px;text-align:left;padding-bottom:10px;padding-left:20px}.index-box .right-box .user-setting .item[data-v-0b333f1f]{font-size:15px;text-align:left;line-height:1.7;padding-left:20px}.index-box .right-box .user-setting .btn[data-v-0b333f1f]{margin-top:12px;width:100%;height:50px;text-align:center;border-top:1px solid #eaeaea}.index-box .right-box .user-setting .btn button[data-v-0b333f1f]{flex:1;border-right:1px solid #eaeaea}.index-box .right-box .user-setting .btn button[data-v-0b333f1f]:last-child{border-right:none}.index-box .right-box .right-content[data-v-0b333f1f]{height:calc(100vh - 60px);overflow:auto;min-width:1000px}