.robots-box-wraper[data-v-7ea823e0]{height:calc(100% - 140px)}.robots-box[data-v-7ea823e0]{height:calc(100vh - 75px);overflow:auto}.role-box[data-v-7ea823e0]{display:grid;grid-gap:16px;gap:16px;padding:10px 12px 10px 14px;grid-template-columns:repeat(auto-fill,185px);list-style:none}.role-box .role[data-v-7ea823e0]{flex-direction:column;padding:20px;width:185px;height:177px;background:linear-gradient(143deg,#f8f9ff,#fbfbff);border:2px solid #fff;border-radius:10px;position:relative;display:flex;align-items:flex-start;cursor:pointer}.role-box .role img[data-v-7ea823e0]{margin-bottom:4px;width:58px;height:58px}.role-box .role h2[data-v-7ea823e0]{height:22px;font-size:16px;font-family:PingFang SC-Semibold,PingFang SC;font-weight:600;color:#24263e;line-height:19px;margin:0}.role-box .role h3[data-v-7ea823e0]{margin:0;font-size:12px;font-family:PingFang SC-Regular,PingFang SC;font-weight:400;color:#818396;line-height:14px}.role-box .role[data-v-7ea823e0]:hover{background:#f6f9ff;transform:scale(1.04);transition:.3s}.role-box .role[data-v-7ea823e0]:active{background:#eaf1fe}