/*=============== 买家登录 ===================*/

html, body {
    background: white;
}

/*主体内容*/
.oct-content {
    text-align: center;
    background: white;
    margin-top: 0;
    padding-top: 100px;
}

.login-icon img {
    width: 100px;
    height: 100px;
    margin-bottom: 10px;
}
/*登录表单*/
.login-form div {
    padding: 10px 0;
}

.login-form input {
    border: none;
}

.login-form-mobile, .login-form-checkcode {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    width: 280px;
    overflow: hidden;
    margin: 0 auto;
    border: 1px solid #bbbbbb;
    font-size: 16px;
    color: #000000;
    padding: 0px 10px;
    height: 45px;
    margin: 25px auto;
    border-radius: 20px;
}

    .login-form-mobile span {
        padding-left: 10px;
        padding-right: 10px;
    }

    .login-form-mobile input {
        text-align: left;
        width: 100%;
        font-size: 18px;
        padding-top: 5px;
        padding-bottom: 5px;
        border: none;
    }

login-form-mobile input:hover, login-form-mobile input:focus {
    border: none;
}

.login-form .login-form-checkcode {
    justify-content: space-between;
}

.login-form-checkcode input {
    text-align: center;
    width: 90%;
    font-size: 14px;
    padding-left: 20px;
    padding-top: 5px;
    padding-bottom: 5px;
    border: none;
}

.login-form-checkcode span {
    width: 150px;
    font-size: 14px;
    display: block;
    height: 40px;
    padding-top: 10px;
    overflow: hidden;
    color: #005abb;
}

.login-form-checkcode .reset-check-code {
    color: gray;
}
/*登录按钮*/
.btn-login-once {
    background: #10b204;
    color: white;
    font-size: 18px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 280px;
    margin: 0 auto;
    border-radius: 50px;
    margin-top: 0px;
}

    .btn-login-once img {
        width: 25px;
        height: 25px;
        margin-right: 10px;
        margin-top: -2px;
    }

.login-form .link-a-bottom {
    width: 250px;
    display: flex;
    justify-content: space-around;
    align-items: center;
    font-size: 14px;
    margin: 0 auto;
    margin-top: 25px;
    color: #bbbbbb;
}

.link-a-bottom a {
    color: #0081c3;
}
/*=============绑定手机================*/
/*绑定按钮*/
.btn-bind-mobile {
    background: #ff6a00;
}



.login-form .extra-link {
    width: 260px;
    display: flex;
    justify-content: space-between;
    font-size: 16px;
    margin: 0 auto;
    margin-top: 50px;
}

    .extra-link a {
        width: 100px;
        display: block;
        color: #0079ae;
        Background: #ededed;
        padding: 5px 10px;
        border-radius: 30px 10px;
        font-size:12px;
    }

/* PC 登录页设计稿风格 */
@media(min-width:769px){
 html,body{height:100%;min-height:100%;background:#f7f7f7;overflow:hidden}.login-site-header{height:78px;background:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 calc((100% - 1200px)/2);box-shadow:0 2px 12px rgba(0,0,0,.04)}.login-site-header>a{display:flex;align-items:center;text-decoration:none;color:#222;gap:10px}.login-site-header>a span{font-family:Georgia;color:#f2362f;font-size:42px;border-right:2px solid #f2362f;padding-right:10px}.login-site-header>a b{font-size:24px;letter-spacing:3px}.login-site-header>a small{font-size:11px;color:#888;letter-spacing:2px}.login-site-header nav a{color:#555;text-decoration:none;margin-left:28px}.login-site-header nav a:hover{color:#f2362f}.login-visual{position:absolute;left:0;top:78px;bottom:0;width:58%;display:flex;align-items:center;justify-content:center;color:#fff;background:radial-gradient(circle at 65% 40%,rgba(255,255,255,.25),transparent 25%),linear-gradient(135deg,#d51e1b,#ff6b47)}.login-visual h1{font-size:42px;letter-spacing:5px;margin:0 0 16px}.login-visual p{font-size:18px;letter-spacing:6px}.login-visual ul{display:flex;gap:28px;padding:28px 0 0;list-style:none}.login-visual li{border:1px solid rgba(255,255,255,.55);border-radius:20px;padding:7px 20px}.oct-content{position:absolute;right:0;top:78px;bottom:0;width:42%;height:calc(100% - 78px)!important;margin:0;padding:0;display:flex;align-items:center;justify-content:center;background:#fafafa}.login-icon{display:none}.login-form{width:360px;padding:38px 42px 30px;background:#fff;border-radius:14px;box-shadow:0 18px 55px rgba(49,28,20,.12);text-align:left}.login-form h2{font-size:27px;margin:0;color:#222}.login-subtitle{color:#999;margin:7px 0 28px}.login-form-mobile,.login-form-checkcode{box-sizing:border-box;width:100%;height:50px;margin:16px 0;border:1px solid #ddd;border-radius:7px}.login-form-mobile:focus-within,.login-form-checkcode:focus-within{border-color:#f2362f;box-shadow:0 0 0 3px rgba(242,54,47,.08)}.login-form-mobile input,.login-form-checkcode input{font-size:15px}.login-form-checkcode span{color:#f2362f;text-align:right;padding-right:10px}.btn-login-once{box-sizing:border-box;width:100%;height:48px;background:#f2362f;border-radius:7px;margin-top:12px;cursor:pointer}.btn-login-once:hover{background:#d92721}.login-form .extra-link{width:100%;margin-top:22px}.login-form .extra-link a{box-sizing:border-box;width:48%;text-align:center;background:#f6f6f6;color:#555;border-radius:6px;padding:9px}.login-form .extra-link a:hover{color:#f2362f;background:#fff0ed}
}
.login-status{min-height:22px;margin:-4px 0 2px;text-align:left;font-size:12px;line-height:22px}.login-status.is-error{color:#d93025}.login-status.is-ok{color:#16873e}.btn-login-once,#BtnSpanGetVerifyCode{cursor:pointer}

/* Native login controls */
#BtnSpanGetVerifyCode{border:0;background:transparent;font-family:inherit;line-height:20px}button.btn-login-once{border:0;font-family:inherit;padding:0}button.btn-login-once:focus-visible,#BtnSpanGetVerifyCode:focus-visible{outline:2px solid #f2362f;outline-offset:2px}

/* Native login controls */
#BtnSpanGetVerifyCode{border:0;background:transparent;font-family:inherit;line-height:20px}button.btn-login-once{border:0;font-family:inherit;padding:0}button.btn-login-once:focus-visible,#BtnSpanGetVerifyCode:focus-visible{outline:2px solid #f2362f;outline-offset:2px}