.main[data-v-3a87c4bb]{padding:20px 0;display:flex;gap:20px;min-height:340px}.main .menu[data-v-3a87c4bb]{width:150px;height:100%;flex-shrink:0;background:#fff;padding:15px;border-radius:6px}.main .menu ul li[data-v-3a87c4bb]{width:100%;display:flex;align-items:center;transition:all .3s;font-size:14px;height:48px;margin:20px 0}.main .menu ul li i[data-v-3a87c4bb]{margin-right:10px;font-size:16px}.main .menu ul li a[data-v-3a87c4bb]{width:100%;line-height:48px;display:block;padding-left:20px}.main .menu ul li.active[data-v-3a87c4bb],.main .menu ul li[data-v-3a87c4bb]:hover{background-color:var(--color-primary);border-radius:40px;cursor:pointer}.main .menu ul li.active a[data-v-3a87c4bb],.main .menu ul li:hover a[data-v-3a87c4bb]{color:#fff}.main .content[data-v-3a87c4bb]{border-radius:6px;background-color:#fff;flex-grow:1;height:100%}