/* 头部*/.apply-header{height: 80px;line-height: 80px;border-bottom: 1px solid #EFEFEF;}
.apply-header .apply-header-box{position: relative;display: flex;justify-content: space-between;align-items: center;padding: 0 30px;margin: auto;}
.apply-header .apply-header-title{color: #5D5D5D;}
.apply-header .apply-header-title a{height:40px;display:flex;align-items:center;gap:10px;text-decoration:none;}
.apply-header .apply-header-title a img{max-height:40px;max-width:180px;object-fit:contain;}
.apply-header .apply-header-title span:nth-of-type(1){display: inline-block;background-color: #ffede5;line-height: 1;padding: 5px;border-radius: 3px;margin-left: 5px;}
.layui-nav .layui-nav-item a{max-width: 100px;}
.layui-nav .layui-nav-item a, .layui-nav .layui-nav-item a:hover{color: #5D5D5D;}
.apply-header .layui-nav{padding-left: 0;position:relative !important;height: 80px;background-color: transparent;}
.layui-nav .layui-nav-more{border-top-color: #5D5D5D;}
.layui-nav .layui-nav-mored{border-color: transparent transparent #5D5D5D;}
.phone{white-space: nowrap;}
.apply-header .layui-nav .layui-nav-bar{width: 0 !important;}
.apply-body{margin: 80px 0;display: flex;justify-content: center;}
/* 内容*/.login-body{position:relative;min-height: 800px;height: calc(100vh - 81px);}
.login-content{position: absolute;background-color: #fff;left: 0;right: 0;top: 40%;transform: translateY(-50%);margin: auto;padding: 30px;width: 425px;box-sizing: border-box;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;}
.login-content h2{font-size: 30px;text-align: center;color: #555;}
.login-content h3{margin-top: 10px;width: 100%;text-align: center;height: 30px;font-size: 16px;color: rgba(0,0,0,.5);line-height: 30px;}
.login-content .layui-form{margin-top: 30px;}
.login-content .login-input, .register-content .register-input{background-color: #fff;overflow: hidden;width: 360px;height: 45px;border: 1px solid #d7d7d7;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;}
.login-content .login-input:hover{border-color: #f38421;}
.login-content{border-color: #f38421 !important;}
.login-content .login-info{overflow: hidden;margin-bottom: 30px;}
.login-content .login-icon{float: left;width: 50px;height: 45px;line-height: 45px;text-align: center;}
.login-content input{float: left;width: 310px;height: 45px;line-height: 45px;border: none;}
.login-content .login-verification input{width: 258px;}
.login-content .login-verification .login-verify-code-img{display: inline-block;width: 100px;height: 45px;line-height: 45px;}
.login-input-select{border-color: #f38421 !important;}
.login-content .layui-btn{display: block;margin: 30px auto 0;width: 364px;height: 45px;color: #fff;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;}
.operation-register{height: 30px;line-height: 30px;text-align: center;font-size: 16px;margin-top: 10px;color: rgba(0,0,0,.5);}

.ns-login-bottom{color: #999;box-sizing: border-box;text-align: center;padding-bottom: 50px;padding-top: 50px;line-height: 1.8;position: absolute; bottom: 0;left: 50%;transform: translateX(-50%);}
.ns-login-bottom a{color: #999;}
.ns-login-bottom .gov-box img{max-width: 20px;max-height: 20px;margin-right: 5px;}
.ns-footer-img{margin-bottom: 18px;}
.ns-footer-img img{max-width: 100px;max-height: 27px;}

/* ====== 移动端响应式适配 ====== */
@media screen and (max-width: 768px) {
    .apply-header {
        height: 60px;
        line-height: 60px;
        padding: 0 15px;
    }
    .apply-header .apply-header-box {
        width: 100%;
        padding: 0;
    }
    .apply-header .apply-header-title a {
        font-size: 14px;
    }
    /* logo微下移+限宽:与右侧联系电话光学水平对齐,防窄屏换行 */
    .apply-header .apply-header-title a img {
        max-width: 150px;
        margin-top: 3px;
    }
    /* 手机端隐藏logo旁「B2B2C多商户」标签(20260910先生要求,PC端保留)
       注意:第6行 span:nth-of-type(1) 优先级(0,3,1)更高,必须用同选择器才能压过 */
    .apply-header .apply-header-title span:nth-of-type(1) {
        display: none;
    }
    /* 展示联系电话,与logo同排左右对称(20260910) */
    .apply-header .phone {
        display: inline-block;
        font-size: 13px;
        white-space: nowrap;
    }

    .login-body {
        min-height: 100vh;
        height: auto;
        padding: 20px 15px;
        box-sizing: border-box;
    }
    /* 手机端改文档流布局:绝对定位+800px最小高度在小屏上溢出且底栏遮挡 */
    .login-content {
        position: static;
        transform: none;
        width: 100%;
        max-width: 425px;
        padding: 25px 20px;
        box-sizing: border-box;
        margin: 30px auto;
    }
    .login-content h2 {
        font-size: 20px;
    }
    /* 输入框/按钮:PC固定360px宽度在~375px屏上横向溢出,改流式 */
    .login-content .login-input {
        width: 100%;
        height: 44px;
        margin-bottom: 16px;
        box-sizing: border-box;
    }
    .login-content .login-icon {
        width: 44px;
        height: 44px;
        line-height: 44px;
    }
    .login-content input {
        width: calc(100% - 44px);
        height: 44px;
        line-height: 44px;
    }
    .login-content .login-verification input {
        width: calc(100% - 144px);
    }
    .login-content .login-verification .login-verify-code-img {
        width: 100px;
        height: 44px;
        line-height: 44px;
    }
    .login-content .login-verify-code-img img {
        max-width: 100%;
        max-height: 44px;
    }
    .login-content .layui-btn {
        width: 100%;
        height: 44px;
        line-height: 44px;
        margin: 20px auto 0;
        box-sizing: border-box;
        font-size: 16px;
    }
    .login-content .layui-form {
        margin-top: 20px;
    }
    .operation-register {
        font-size: 14px;
    }

    .ns-login-bottom {
        position: static;
        transform: none;
        width: 100%;
        padding: 15px;
        font-size: 12px;
        box-sizing: border-box;
    }
}
