*{box-sizing:border-box}
body.zz-account{margin:0;background:#eeeff2;color:#30343a;font:14px/1.55 "Microsoft YaHei","PingFang SC",Arial,sans-serif}
.zz-account a{color:#007888;text-decoration:none}
.zz-account a:hover{text-decoration:underline}
.zz-account header{background:#fff;border-bottom:1px solid #e0e1e4}
.zz-width{width:min(1200px,calc(100% - 40px));margin:0 auto}
.zz-top{background:#33353a}
.zz-top-inner{min-height:52px;display:flex;align-items:center;justify-content:space-between;gap:16px}
.zz-logo{display:flex;align-items:center}
.zz-logo img{display:block;width:140px;height:40px;object-fit:contain}
.zz-top-inner>a:last-child{color:#e4e6e8}
.zz-nav{display:flex;align-items:center;flex-wrap:wrap;gap:8px 30px;padding:13px 0;min-height:54px}
.zz-nav a{color:#4d525d;font-size:15px;white-space:nowrap}
.zz-panel{width:min(408px,calc(100% - 32px));margin:48px auto;padding:25px 30px 22px;background:#fff;border:1px solid #dedfe2}
.zz-panel h1{margin:0 0 20px;padding:0 0 12px;border-bottom:1px solid #ececef;font-size:21px;font-weight:600;line-height:1.3}
.zz-form{display:flex;flex-direction:column}
.zz-form label{margin:0 0 5px}
.zz-form input:not([type=hidden]){display:block;width:100%;height:39px;border:1px solid #c8cbd0;border-radius:0;background:#fff;color:inherit;padding:7px 10px;font:inherit;margin:0 0 13px}
.zz-form input:focus{outline:2px solid #007888;outline-offset:-1px}
.zz-check{display:flex;align-items:center;gap:12px;margin:1px 0 13px}
.zz-check label{margin:0}
.zz-check input:not([type=hidden]){width:66px;margin:0}
.zz-panel button{min-height:39px;border:0;border-radius:0;background:#007888;color:#fff;padding:8px 20px;font:inherit;cursor:pointer}
.zz-form button{width:100%;margin:3px 0 0}
.zz-panel button:hover{background:#006777}
.zz-switch{text-align:right;margin:10px 0 0}
.zz-error{color:#a82728;margin:0 0 10px}
@media(max-width:560px){
  .zz-width{width:calc(100% - 30px)}
  .zz-nav{gap:7px 15px;padding:9px 0;min-height:0}
  .zz-nav a{font-size:13px}
  .zz-panel{margin:28px auto;padding:20px 22px}
}

/* Native user_passport layout. Only the existing background URL and narrow screen behavior are adapted. */
.zz-native-passport .login-wrap > .w {
    margin-top: 40px;
    min-height: 530px;
    background: url("/themes/ecmoban_dsc2017/images/common/denglubj.png") no-repeat center;
}
.zz-native-passport .item-info:focus-within {
    outline: 2px solid #489afe;
    outline-offset: -1px;
}
.zz-native-passport .zz-native-sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    overflow: hidden;
    clip-path: inset(50%);
}
.zz-native-passport .register .msg-wrap {
    margin-left: 160px;
}
@media (max-width: 1232px) {
    .zz-native-passport .w.w1200 {
        width: calc(100% - 32px);
    }
    .zz-native-passport .register-adv,
    .zz-native-passport .register-form {
        width: 50%;
    }
    .zz-native-passport .register-adv a {
        width: 50vw;
    }
}
@media (max-width: 1100px) {
    .zz-native-passport .register-adv {
        display: none;
    }
    .zz-native-passport .register-form {
        float: none;
        width: 100%;
        max-width: 600px;
        margin: 0 auto;
        overflow: hidden;
    }
    .zz-native-passport .register-wrap {
        min-height: 0;
    }
}
@media (max-width: 720px) {
    .zz-native-passport .login-wrap {
        height: auto;
    }
    .zz-native-passport .login-wrap > .w {
        margin-top: 16px;
        min-height: 0;
        background: none;
    }
    .zz-native-passport .login-wrap .login-form {
        float: none;
        width: 100%;
        max-width: 350px;
        margin: 0 auto;
    }
    .zz-native-passport .login-box {
        padding: 20px 24px 30px;
    }
    .zz-native-passport .login .form .item-info,
    .zz-native-passport .login .form .text,
    .zz-native-passport .login .form .btn {
        width: 100%;
        box-sizing: border-box;
    }
}
@media (max-width: 560px) {
    .zz-native-passport .loginRegister-header,
    .zz-native-passport .loginRegister-header .logo,
    .zz-native-passport .loginRegister-header .logoImg,
    .zz-native-passport .loginRegister-header .logoImg a {
        height: 72px;
        line-height: 72px;
    }
    .zz-native-passport .loginRegister-header .logoImg img {
        width: 150px;
        height: auto;
    }
    .zz-native-passport .header-href {
        font-size: 12px;
    }
    .zz-native-passport .register-form {
        box-sizing: border-box;
        padding: 20px 16px 0;
    }
    .zz-native-passport .register .form-other .item-label {
        float: none;
        display: block;
        width: auto;
        padding-right: 0;
        text-align: left;
        line-height: 30px;
    }
    .zz-native-passport .register .form-other .item-info,
    .zz-native-passport .register .form-other .text,
    .zz-native-passport .register .form-other .btn {
        float: none;
        width: 100%;
        box-sizing: border-box;
    }
    .zz-native-passport .register .form-other .input-tip {
        width: 100%;
        padding-left: 0;
    }
    .zz-native-passport .register .form-other .item2 {
        width: 100%;
        padding-left: 0;
    }
    .zz-native-passport .register .msg-wrap {
        margin-left: 0;
    }
}