.UserTreeSelector[data-v-b66a8c5e]{display:flex;width:678px;height:456px;border:1px solid #dee0e3}.UserTreeSelector .blue-circle[data-v-b66a8c5e]{margin-right:10px;width:32px;height:32px;border-radius:50%;float:left;color:#fff;font-size:14px;background:linear-gradient(180deg,#31b0ff,#1678ff)}.UserTreeSelector .group-name[data-v-b66a8c5e]{width:24px;height:24px;background:linear-gradient(270deg,#3198ff,#4a96ff);border-radius:2px;color:#fff}.RoleList .container[data-v-45d8475a]{display:flex}.RoleList .container .left[data-v-45d8475a]{width:326px;padding-right:25px;border-right:6px solid #f5f3f3;overflow-y:auto}.RoleList .container .left .role[data-v-45d8475a]{padding:10px;cursor:pointer;font-size:14px}.RoleList .container .left .role-active[data-v-45d8475a]{background-color:#eff6ff;color:#1678ff}.RoleList .container .right[data-v-45d8475a]{flex:1;padding-left:24px}.RoleList .container .right .control[data-v-45d8475a]{padding:16px 0;margin:18px 0;border-top:1px solid #d9e9ff;border-bottom:1px solid #d9e9ff}.RoleList .container .right .menu-wrapper[data-v-45d8475a]{display:flex}.RoleList .container .right .menu-wrapper .menu-tree[data-v-45d8475a]{width:360px;border-right:1px solid #eee;max-height:600px;overflow-y:auto}.RoleList .container .right .menu-wrapper .button-wrapper[data-v-45d8475a]{flex:1;padding:0 20px}