/**
 * @Author  : Luo
 * @Time    : 2020/8/25 16:56
*/
* {margin: 0;padding: 0}
a {text-decoration: none}
input, input:focus, button, button:focus {outline: none}
select::-ms-expand {display: none}
select{appearance:none;-moz-appearance:none;-webkit-appearance:none;background-color: #fff}
.flex_center {display: flex;justify-content: center;align-items: center}
.input::placeholder {color: rgba(202, 202, 202, 1);font-size: 14px;line-height: 1;font-weight: 400}
.input {width: 308px;height: 12px;padding: 13px 15px;background: rgba(255, 255, 255, 1);border: 1px solid rgba(202, 202, 202, 1);border-radius: 4px;font-size: 14px;color: rgba(48, 48, 48, 1);line-height: 1}
.input:focus {border: 1px solid rgba(77, 135, 235, 1);box-shadow:0 0 6px 0 rgba(77, 135, 235, 0.5)}
.icon-input {padding-left: 42px;width: 281px}
.code-input {padding-right: 20px;width: 196px}
.submit button {margin-top: 13px;cursor: pointer;border: 1px solid rgba(101, 150, 235, 1);width: 340px;text-align: center;height: 38px;line-height: 2;font-size: 14px;color: rgba(255, 255, 255, 1);font-weight: 400;background: rgba(101, 150, 235, 1);border-radius: 4px}
.submit button:hover {background: rgba(124, 165, 235, 1)}
.submit button:active {background: rgba(77, 135, 235, 1)}

/* 密码眼睛 */
.input-container span.operate_pass {pointer-events: auto;right: 0;top: 0;padding-left: 0;width: 40px;height: 40px}
.input-container span.operate_pass i {transition: all .1s;background-repeat: no-repeat;background-size: 100%;width: 18px;height: 40px;display: inline-block}
.input-container span.close_eye i {background-image: url("../img/close_eye.svg");background-position: 0 13px}
.input-container span.open_eye i {background-image: url("../img/open_eye.svg");background-position: -2px 10px;background-size: 120%}

.content {align-items: center;margin-top: 126px;justify-content: space-between;flex-flow: column;width: 100%;min-width: 100%;min-height: calc(100vh - 144px)}
.logo_header {display: block;height: 53px}
.logo_header img {height: 100%;max-width: 100%}

.main {padding-top: 44px}
.main-nav {justify-content: flex-start}
.main-nav div {padding-bottom: 12px;color: rgba(96, 96, 96, 1);margin-right: 40px;border-bottom: 2px solid rgba(77, 135, 235, 0);transition: all .2s;cursor: pointer;user-select: none}
.main-nav div:last-of-type {margin-right: 0}
.main-nav div:hover, .main-nav .main-nav-active {color: rgba(77, 135, 235, 1);border-bottom: 2px solid rgba(77, 135, 235, 1)}
.main-nav span {font-size: 16px;font-weight: 500;line-height: 1}

.main-content {padding-top: 28px}
.login-content .input-container {margin-bottom: 16px}
.login-content .input-container:last-of-type {margin-bottom: 0}
.input-container {position: relative}
.input-container span {position: absolute;pointer-events: none;font-size: 12px;color: rgba(202, 202, 202, 1);line-height: 2.4;padding-left: 13px}
.input-container select {width: 340px;height: 40px;padding-top: 0;padding-bottom: 0}
.code-container {margin-bottom: 16px;position: relative;display: flex;align-items: center;justify-content: center}
.code-container .get-code {margin-left: -1px;user-select: none;border-radius: 0 4px 4px 0;padding: 0 4px;line-height: 2.75;font-size: 14px;font-weight: 400;min-width: 98px;cursor: pointer;text-align: center;color: rgba(202, 202, 202, 1);border: 1px solid rgba(202, 202, 202, 1)}
.code-container .get-code-active {color: rgba(124, 165, 235, 1);border: 1px solid rgba(124, 165, 235, 1)}
.code-container .get-code-valid {cursor: not-allowed}
.code-container .code-input {border-top-right-radius: 0;border-bottom-right-radius: 0}

.login-footer {width: 100%;justify-content: space-between}
.login-footer {user-select: none;font-size: 14px;font-weight: 400;line-height: 1;color: rgba(96, 96, 96, 1)}
.sign-up span:last-of-type, .sign-in span:last-of-type {color: rgba(77, 135, 235, 1);cursor: pointer}

/* 账号登录 */
/*.main-login .code-login {display: none}*/
.main-login .user-login {display: none}
.forgot-pass {justify-content: space-between}
.forgot-pass > div:first-of-type {padding-right: 14px;border-right: 1px solid rgba(219, 219, 219, 1);margin-right: 15px}
.forgot-pass span {user-select: none;font-size: 14px;color: rgba(96, 96, 96, 1);line-height: 1;font-weight: 400}
.forgot-pass > div span {color: rgba(77, 135, 235, 1);cursor: pointer}
.user-login .submit {margin-top: 13px}
.wx-login:before {pointer-events: none;position: absolute;top: -18px;left: 0;content: "";width: 100%;border-top: 1px solid rgba(235, 235, 235, 1)}
.wx-login {position: relative;background-color: rgba(87, 189, 69, 1);margin-top: 36px;cursor: pointer;border: 1px solid rgba(87, 189, 69, 1);width: 340px;text-align: center;height: 38px;line-height: 2;font-size: 14px;color: rgba(255, 255, 255, 1);font-weight: 400;border-radius: 4px}
.wx-login > span:first-of-type {min-width: 24px;height: 21px;margin-right: 11px}
.wx-login span svg {max-width: 100%;fill: rgba(255, 255, 255, 1)}

/* 邮箱注册 */
.main-register {display: none}
/*.main-login {display: none}*/
.main-register .user-login {display: none}
.main-register .main-content {padding-top: 0}
.main-register .login-footer {padding-top: 30px}
.main-register .sign-in {margin: 0 0 0 auto}
/* 跳过 */
.ignore {margin-top: 23px;color: rgba(77, 135, 235, 1);text-align: center;cursor: pointer}
.ignore span {font-size: 14px;line-height: 2;font-weight: 400}

/* 第一次登录补充信息 */
.fill_header span {display: block;font-size: 24px;font-weight: 600;color: rgba(48, 48, 48, 1)}
.fill_header span:last-of-type {font-size: 20px;margin-top: 10px}
.fill-main .main-content {padding-top: 0}
/* 邮箱注册密码必填 */
.fill-main .fill-container, .fill-main .must-container {margin-bottom: 16px}

/* 密码 */
.main-pass {display: none}
.main-pass .main-content {padding-top: 0}
.main-pass .login-footer {color: rgba(77, 135, 235, 1);padding-top: 32px}
.main-pass .login-footer  div {cursor: pointer}
.main-pass .reset-pass-main {display: none}
.main-pass .email-main {display: none}

/* 微信 */
.main-login, .main-wx .phone-main, .main-wx .email-main {display: none}
.main-wx .bind-type {color: rgba(77, 135, 235, 1);cursor: pointer}
.main-wx .main-content {padding-top: 0;width: 340px}
.qr-img {width: 220px;height: 310px;overflow: hidden;margin: 0 auto;display: flex;justify-content: flex-start;align-items: flex-start}
.main-wx .wx-user {margin-top: 45px}
.main-wx .wx-user button {border: 1px solid rgba(77, 135, 235, 1);background-color: rgba(255, 255, 255, 1);color: rgba(77, 135, 235, 1);font-size: 16px}
.main-wx .login-footer {padding-top: 30px}

/* 页面底部信息 */
.footer {overflow: hidden;text-align: center;margin: 60px 0 30px}
.footer p {line-height: 1;font-size: 14px;color: rgba(144, 144, 144, 1);margin-bottom: 10px}
.footer p:last-of-type {margin-bottom: 0}
.imprint {color: rgba(144, 144, 144, 1)}
.imprint:hover {color: rgba(61, 168, 245, 1)}

/* 错误信息 */
.err-hint {line-height: 1;height: 16px}
.err-hint span {font-size: 12px;font-weight: 400;color: rgba(235, 78, 78, 1)}
.err-input {border: 1px solid rgba(235, 78, 78, 1);box-shadow: 0 0 6px 0 rgba(235, 78, 78, 0.5)}

/* 扫码登录 */
.submit.bind-account {margin-top: 30px}
.submit.bind-account button {margin-top: 0;background-color: rgba(255, 255, 255, 1);color: rgba(77, 135, 235, 1)}

.bind-account-container {display: none}