.layout-login{position:absolute;left:0;right:0;bottom:0;top:0;background-color:#f5f5f5}.layout-login>.login-role{position:absolute;top:50%;left:20px;right:20px;height:400px;margin:auto;-webkit-transform:translateY(-50%);transform:translateY(-50%);display:-webkit-box;display:-ms-flexbox;display:flex;overflow:auto}.layout-login>.login-role>.role1,.layout-login>.login-role>.role2{-webkit-box-flex:1;-ms-flex:1;flex:1;flex-direction:column}.layout-login>.login-role .role-info,.layout-login>.login-role>.role1,.layout-login>.login-role>.role2{height:200px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column}.layout-login>.login-role .role-info{width:200px;margin:auto;text-align:center;cursor:pointer;flex-direction:column}.layout-login>.login-role .role-info>.info-img{height:150px;width:150px;margin:auto;border-radius:150px;overflow:hidden}.layout-login>.login-role .role-info>.info-text{height:50px;line-height:50px}.layout-login>.login-operate{position:absolute;top:10px;left:10px;right:10px;bottom:10px;overflow:auto}.layout-login>.login-operate>.operate-sub{width:100%;height:400px;max-width:600px;margin:auto;margin-top:50px}.layout-login>.login-operate>.operate-sub>.sub-close{height:100px}.layout-login>.login-operate>.operate-sub>.sub-close>img{cursor:pointer}.layout-login>.login-operate>.operate-sub>.sub-form{height:300px}.submit-btn{margin-top:50px}@media (max-width:768px){.layout-login>.login-role{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}}@media (min-width:768px){.layout-login>.login-role{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}}