html,body{height:100%;margin:0;}
body{
    font-family:"Microsoft YaHei","PingFang SC",Arial,SimSun,sans-serif;
    background:#fff;
    color:#333;
}
.logintitle{
    width:680px;
    height:100px;
    margin-left:-340px;
    margin-top:-220px;
    overflow:hidden;
    display:flex;
    align-items:center;
    justify-content:center;
}
.logintitle img{
    display:block;
    width:680px;
    height:100px;
    max-width:none;
    max-height:none;
    object-fit:cover;
    object-position:center center;
}
.logintitle img.is-banner{
    height:auto;
    max-height:100px;
    object-fit:contain;
}
.logintitle .login-brand{
    display:block;
    width:100%;
    text-align:center;
    font-size:32px;
    line-height:1.2;
    color:#222;
    letter-spacing:2px;
    font-weight:bold;
}
html.login-wait .logindiv,
html.login-wait .loginpic{visibility:hidden;}
.logindiv{background:#fff;box-shadow:0 8px 24px rgba(0,0,0,.08);}
.loginpic{background:transparent !important;}
.loginpic img{cursor:pointer;display:block;}
.tablecommon input.inputsubmit{
    height:24px;padding:2px 6px;border:1px solid #c5c5c5;background:#fff;
}
.tablecommon input.inputsubmit:focus{border-color:#888;outline:none;}
.loginbeianversion{
    text-align:center;line-height:22px;color:#666;width:420px;margin-left:-210px;
}
.loginbeianversion a{color:#666;}
.loginbeianversion a:hover{color:#333;}
.site-footer-icp{margin-top:4px;}
.site-footer-icp a{color:#888;}
.tabs-header{background:#f5f5f5;}
.login-btn-row{padding-top:15px;text-align:right;line-height:24px;vertical-align:middle;}
.login-extra{text-align:right;font-size:14px;line-height:24px;}
.login-extra a{text-decoration:none;color:#999;}
.login-extra a:hover{color:#000;}
.login-vcode img{height:24px;width:auto;vertical-align:middle;cursor:pointer;margin-left:4px;}
.login-vcode a{vertical-align:middle;margin-left:4px;color:#666;text-decoration:none;}
.login-vcode a:hover{color:#000;}
.login-vcode input{width:72px;}
.login-dialog-btns{padding-top:15px;white-space:nowrap;}
.login-dialog-btns a.l-btn{margin-right:8px;}
a.l-btn{vertical-align:middle;line-height:16px;white-space:nowrap;}
a.l-btn span.l-btn-left,
a.l-btn span span.l-btn-text{line-height:16px;height:16px;vertical-align:top;}
a.l-btn span span.l-btn-icon-left{background-position:left center !important;background-repeat:no-repeat !important;}
a.l-btn span span.l-btn-icon-right{background-position:right center !important;background-repeat:no-repeat !important;}

body.admin-login{
    min-height:100%;
    overflow:auto;
    color:#3a2a22;
    background-color:#3a1216;
    background-image:
        radial-gradient(ellipse 80% 50% at 50% -10%,rgba(196,90,70,.35),transparent 60%),
        linear-gradient(180deg,#4a171c 0%,#2b0d11 42%,#efe6d8 42%,#efe6d8 100%);
    font-family:"Microsoft YaHei","PingFang SC",Arial,SimSun,sans-serif;
}
body.admin-login .admin-login-shell{
    min-height:100vh;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    padding:48px 16px;
    box-sizing:border-box;
}
body.admin-login .box{
    width:420px;
    max-width:94vw;
    margin:0;
    background:#fffdf8;
    padding:0 0 22px;
    border:1px solid #e2d3be;
    border-radius:8px;
    box-shadow:0 22px 48px rgba(20,0,0,.28);
    overflow:hidden;
}
body.admin-login .box h2{
    margin:0;
    padding:18px 28px 16px;
    background:linear-gradient(#8b1e1e,#5c1010);
    border-bottom:0;
    color:#fff;
    font-size:20px;
    font-weight:normal;
    letter-spacing:.5px;
}
body.admin-login .box h2 small{
    display:block;
    margin-top:6px;
    font-size:12px;
    color:#f3d6d6;
    letter-spacing:0;
}
body.admin-login .box form{padding:24px 28px 0;}
body.admin-login .tablecommon{font-size:13px;line-height:32px;width:100%;}
body.admin-login .tablecommon input{
    height:28px;
    padding:3px 8px;
    border:1px solid #d7c4ad;
    border-radius:3px;
    background:#fff;
    box-sizing:border-box;
}
body.admin-login .tablecommon input:focus{
    border-color:#a45a4a;
    outline:none;
    box-shadow:0 0 0 2px rgba(107,28,35,.12);
}
body.admin-login .hint{
    color:#7a6458;
    font-size:12px;
    margin:14px 28px 0;
    line-height:1.7;
    padding-top:12px;
    border-top:1px solid #efe4d4;
}
body.admin-login .admin-login-back{
    font-size:12px;
    color:#6b1c23;
    text-decoration:none;
}
body.admin-login .admin-login-back:hover{text-decoration:underline;}

body.admin-login .admin-login-foot{
    margin-top:18px;
    text-align:center;
    color:#c9b8a8;
    font-size:12px;
    line-height:1.7;
}
body.admin-login .admin-login-foot a{color:#d7c4ad;}

/* PC register dialog: keep labels, inputs, version combo and shop radios on one grid */
#registerdiv.panel-body,
.registerdiv{overflow:hidden;}
#registerdiv .reg-form{width:100%;table-layout:fixed;text-align:left;}
#registerdiv .reg-form td{vertical-align:middle;height:38px;padding:3px 8px 3px 0;line-height:22px;}
#registerdiv .reg-lab{width:78px;font-weight:bold;white-space:nowrap;color:#333;}
#registerdiv .reg-lab-col{width:78px;}
#registerdiv .reg-field-col{width:210px;}
#registerdiv .reg-input{
    width:188px;height:22px;line-height:22px;padding:1px 6px;
    border:1px solid #c5c5c5;background:#fff;box-sizing:border-box;vertical-align:middle;
}
#registerdiv .reg-input-wide{width:240px;}
#registerdiv .reg-input-sm{width:88px;height:22px;line-height:22px;padding:1px 6px;border:1px solid #c5c5c5;box-sizing:border-box;vertical-align:middle;}
#registerdiv .combo{vertical-align:middle;}
#registerdiv .combo .combo-text{height:20px;line-height:20px;}
#registerdiv .reg-shop{white-space:nowrap;}
#registerdiv .reg-shop label{display:inline-block;margin:0 18px 0 0;font-weight:normal;white-space:nowrap;cursor:pointer;vertical-align:middle;}
#registerdiv .reg-shop input{margin:0 4px 0 0;vertical-align:middle;}
#registerdiv .reg-vcode img{height:24px;width:auto;vertical-align:middle;cursor:pointer;position:static;}
#registerdiv .reg-vcode a{vertical-align:middle;margin-left:4px;}
#registerdiv .reg-hint{color:#888;font-size:12px;margin-left:6px;vertical-align:middle;}

@media (max-width:768px){
    html,body{height:auto;overflow:auto;}
    .logintitle,.logindiv,.loginpic,.loginbeianversion{
        position:relative !important;
        top:auto !important;
        left:auto !important;
        margin:12px auto !important;
        width:92% !important;
        max-width:420px;
        height:auto !important;
    }
    .logintitle{margin-top:28px !important;text-align:center;}
    .logintitle{width:92% !important;height:72px !important;margin-left:auto !important;margin-right:auto !important;}
    .logintitle img{width:100%;height:72px;max-width:100%;object-fit:cover;}
    .logintitle img.is-banner{height:auto;max-height:72px;object-fit:contain;}
    .logindiv{height:auto !important;min-height:240px;}
    .loginpic{text-align:center;background:transparent !important;}
    .loginpic img{margin:0 auto;}
    .loginbeianversion{margin-bottom:24px !important;line-height:22px;}
    #indexmenu ul{position:relative !important;top:auto !important;right:auto !important;padding:8px 0 0;text-align:center;}
    #indexmenu li{float:none;display:inline-block;}
}