.switch-role[data-v-9d184b36]{width:100%}.switch-role .switch-header[data-v-9d184b36]{position:fixed;top:0;left:0;width:calc(100% - .75rem);background:#fff;padding-left:.75rem;z-index:9}.switch-role .switch-header svg[data-v-9d184b36]{float:left}.switch-role .switch-header[data-v-9d184b36] .menu-list{visibility:hidden}.switch-role .switch-role-content[data-v-9d184b36]{padding:3rem 5.8125rem 0;background:#f2f3f5;display:flex;justify-content:center;align-items:center}.switch-role .switch-role-content .switch-role-wrap[data-v-9d184b36]{width:75rem;min-height:51.5rem;background:#fff;box-shadow:0 0 .5rem 0 rgba(31,35,41,.04);border-radius:.5rem;margin-top:1rem}.switch-role .switch-role-content .switch-head[data-v-9d184b36]{height:5rem;display:flex;justify-content:center;align-items:center;text-align:center;font-size:1.25rem;font-weight:600;color:#1f2329}.switch-role .switch-role-content .switch-body[data-v-9d184b36]{overflow:hidden;display:flex;justify-content:flex-start;flex-wrap:wrap;padding:0 11.5rem;flex-direction:column}.switch-role .switch-role-content .switch-body .role-item-title[data-v-9d184b36]{height:1.75rem;display:flex;justify-content:flex-start;align-items:flex-start;font-size:.75rem;color:#8d9299}.switch-role .switch-role-content .switch-body .role-item-box-wrap[data-v-9d184b36]{display:flex;flex-wrap:wrap}.switch-role .switch-role-content .switch-body .role-item-box[data-v-9d184b36]{margin-right:1rem;width:calc((100% - 3rem)/4)}.switch-role .switch-role-content .switch-body .role-item-box[data-v-9d184b36]:nth-child(4n+4){margin-right:0}.switch-role .switch-role-content .switch-body .role-item-box .role-item[data-v-9d184b36]{cursor:pointer;width:100%;height:2.125rem;background:#f8f9fa;border-radius:.375rem;margin-right:1rem;margin-bottom:1rem;padding-top:1rem;border:.0625rem solid transparent;color:#1f2329;position:relative}.switch-role .switch-role-content .switch-body .role-item-box .role-item[data-v-9d184b36]:hover{border-radius:.375rem;border:.0625rem solid #00b87a;background:rgba(0,184,122,.1);color:#00b87a!important}.switch-role .switch-role-content .switch-body .role-item-box .role-item:hover .active-icon[data-v-9d184b36]{display:block}.switch-role .switch-role-content .switch-body .role-item-box .role-item .icon-question-icon[data-v-9d184b36]{position:absolute;top:1.125rem;right:.75rem}.switch-role .switch-role-content .switch-body .role-item-box .role-item .icon-question-icon:hover .icon[data-v-9d184b36]{color:#00b87a}.switch-role .switch-role-content .switch-body .role-item-box .role-item .icon-question-icon .icon[data-v-9d184b36]{color:#bbbbd0}.switch-role .switch-role-content .switch-body .role-item-box .role-item .active-icon[data-v-9d184b36]{position:absolute;right:0;bottom:-.125rem;display:none}.switch-role .switch-role-content .switch-body .role-item-box .role-item .role-icon[data-v-9d184b36]{margin:0 auto}.switch-role .switch-role-content .switch-body .role-item-box .role-item .role-name[data-v-9d184b36]{font-size:.875rem;font-family:PingFangSC,PingFang SC;font-weight:400;margin-left:1.5rem}.switch-role .switch-role-content .switch-body .role-item-box .role-item .role-desc[data-v-9d184b36]{padding:0 1.875rem;height:2.25rem;font-size:.8125rem;font-weight:400;color:#a8a8c0;line-height:1.125rem}.switch-role .switch-role-content .switch-body .role-item-box .role-item .role-switch[data-v-9d184b36]{display:none;margin-top:2.3125rem;font-size:.875rem;font-weight:500;color:#8e8fff;line-height:1.25rem}.switch-role .switch-role-content .switch-body .role-item-box .role-item .role-line[data-v-9d184b36]{display:none;width:100%;height:.25rem;position:absolute;bottom:0;background:linear-gradient(270deg,#c782ff,#8e8fff)}.switch-role .switch-role-content .switch-body .role-item-box .active-class[data-v-9d184b36]{border-radius:.375rem;border:.0625rem solid #00b87a;background:rgba(0,184,122,.1);color:#00b87a!important}.switch-role .switch-role-content .switch-body .role-item-box .active-class .active-icon[data-v-9d184b36]{display:block}.switch-role .switch-role-content.more-five[data-v-9d184b36]{padding:3rem 4.5625rem}.switch-role .switch-role-content.more-five .switch-head[data-v-9d184b36]{margin:7rem 0 2.9375rem}.switch-role .switch-role-content.more-five .role-item-box[data-v-9d184b36]{margin-right:1rem;width:12.25rem}.switch-role .switch-role-content.more-five .role-item-box .role-item[data-v-9d184b36]{width:12.25rem;height:3.25rem;background:#f8f9fa;border-radius:.375rem;margin-right:1rem}.switch-role .switch-role-content.more-five .role-item-box .role-item .role-name[data-v-9d184b36]{height:1.5rem;font-size:1rem;font-weight:500;line-height:1.5rem;text-align:center;margin:1.25rem 0 .625rem}.switch-role .switch-role-content.more-five .role-item-box .role-item .role-desc[data-v-9d184b36]{padding:0 1.875rem;height:2.25rem;font-size:.8125rem;font-weight:400;color:#a8a8c0;line-height:1.125rem}.switch-role .switch-role-content.more-five .role-item-box .role-item .role-switch[data-v-9d184b36]{display:none;margin-top:1.75rem;font-size:.875rem;font-weight:500;color:#8e8fff;line-height:1.25rem}.switch-role .switch-role-content.more-five .role-item-box .role-item[data-v-9d184b36]:hover{margin-top:0;height:18.125rem}.switch-role .switch-role-content.more-five .role-item-box .role-item:hover .role-line[data-v-9d184b36],.switch-role .switch-role-content.more-five .role-item-box .role-item:hover .role-switch[data-v-9d184b36]{display:block}.switch-role .switch-role-content.more-than-five .switch-head[data-v-9d184b36]{margin:1.25rem 0 2.1875rem}.switch-role .no-auth[data-v-9d184b36]{padding-top:3rem;text-align:center}.switch-role .no-auth img[data-v-9d184b36]{margin-top:4.75rem}.switch-role .no-auth div[data-v-9d184b36]{font-size:.8125rem;font-weight:400;color:#8788a4;line-height:3.75rem}.switch-role .loading-wrap[data-v-9d184b36]{width:100%;height:calc(100vh - 3rem);display:flex;justify-content:center;align-items:center;flex-direction:column}.switch-role .loading-wrap .loader-section[data-v-9d184b36]{width:2.5rem;height:2.5rem;border:.1875rem solid #f5f5f5;border-bottom-color:#7a7aff;border-radius:50%;display:inline-block;-webkit-animation:rotation-data-v-9d184b36 1s linear infinite;animation:rotation-data-v-9d184b36 1s linear infinite}.switch-role .loading-wrap .loader-txt[data-v-9d184b36]{margin-top:.75rem;font-size:.875rem;font-weight:400;color:#7a7aff}@keyframes rotation-data-v-9d184b36{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}