.login-wrap[data-v-1d2af8c4]{position:relative;width:100%;height:100%;background-image:url(../img/login-bg.e2134055.jpg);background-size:100%}.ms-title[data-v-1d2af8c4]{width:100%;line-height:50px;text-align:center;font-size:20px;color:#fff;border-bottom:1px solid #ddd}.ms-login[data-v-1d2af8c4]{position:absolute;left:50%;top:50%;width:18%;margin:-190px 0 0 -175px;border-radius:5px;background:hsla(0,0%,100%,.3);overflow:hidden;transition:left .4s,width .4s}.ms-login .roles-box[data-v-1d2af8c4]{display:none}.ms-content[data-v-1d2af8c4]{padding:30px 30px}.login-btn[data-v-1d2af8c4]{text-align:center}.login-btn button[data-v-1d2af8c4]{width:100%;height:36px;margin-bottom:10px}.login-tips[data-v-1d2af8c4]{font-size:12px;line-height:30px;color:#fff}.select-role-box[data-v-1d2af8c4]{width:50%;left:35%}.select-role-box .roles-box[data-v-1d2af8c4]{display:block;padding:10px;width:100%}.select-role-box .roles-box[data-v-1d2af8c4]:after{content:"";display:block;clear:both}.select-role-box .roles-box .col-role[data-v-1d2af8c4]{width:23%;float:left;margin-right:1.9%}.select-role-box .roles-box .role[data-v-1d2af8c4]{text-align:center;font-size:16px;background-color:#fff;margin-top:1rem;border-radius:5px;padding:2rem 0;color:#606266;cursor:pointer}.select-role-box .roles-box .role[data-v-1d2af8c4]:hover{outline:1px solid #666}.select-role-box .ms-content[data-v-1d2af8c4]{display:none}