.social-login[data-v-0a3f9ee8]{padding:80px 100px;width:100%;height:calc(100% - 54px);background:#f5f5f5}.social-login .social-login-wrap[data-v-0a3f9ee8]{display:flex;justify-content:center;width:80%;min-width:800px;max-width:1000px;max-height:420px;background:#fff;margin:0 auto;border-radius:10px}.social-login .social-left[data-v-0a3f9ee8]{flex:1;width:40%;border-top-left-radius:10px;border-bottom-left-radius:10px;overflow:hidden}.social-login .social-left img[data-v-0a3f9ee8]{width:100%;-o-object-fit:cover;object-fit:cover;height:100%}.social-login .form-code-wrap[data-v-0a3f9ee8]{display:flex;white-space:nowrap;justify-content:space-between}.social-login .social-right[data-v-0a3f9ee8]{width:50%;padding:5% 50px;padding-bottom:0;border-top-right-radius:10px;border-bottom-right-radius:10px;background-color:#fff;overflow:hidden}.social-login .social-right .title[data-v-0a3f9ee8]{font-size:26px;font-weight:700}.social-login .social-right .content[data-v-0a3f9ee8]{margin-top:31px}.social-login .social-right .content .login-form .footer[data-v-0a3f9ee8]{display:flex;color:#afacac;justify-content:space-between}.social-login .social-right .content .login-form .footer span[data-v-0a3f9ee8]{cursor:pointer}.social-login .social-right .content .verification-code[data-v-0a3f9ee8]{flex:1;display:flex;vertical-align:middle;max-width:106px;height:40px;line-height:40px;border-radius:5px;border:1px solid #d9d9d9;overflow:hidden}.social-login .social-right .content .verification-code img[data-v-0a3f9ee8]{width:100%}.social-login .social-right .content .login-form-xbutton[data-v-0a3f9ee8]{width:70%;height:40px;color:#fff;background-color:var(--themeColor)}.social-login .social-right .content .login-form-xbutton[data-v-0a3f9ee8]:hover{width:70%;height:40px;color:#fff;background-color:#40a9ff}@media screen and (max-width:1700px){.social-login .social-login-wrap[data-v-0a3f9ee8]{height:100%;min-height:420px}}@media screen and (max-width:1500px){.social-login[data-v-0a3f9ee8]{padding:4% 100px}.social-login .social-login-wrap[data-v-0a3f9ee8]{height:100%;min-height:400px}}[data-v-0a3f9ee8] .ant-btn:active,[data-v-0a3f9ee8] .ant-btn:focus,[data-v-0a3f9ee8] .ant-btn:hover{border-color:#40a9ff!important}