.login-register-bg {background: linear-gradient(302.6deg, #203896 -51.17%, #203896 79.84%); width: 100%;height: 100vh;position: relative;}
.login-register-bg .main {width: 1440px;margin: 0 auto;}
.login-register-bg .main .main-top {text-align: center;padding-top: 27px;position: relative;}
.login-register-bg .main .main-top .return-link {color: #fff;position: absolute;left: 0;line-height: 28px;}
.login-register-bg .main .main-top .return-link img{margin-right: 10px;width: 12px;}
.login-register-bg .main .main-top .logo-wrap img{width: 123px;}
.login-register-bg .main .main-content {position: absolute;top: 50%;left: 50%;margin-top: -243px;margin-left: -195px;}
.login-register-bg .main .box{width: 390px;border-radius: 30px;background-color: #fff;margin: 45px auto 24px;padding: 20px 24px;}
.login-register-bg .main .box h1{font-size: 32px;margin-top: 28px;color: #203896;font-weight: 600;}
.login-register-bg .main .box .sign-google{border-radius: 10px;border: 1px solid #6260FF;display: flex;overflow: hidden;margin-top: 32px;}
.login-register-bg .main .box .sign-google img{padding: 8px 15px;width: 59px;}
.login-register-bg .main .box .sign-google div {background-color: #6260FF;flex: 1;color: #fff;text-align: center;font-size: 14px;line-height: 46px;}
.login-register-bg .main .box .divider {margin-top: 24px;font-weight: bold;color: #D9D9D9;}
.login-register-bg .main .box .divider::before, .login-register-bg .main .box .divider::after{width: 96px;height: 1px;background-color: #D9D9D9;content: '';display: inline-block;margin-bottom: 4px;}
.login-register-bg .main .box .divider::before {margin-right: 5px;}
.login-register-bg .main .box .divider::after {margin-left: 5px;}
.login-register-bg .main .box form {margin-top: 24px;}
.login-register-bg .main .box form input {width: 100%;height: 48px;padding: 13px 18px;background-color: #E9ECF4;border-radius: 15px;margin-bottom: 12px;}
.login-register-bg .main .box form input::-webkit-input-placeholder {color: #7F88A3;}
.login-register-bg .main .box form .error-tip {color: #d2322d;padding-left: 13px;margin-top: -10px;display: block;}
.login-register-bg .main .box .btn-wrap {display: flex;justify-content: space-between;padding-top: 2px;align-items: center;padding-left: 20px;}
.login-register-bg .main .box .btn-wrap a {color: #203896;}
.login-register-bg .main .box .btn-wrap input {width: 145px;background: #203896;border-radius: 10px;color: #fff;height: 31px;cursor: pointer;padding: 0;}
.login-register-bg .main .link-wrap {text-align: center;color: #fff;}
.login-register-bg .main .link {margin-top: 24px;color: #fff;font-weight: bold;}

.login-register-bg .main .register-content {margin-top: -274px;}
.login-register-bg .main .register-content .box .divider::before, .login-register-bg .main .register-content .box .divider::after {width: 90px;}
.login-register-bg .main .register-content .box .btn-wrap {justify-content: flex-end;}

@media (max-width: 1440px) {
    .login-register-bg .main {width: 100%;}
    .login-register-bg .main .main-top .return-link {left: 70px;}
}


@media (max-width: 768px) {
    .login-register-bg .main .main-top .return-link {left: 10px;}
    .login-register-bg .main .main-top .logo-wrap {justify-content: flex-end;padding-right: 20px;text-align: right;}
    .login-register-bg .main .main-content {position: static;margin-top: 0;margin-left: 0;}
    .login-register-bg .main .box {width: 95%}
    .login-register-bg .main .box .divider {text-align: center;}
    .login-register-bg .main .box .divider::before, .login-register-bg .main .box .divider::after {display: none;}
}