.box[data-v-099e91c0]{display:flex;align-items:center}.but[data-v-099e91c0]{display:flex;line-height:20px}.but span[data-v-099e91c0]{font-size:14px;padding-left:20px;border-left:1px solid #dcdfe6}.but i[data-v-099e91c0]{font-size:20px;padding:0 10px 0 0}.main[data-v-099e91c0]{margin:-20px 0 -10px 0;height:calc(100vh - 300px);overflow:hidden;overflow-y:auto;border:1px solid #ebeef5;box-sizing:border-box;padding:0}.main .ul[data-v-099e91c0]{display:grid;grid-template-columns:repeat(auto-fit,minmax(60px,1fr))}.main .li[data-v-099e91c0]{cursor:pointer;transition:all .5s;background:#fff;height:60px;font-size:24px;display:flex;justify-content:center;align-items:center}.main .li[data-v-099e91c0]:hover{background:#ebf0f3}.main .li.true[data-v-099e91c0]{background:#4466cf;color:#fff}