.login[data-v-7ed193d3]{width:100%;height:100%;position:relative}.login .bg[data-v-7ed193d3]{width:100%;height:88%;background-image:linear-gradient(to bottom right,#9bdff6,#469dfe)}.login .bg>img[data-v-7ed193d3]{width:42%;position:absolute;left:11%;top:14%}.login .bg .login-box[data-v-7ed193d3]{width:380px;height:450px;background:#fff;position:absolute;right:12%;top:20%}.login .bg .login-box .logo[data-v-7ed193d3]{width:100%;height:70px;color:#409eff;font-weight:600;text-align:center;margin-top:20px;margin-bottom:16px}.login .bg .login-box .logo .title[data-v-7ed193d3]{position:relative}.login .bg .login-box .logo .title svg[data-v-7ed193d3]{margin:1px;position:relative;top:4px}.login .bg .login-box .logo .titlespan[data-v-7ed193d3]{vertical-align:21%;display:inline-block;margin-left:8px}.login .footer[data-v-7ed193d3]{width:100%;height:12%;background:#fff;text-align:center;font-size:12px;color:#666;line-height:20px;margin-top:38px}.login .login-box .title[data-v-7ed193d3]{font-size:20px;font-weight:600;text-align:center;padding-top:30px}.login .login-box .ms-content[data-v-7ed193d3]{padding:30px 30px}.login .login-box .login-btn[data-v-7ed193d3]{text-align:center;margin-top:10px}.login .login-box .login-btn button[data-v-7ed193d3]{width:100%;height:36px;margin-bottom:10px}.login .login-box .login-tips[data-v-7ed193d3]{font-size:12px;line-height:30px;color:#fff}.login .login-box .code-box[data-v-7ed193d3]{margin-bottom:18px;display:flex;font-size:14px}.code-img[data-v-7ed193d3]{flex:4;width:108px;max-width:108px;min-width:108px;height:40px;display:inline-block;background-color:#f5f7fa;border-radius:4px;border:1px solid #dcdfe6;box-sizing:border-box;outline:0;margin-left:10px;overflow:hidden}.code-img img[data-v-7ed193d3]{width:100%;height:100%}