@media screen and (max-width:1024px){[data-v-36433110]:root{--contentWidth:1024px;--contentHeight:529.92px}}@media (min-width:1025px){[data-v-36433110]:root{--contentWidth:100vw;--contentHeight:50vw}}.item[data-v-36433110]{width:110px;height:110px;background:#fff;border-radius:13px;cursor:pointer;text-align:center;font-size:14px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.item .title[data-v-36433110]{font-size:14px;font-weight:250;color:#333;margin:6px}.item .icon-wrap[data-v-36433110]{width:64px;height:64px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.item .icon[data-v-36433110]{width:100%;-webkit-transition:all .3s;transition:all .3s}.item:hover .icon[data-v-36433110]{-webkit-transform:scale(1.12);transform:scale(1.12)}@media screen and (max-width:1024px){:root{--contentWidth:1024px;--contentHeight:529.92px}}@media (min-width:1025px){:root{--contentWidth:100vw;--contentHeight:50vw}}.icon-wrap .el-badge__content--danger{top:10px;right:20px}@media screen and (max-width:1024px){[data-v-4d70f25a]:root{--contentWidth:1024px;--contentHeight:529.92px}}@media (min-width:1025px){[data-v-4d70f25a]:root{--contentWidth:100vw;--contentHeight:50vw}}.website-title[data-v-4d70f25a]{float:left;height:64px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding-left:24px;color:#fff;font-size:16px}.website-title .logo-page[data-v-4d70f25a]{margin-right:12px;width:42px;height:42px}.website-title .logo-page .logo-nav[data-v-4d70f25a]{width:100%;height:100%;cursor:pointer}.choose-container[data-v-4d70f25a]{background:url(../../static/img/login-bg.d0a3ac4f.png);background-size:cover;min-height:100vh;width:100%;overflow:hidden}.container[data-v-4d70f25a]{padding:65px 65px 170px}.menu-wrap[data-v-4d70f25a]{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}.menu-wrap .item[data-v-4d70f25a]{margin:0 50px 50px 0}.menu-wrap .item[data-v-4d70f25a]:last-child{margin:0}.menu-wrap+.menu-wrap[data-v-4d70f25a]{margin-top:24px;padding-top:24px;border-top:1px solid hsla(0,0%,100%,.4)}.content[data-v-4d70f25a]{position:fixed;height:170px;bottom:16px;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);background:rgba(64,143,120,.45);-webkit-box-shadow:0 4px 8px 0 rgba(0,0,0,.08);box-shadow:0 4px 8px 0 rgba(0,0,0,.08);border-radius:13px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;padding:0 55px}.content .role-list[data-v-4d70f25a]{-webkit-box-flex:1;-ms-flex:1;flex:1;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:space-evenly;-ms-flex-pack:space-evenly;justify-content:space-evenly;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end}.content .role-list .role-item-wrap[data-v-4d70f25a]{width:110px;height:110px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;position:relative;-webkit-transition:all .3s;transition:all .3s;margin:0 10px}.content .role-list .role-item-wrap.selected-role-item-wrap[data-v-4d70f25a],.content .role-list .role-item-wrap[data-v-4d70f25a]:hover{width:150px;height:150px;margin:0 10px}.content .role-list .role-item-wrap .role-item[data-v-4d70f25a]{cursor:pointer;border-radius:13px;background:#fff;position:absolute;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);bottom:0;right:0;width:110px;height:110px;-webkit-transition:all .3s;transition:all .3s}.content .role-list .role-item-wrap .role-item.selected-role-item[data-v-4d70f25a],.content .role-list .role-item-wrap .role-item[data-v-4d70f25a]:hover{width:150px;height:150px}.content .role-list .role-item-wrap .icon[data-v-4d70f25a]{width:100%;height:100%}.back-homepage[data-v-4d70f25a]{margin-left:12px;width:36px;height:36px}.back-homepage .back-nav[data-v-4d70f25a]{width:100%;height:100%;cursor:pointer}.header-title[data-v-4d70f25a]{height:60px}