body{font-family: "PingFang SC", "Helvetica Neue", Helvetica, "Hiragino Sans GB", STHeitiSC-Light, "Microsoft YaHei", "微软雅黑", Arial, sans-serif;}
#body{padding-left:0px;padding-right: 0px;}
#header{padding-top:20px;padding-left:20px;}
#header-m{display: none;}
#header #title{height:24px;cursor: pointer;}
#content{width:450px;margin:69px auto;margin-bottom:0px;}
#content .container{width:450px;}
.login-tips{text-align: right;}
.upgrade_tips{margin-top:0px;background:#1F5DEA;color:#fff;line-height:25px;text-align:center;font-size:13px;padding:10px 15px}
.login-tips a:hover{text-decoration: none;}
#form-title{font-size: 32px;color:#172B4D;text-align: center;margin-left: -80px;}
#form-title-sub{font-size: 14px;color:#A8ACB9;text-align: center;}
#form-title-sub2{margin-top:15px;font-size: 14px;color:#A8ACB9;text-align: center;}
.light{font-weight: 300;color:#E1E2E6;}
#form-title-sub2-m{display: none;}
#form-title-sub2 .iconfont{padding-left:26px;padding-right:5.8px;}
#form-title-sub2 .icon-phone-phone-{padding-left:0px;}
#form-content{width:450px;margin:40px auto;background: linear-gradient(135deg, #ffffff 0%, #f8f9fa 100%);padding:40px 50px;text-align: center;border-radius: 12px;-webkit-box-shadow:0px 16px 44px 0 rgba(0, 0, 1, 0.1);-moz-box-shadow:0px 16px 44px 0 rgba(0, 0, 1, 0.1);box-shadow:0px 16px 44px 0 rgba(0, 0, 1, 0.1);position: relative;overflow: hidden;}
#form-content::before{content: '';position: absolute;top: 0;left: 0;right: 0;height: 3px;background: linear-gradient(90deg, #006EDB, #00A7EF);}
#form-msg{color:#172B4D;font-size: 30px;text-align: left;font-weight: 300;}
#form-inputs{width:350px;margin-top:30px;text-align: left;}
.form-input{position:relative;margin-top: 20px;margin-bottom: 20px;height:42px;}
.form-input .iconfont{position: absolute;left:16px;top:8px;color: #006EDB;font-size:18px;}
.form-input input{width:350px;height:42px;padding-left:39px;border:1px solid #E1E2E6;border-radius: 8px;transition: all 0.3s ease;}
.form-input input:focus{border-color:#006EDB;box-shadow: 0 0 0 3px rgba(0, 110, 219, 0.1);outline: none;}
.form-input input::-webkit-input-placeholder{color:#A8ACB9;}
/* Mozilla Firefox 19+ */
.form-input input::-moz-placeholder{color:#A8ACB9;}
/* Mozilla Firefox 4 to 18 */
.form-input input:-moz-placeholder{color:#A8ACB9;}
/* Internet Explorer 10-11 */
.form-input input:-ms-input-placeholder{color:#A8ACB9;}
/** 去掉chrome 自动填充黄底**/
/*#form-content input:-webkit-autofill{background-color: rgb(255, 255, 255) !important;background-image: none !important;color: rgb(0, 0, 0) !important;}*/
.form-input .btn-default{position: absolute;height:42px;right:0px;left:0px;top: -62px;border:1px solid #E1E2E6;border-radius:0px 2px 2px 0px;}
#mobile_div .btn-default:focus,#mobile_div .btn-default:active,#mobile_div .btn-default:hover{border:1px solid #1F5DEA;border-color:#1F5DEA !important;color:#1F5DEA;border-radius:0px 2px 2px 0px;outline:none !important;}
.form-input.has-error input{border-color:#fc4949;}
.form-input.has-error button{border-color:#fc4949;}
.form-input input.has-error{border-color:#fc4949;}
.form-input input.has-error:focus{border-color:#1F5DEA;}
.btn-group > .btn:first-child{width: 90px;}
.bootstrap-select.btn-group .dropdown-menu{top:-20px;height: 218px;}
.bootstrap-select.btn-group .dropdown-toggle .caret{border-bottom:none;}
#mobile_div .btn-group.bootstrap-select{width:1px;!important;}
#mobile_div input{padding-left: 12px;width: 258px;margin-left: 90px;}
#job_div .btn-group > .btn:first-child{width:350px;}
#job_div.form-input .btn-default{top:0px;color:#333 !important;}
#job_div .btn-default:focus,#job_div .btn-default:active,#job_div .btn-default:hover{border:1px solid #1F5DEA;border-color:#1F5DEA !important;color:#1F5DEA !important;border-radius:0px;outline:none !important;}
#job_div .bootstrap-select.btn-group .dropdown-menu{top:100%;}
.form-input .btn-primary{color: #fff;position: absolute;height:42px;right:0px;top:0px;background: linear-gradient(135deg, #006EDB 0%, #00A7EF 100%);border:1px solid #006EDB;border-radius: 0px 2px 2px 0px;}
.form-input .btn-primary:focus,.form-input .btn-primary:active,.form-input .btn-primary:hover{color: #fff;background: linear-gradient(135deg, #006EDF 0%, #00B1FF 100%);border-color:#006EDF;}
#mobCodeGetBtn[disabled]{opacity:1}
#mobCodeGetBtn img{width:16px;height:16px;display: none;margin: 0px 12px;}
.form-input2{line-height:42px;}
.form-input2 .iconimg{top:-2px;!important;}
.form-input2 .iconimg img{width:16px;height:16px;}
.form-submit{margin:20px 0px;position: relative;}
.form-submit .btn-primary{width:100%;height:42px;font-size:15px;color: #fff;background: linear-gradient(135deg, #006EDB 0%, #00A7EF 100%);border:1px solid #006EDB;border-radius:8px;transition: all 0.3s ease;position: relative;overflow: hidden;}
.form-submit .btn-primary::before{content: '';position: absolute;top: 0;left: -100%;width: 100%;height: 100%;background: linear-gradient(90deg, transparent, rgba(255,255,255,0.2), transparent);transition: left 0.5s;}
.form-submit .btn-primary:hover::before{left: 100%;}
.form-submit .btn-primary:focus,.form-submit .btn-primary:active,.form-submit .btn-primary:hover{color: #fff;background: linear-gradient(135deg, #006EDF 0%, #00B1FF 100%);border-color:#006EDF;transform: translateY(-2px);box-shadow: 0 5px 15px rgba(0, 110, 219, 0.3);}
button.active{background-color: #1F5DEA;border:1px solid #1F5DEA;!important;}
.form-foot{position:relative;margin-top:20px;color: #A8ACB9;font-size: 14px;text-align: left;}
.form-foot a,.form-foot a:hover,.form-foot a:active{color: #006EDB;text-decoration: none;transition: color 0.2s ease;}
.form-foot a:hover{color: #006EDF;}
.customer-service{margin-left:18px;}
.customer-forget{margin-left:160px;}
.form-foot-m{display: none;}
.form-hide{display: none;}
.err_msg{position:relative;color:#fc4949;height:20px;line-height:20px;}
#mobCode_err{position:absolute;}
#mobSmsCodeGetBtn{color:#333;display:block;font-size:12px;line-height:20px;position:absolute;right:0px;}
#mobSmsCodeGetBtn a{color:#1F5DEA;text-decoration:none;}
#mobSmsCodeGetBtn a:hover #mobSmsCodeGetBtn a:active{text-decoration:none;}
.wx_login_mask{width:100%;height:100%;position:fixed;top:0;left:0;background:rgba(0,0,0,.8);-webkit-font-smoothing:antialiased;z-index:300;text-align:center;padding-top:100px;display:none}
.wx_login_mask .wx_outer{width:300px;height:415px;display:inline-block;overflow:hidden;border-radius:4px;background-color:#fff;-webkit-font-smoothing:antialiased}
.wx_login_mask .wx_outer h2{height:40px;line-height:40px;font-size:14px;font-weight:400;background:#f5f7fa;text-align:center}
.wx_login_mask .wx_outer img{margin-top:30px}
.wx_login_mask .wx_outer p{margin-top:26px;line-height:24px;font-size:13px;color:#333}
.ol-title{margin:25px 0px 0px 0px;color:#A8ACB9;}
.icon_link{margin-top:15px;width:32px;height:32px;cursor: pointer;transition: transform 0.3s ease;}
.icon_link:hover{transform: scale(1.1);}
#tipsBrowserInfo img{width:22px;height:24px;margin-right:10px;}
.bottom-left{position: fixed;left:0px;bottom: 0px;z-index: -1;}
.bottom-left img{width:332px;height:271px;}
.bottom-right{position: fixed;right:0px;bottom: 0px;z-index: -1;}
.bottom-right img{width:364px;height:208px;}
#bsUl{display:block;position:absolute;width:100%;background:#fff;z-index:5;border:1px solid #ccc;top:42px;border-radius:0 0 2px 2px;padding:5px 0}
#bsUl li{line-height:25px;padding:0 10px}
#bsUl li:hover{background-color:#e5f2ff;cursor:pointer}

/* 其他登录方式优化 */
.other-logins{margin-top: 30px;}
.other-logins .ol-title{display: flex;align-items: center;justify-content: center;gap: 15px;font-size: 14px;}
.other-logins .ol-title span{flex: 1;height: 1px;background: #e1e2e6;}
/* 微信登录图标优化 */
#weixinloginid{cursor: pointer;transition: all 0.3s ease;}
#weixinloginid:hover{transform: scale(1.1);box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);border-radius: 50%;}
/* 响应式优化 */
@media screen and (max-width:768px){
    #header{display: none;}
    #header-m{display: block;width:100%;}
    #content{width:345px;margin:30px auto;}
    #content .container{width:100%;}
    #form-title{font-size: 25px;margin-left: -130px;}
    #form-title-sub{min-width:346px;font-size: 14px;color:#A8ACB9;text-align: center;margin-top:12px;}
    #form-title-sub2{display: none;}
    #form-title-sub2-m{width:345px;display:block;margin: -10px auto;color:#1E70FF;font-size:13px;padding:32px 45px;border:1px solid #A8ACB9;border-top:none;}
    #form-title-sub2-m .iconfont{padding-right:18px;}
    #form-title-sub2-m img{width:35px;height:35px;margin:5px 10px 5px 0px;}
    #form-content{width:345px;margin:30px auto;padding:30px 24px;}
    #form-inputs{width:295px;}
    .form-input input{width:295px;}
    .form-input .btn-primary{right:0px;}
    .bootstrap-select.btn-group .dropdown-menu{top:-20px;}
    #mobile_div input{padding-left: 12px;width: 197px;margin-left: 90px;}

    #job_div .btn-group > .btn:first-child{width:295px;}
    .form-foot{display: none;}
    .form-foot-m{display: block;margin-top:28px;color: #A8ACB9;font-size: 14px;text-align: left;}
    .customer-service{margin:10px 0px;}
    .form-foot-m div a,.form-foot div a:hover,.form-foot div a:active{color: #1F5DEA;text-decoration: none;}
    .other-logins{display:none;}
    .login-tips{display:none;}
    .upgrade_tips{display:none;}
    .bottom-left{display:none;}
    .bottom-right{display:none;}
}

@media screen and (max-width:1440px){
    #content{
        width:345px;margin:20px auto;
        margin-bottom: 0px;
        display: flex;
        justify-content: center;
    }
}