.mian { width:100%; height:580px; margin:0 auto; }
.mian form{height:100%;}
.mian .zhu { width:1080px;height:100%; margin:0 auto;position:relative;}
/*用户注册、登录弹出框*/
.registration_3 {width:350px; background:#fff;  z-index:10000;  border-radius:30px; padding:20px; position: absolute;top: 50%;right: 0;transform: translateY(-50%);box-shadow: 0 0px 5px #aaa;}
.registration_3 .tit {display: flex;align-items: center;margin: 5px 15px;}
.registration_3 .tit .t_1 { display:block; font-size:20px; color:rgba(0, 0, 0, 0.74); font-weight:bold; line-height: 40px; border-bottom:5px solid  rgba(238, 63, 39, 1);}
.registration_3 .tit .t_2 { display:block; float:left; color:#b2b2b2; margin:5px 0 0 10px;height:20px;}
.registration_3 .tit .t_3 { display:block; float:left; margin:5px 0 0 10px; height:20px;flex: 1;text-align: right;font-size:13px;}
.registration_3 .tit .t_3 .a_1 { color:rgba(212, 48, 48, 1);margin: 0 0 0 15px;}
.registration_3 .tit .t_3 .a_1:hover {color:#f05454;  }
.registration_3 .tit .t_3 .a_1 i { font-family:"宋体";}
.registration_3 .tit .t_4 { display:flex; align-items:center; justify-content:center; width:36px; height:36px; box-sizing:border-box; background:#f3f4f6; border:1px solid #d9dce1; border-radius:50%; color:#59616d; cursor:pointer; position:absolute; top:10px; right:10px; text-decoration:none; transition:background-color .2s ease, border-color .2s ease, color .2s ease, box-shadow .2s ease; }
.registration_3 .tit .t_4::before { content:"×"; display:block; font-family:Arial, sans-serif; font-size:26px; font-weight:400; line-height:30px; }
.registration_3 .tit .t_4:hover,
.registration_3 .tit .t_4:focus { background:#e9ebef; border-color:#b9bec7; color:#252b34; box-shadow:0 2px 6px rgba(31, 41, 55, .16); outline:none; }
.registration_3 .tit .t_4:focus-visible { outline:3px solid rgba(212, 48, 48, .3); outline-offset:2px; }
.registration_3 .input_k { display:block; border-bottom:1px solid rgba(0, 0, 0, 0.19); padding:0 10px 10px 10px;}
.registration_3 .input_k li { display:table;width:100%; margin:0 auto; margin-top:16px; position:relative;}
.registration_3 .input_k li .shu{ width:100%; padding-left:60px;  height:48px; border:1px solid #e6e6e6; /*background:url(/images/img/input_bk.gif) repeat-x;*/ margin:0 auto; line-height:48px; color:rgba(166, 166, 166, 1); font-size:14px;border-radius: 48px;box-sizing: border-box;}
.registration_3 .input_k li .shu_1{ width:100%; padding-left:60px; height:48px; border:1px solid #e6e6e6; /*background:url(/images/img/input_bk.gif) repeat-x;*/ margin:0 auto; line-height:48px; color:rgba(166, 166, 166, 1); font-size:14px;border-radius: 48px;box-sizing: border-box;}
.registration_3 .input_k li .shu_2{ width:100%; padding-left:60px; height:48px; border:1px solid #e6e6e6; /*background:url(/images/img/input_bk.gif) repeat-x;*/ margin:0 auto; line-height:48px; color:rgba(166, 166, 166, 1); font-size:14px;border-radius: 48px;box-sizing: border-box;}
.registration_3 .input_k li .yan { width:190px; float:left;padding-left:30px;}
.registration_3 .input_k li .code_1 { display:block; float:left; margin-left:10px;}
.registration_3 .input_k li .code_1 img { width:64px; height:34px;}
.registration_3 .input_k li .em_1 { display:block; float:left; width:17px; height:34px; background:url(/images/img/refresh_1.gif) no-repeat center; cursor:pointer; margin-left:10px;}
.registration_3 .input_k li i { position:absolute; top:7px; left:15px; width:32px; height:32px; z-index:100;}
.registration_3 .input_k li .ico_1 { background:url(/images/new/mail.png) no-repeat center / 26px;}
.registration_3 .input_k li .ico_2 { background:url(/images/new/pass.png) no-repeat center / 30px;}
.registration_3 .input_k li .ico_3  { background:url(/images/new/users.png) no-repeat center / 29px;}
.registration_3 .input_k li .safety { display:block; margin-top:6px; width:350px; height:24px;}
/*.registration_3 .input_k .hover_2 .ico_1 { background:url(/images/img/registration_yx_b.png) no-repeat center !important; }
.registration_3 .input_k .hover_2 .ico_2 { background:url(/images/img/registration_mm_b.png) no-repeat center !important;  }
.registration_3 .input_k .hover_2 .ico_3 { background:url(/images/img/registration_name_b.png) no-repeat center !important; }*/
.registration_3 .input_k li .text { color:rgba(212, 48, 48, 1);}
.registration_3 .input_k li .text:hover { color:#f05454; }
.registration_3 .input_k li .prompt { display:block; position:absolute; left:-183px; top:-3px; width:186px; height:40px; line-height:40px; background:url(/images/img/sframe_tisbk.png) no-repeat; color:#fff; font-weight:bold; z-index:100; padding-left:10px;}
.registration_3 .input_k li .text_1 { position:absolute; left: 10px; top: 0; display:block; height:34px; line-height: 34px; font-size: 14px; color:#808080;}
.registration_3 .input_k .hover .shu_1 { display:block !important;}
.registration_3 .input_k .hover .shu { display:none;}
.registration_3 .cont .ann_1 { display:block; width:100%; height:48px; margin:0 auto; background:rgba(212, 48, 48, 1); border:none;  font-size:20px; color:#fff; text-align:center; font-family: "微软雅黑"; cursor:pointer;font-weight:700;border-radius: 48px;box-sizing: border-box;line-height: 42px;}
.registration_3 .cont .wj { display:block; text-align:right; height:30px; line-height:30px;color:rgba(212, 48, 48, 1);font-size:13px;text-decoration: none;}
.registration_3 .cont .ann_1:hover { background:rgb(192 22 22);}
.registration_3 .cont .shej { display:block; padding:10px 0 0 10px;}
.registration_3 .cont .shej p{ display:block;}
.registration_3 .cont .shej a {line-height: 40px;font-size: 15px;height:40px; display:block; float:left; margin:5px 0 0 10px; color:#000;text-decoration: none;}
.registration_3 .cont .shej .wx { background:url(/images/new/wx.png) no-repeat center left / 40px 40px;padding-left:46px;}
.registration_3 .cont .shej .xinl { background:url(/images/img/registration_ico.png) 0 0;}
.registration_3 .cont .shej .xinl:hover { background:url(/images/img/registration_ico.png) 0 76px; opacity: 0.6; filter:alpha(opacity=60);}
.registration_3 .cont .shej .qq { background:url(/images/img/registration_ico.png) 0 -39px; margin-left:20px;}
.registration_3 .cont .shej .qq:hover {background:url(/images/img/registration_ico.png) 0 -117px; opacity: 0.6; filter:alpha(opacity=60);}
.on_changes { position: absolute; left: 0; top: 35px; z-index: 1000; background: #fff; border-left: 1px solid #e5e5e5; border-right: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5; padding: 0 10px 10px 10px; width: 328px; display: none;}
.on_changes li { cursor: pointer; display: block; margin:0 !important; width: 318px !important; padding: 0 0 0 10px; height: 30px; line-height: 30px;}
.on_changes li:hover { background: #f79a37; color: #fff;}

div .errorMessage{ display: block;
    position: absolute;
    left: 50%;
    top: 50%;
    width: 260px;
    background: url(/images/new/err.png) rgba(212, 48, 48, 0.83) no-repeat center 20px / 33px 33px;
    color: #fff;
    z-index: 999;
    transform: translate(-50%, -50%);
    padding: 65px 20px 40px 20px;
    box-sizing: border-box;
    border-radius: 20px;
    text-align: center;
    font-size: 15px;
}
.registration_bk {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    z-index: 100;
    background: #000;
    opacity: 0.4;
    filter: alpha(opacity=40);
}
.registration_fixed{
    position: fixed;
    z-index: 9999;
    top: 10%;
    left: 50%;
    transform: translateX(-50%);
}
.registration_3 .input_k li button.code_1 { width:110px; height:42px; margin-top:3px; border:0; border-radius:22px; background:#ef5b43; color:#fff; cursor:pointer; font-size:13px; }
.registration_3 .input_k li.email-code-row { display:flex; align-items:center; gap:10px; }
.registration_3 .input_k li.email-code-row .yan { float:none; flex:1 1 auto; width:auto; min-width:0; max-width:none; margin:0; padding-left:24px; }
.registration_3 .input_k li.email-code-row button.code_1 { display:block; float:none; flex:0 0 108px; width:108px; height:48px; margin:0; border:1px solid #df332f; border-radius:24px; background:#df332f; box-shadow:0 3px 8px rgba(223,51,47,.16); color:#fff; font-family:"Microsoft YaHei","PingFang SC",sans-serif; font-size:14px; font-weight:600; line-height:46px; letter-spacing:.15px; text-align:center; transition:background-color .2s ease, border-color .2s ease, transform .2s ease, box-shadow .2s ease; }
.registration_3 .input_k li.email-code-row button.code_1:hover { background:#c92a27; border-color:#c92a27; box-shadow:0 4px 10px rgba(201,42,39,.22); }
.registration_3 .input_k li.email-code-row button.code_1:active { transform:translateY(1px); }
.registration_3 .input_k li.email-code-row button.code_1:focus-visible { outline:3px solid rgba(223,51,47,.24); outline-offset:2px; }
.registration_3 .input_k li.login-submit-row { margin-top:12px; }
.registration_3 .login-actions { display:flex; align-items:center; justify-content:space-between; min-height:28px; margin:6px 8px 0; }
.registration_3 .login-actions .remember-login { display:flex; align-items:center; color:#4c5159; font-size:14px; line-height:20px; }
.registration_3 .login-actions .remember-login input { -webkit-appearance:none; appearance:none; width:17px; height:17px; margin:0 7px 0 0; border:1px solid #cfd4dc; border-radius:5px; background:#fff; box-sizing:border-box; cursor:pointer; position:relative; flex:0 0 auto; }
.registration_3 .login-actions .remember-login input:checked { background:#df332f; border-color:#df332f; }
.registration_3 .login-actions .remember-login input:checked:after { content:""; position:absolute; left:4px; top:1px; width:5px; height:9px; border:solid #fff; border-width:0 2px 2px 0; transform:rotate(45deg); }
.registration_3 .login-actions .remember-login input:focus-visible { outline:3px solid rgba(223,51,47,.22); outline-offset:2px; }
.registration_3 .login-actions .remember-login label { color:#4c5159; font-weight:500; letter-spacing:.1px; cursor:pointer; }
.registration_3 .login-actions .wj { height:28px; line-height:28px; font-size:13px; }

/* 认证页移动端：保留桌面端固定卡片，仅在窄屏改为可滚动的单列表单。 */
@media (max-width: 1023px) {
    body { min-width:0; overflow-x:hidden; }
    .mian { height:auto; min-height:calc(100vh - 44px); padding:16px; box-sizing:border-box; }
    .mian .zhu { width:100%; height:auto; min-height:0; }
    .mian .zhu .registration_3 { position:relative; top:auto; right:auto; z-index:1; transform:none; width:100%; max-width:420px; margin:0 auto; padding:18px 14px; box-sizing:border-box; border-radius:22px; }
    .registration_3 .tit { margin:4px 10px 12px; flex-wrap:wrap; }
    .registration_3 .tit .t_1 { font-size:18px; line-height:36px; }
    .registration_3 .tit .t_3 { margin:4px 0 0 8px; font-size:12px; }
    .registration_3 .input_k { padding:0 6px 10px; }
    .registration_3 .input_k li { margin-top:12px; }
    .registration_3 .input_k li .shu,
    .registration_3 .input_k li .shu_1,
    .registration_3 .input_k li .shu_2 { height:46px; line-height:46px; font-size:14px; }
    .registration_3 .input_k li .yan { width:calc(100% - 84px); max-width:190px; }
    .registration_3 .input_k li .code_1 { margin-left:8px; }
    .registration_3 .input_k li button.code_1 { width:92px; font-size:12px; }
    .registration_3 .input_k li.email-code-row { gap:8px; }
    .registration_3 .input_k li.email-code-row .yan { width:auto; max-width:none; }
    .registration_3 .input_k li.email-code-row button.code_1 { flex-basis:96px; width:96px; height:46px; line-height:44px; margin:0; font-size:13px; }
    .registration_3 .input_k li .code_1 img { width:64px; height:34px; }
    .registration_3 .cont .ann_1 { height:46px; line-height:42px; font-size:18px; }
    .registration_3 .cont .shej { padding:8px 0 0 6px; }
    .registration_3 .cont .shej a { font-size:14px; }
    .registration_fixed { position:fixed !important; top:164px !important; left:50% !important; right:auto !important; width:calc(100% - 32px) !important; max-height:none; overflow-y:visible; box-sizing:border-box; transform:translateX(-50%) !important; }
    /* 首页嵌入式登录属于首屏内容，随首页自然滚出，不能悬浮锁住整页。 */
    body.embedded-login .registration_fixed { position:absolute !important; top:15px !important; }
}