@charset "utf-8";
.loginOuter{min-width:320px;}
.loginOuter .footer_wrap{margin-top:0;background-color:#FFF;}
.login_head{padding:28px 0;border-bottom:1px solid #E2E0DD;}
.login_head .logo{display:block;max-width:100%;height:auto;margin:0 auto;}
.bac_login{position:absolute;width:100%;height:100%;min-height:346px;top:0;bottom:0;left:0;right:0;border-bottom:1px solid #DFDFDF;}
.bac_login img{display:block;height:100%;width:100%;}
.login_main{position:relative;width:382px;margin:0 auto;padding:60px 0 20px;}
.login_inputline{margin-bottom:14px;width:100%;position:relative;}
.login_inputline .icon{display:block;width:38px;background:url("../../images/icon_loginInput.png") center no-repeat;position:absolute;top:0;left:2px;height:100%;}
.icon.icon_user{background-position:center 7px;}
.icon.icon_pwd{background-position:center -28px;}
.icon.icon_capt{background-position:center -63px;}
.icon.icon_group{background-position:center -135px;}
.login_inputline .input_text,.login_tab{display:block;width:337px;height:2em;font-size:12px;line-height:2em;padding:9px 5px 9px 38px;border:1px solid #E2E0DD;-moz-box-shadow:0 0 6px rgba(73,89,93,.19);-webkit-box-shadow:0 0 6px rgba(73,89,93,.19);box-shadow:0 0 6px rgba(73,89,93,.19);background-color:#FFF;}
.login_inputline .input_text:focus{border-color:#66BDFC;}
.login_tab{width:182px;height:40px;line-height:40px;padding:1px;text-align:center;}
.login_tab:hover,.login_tab:active{color:#9DC815;}
.login_tab.on{padding:0;border:2px solid #9DC815;background:#FFF url("../../images/bac_checkMark_green.png") right bottom no-repeat;}
.btn_getCode{display:block;width:185px;height:42px;font:14px/42px "Microsoft Yahei";position:absolute;top:0;right:0;text-align:center;}
.btn_getCode,.btn_login{border-radius:0;-moz-border-radius:0;-webkit-border-radius:0;}
.btn_login{width:100%;border:none;}
.login_inputline.codePwd .input_text{width:152px;padding-right:190px;}
.captchaLine .login_inputline,.img_captcha{display:block;width:186px;}
.img_captcha{height:44px;}
.captchaLine  .input_text{width:140px;}
.forgetHref{display:block;text-align:right;line-height:22px;padding-right:22px;background:url("../../images/icon_loginInput.png") right -109px no-repeat;height:22px;margin:8px 0;}
.login_tipWrap{clear:both;padding:6px 20px 6px 35px;background-color:#FFD4CC;border:1px solid #EB6F0A;color:#003333;position:relative;}
.login_tipWrap .login_tipIcon{display:block;position:absolute;top:7px;left:7px;}
.pwdTipWrap{clear:both;padding:6px 20px 6px 35px;background-color:#FFD4CC;border:1px solid #EB6F0A;color:#003333;position:relative;}


.btn_getCodeNew{display:block;width:185px;height:42px;font:14px/42px "Microsoft Yahei";position:absolute;top:0;right:0;text-align:center;}
.btn_getCodeNew,.btn_login{border-radius:0;-moz-border-radius:0;-webkit-border-radius:0;}
.btn_getCodeNew,.btn_loginNew{border-radius:0;-moz-border-radius:0;-webkit-border-radius:0;}

.btn_getCode,.btn_loginNew{border-radius:0;-moz-border-radius:0;-webkit-border-radius:0;}
.btn_loginNew{width:100%;border:none;}




/**clearfix**/
@media only screen and (max-width:1258px){
}
@media only screen and (max-width:1000px){
    .login_head{padding:3% 0;}
    .login_head .logo{width:30%;max-width:286px;min-width:220px;}
}
@media only screen and (max-width:480px){
    .login_main{width:auto;margin:0 5%;padding:11% 0;}
    .login_inputline .icon{width:10%;}
    .login_tab{width:47.5%;}
    .captchaLine .login_inputline,.img_captcha{width:48.2%;}
    .btn_getCode{width:40%;}
    .btn_getCodeNew{width:40%;}
    .login_inputline.codePwd .input_text{width:48%;padding-right:41.5%;}
    .login_inputline .input_text,.captchaLine .input_text{width:88%;padding-left:10%;padding-right:2%;}
    .captchaLine .icon{width:20%;}
    .captchaLine .input_text{width:78%;padding-left:20%;}
    .login_tipWrap{padding-right:2%;}
}


/**personRechargeLogin**/
.login-agreement{font-size: 14px; }
.login-agreement .btn-a{color: #2f87e2; }
.login-agreement{margin-top: 8px; text-indent: 22px;display: inline-block;
    background: url(../../images/checkbox3-gray.png) no-repeat left;background-size: 16px auto;vertical-align: middle;cursor: pointer;}
.checkbox-agree.on {background: url(../../images/checkbox3.png) no-repeat left;background-size: 16px auto;}
.agreementPop{position: fixed;background: #FFF;width: 70%;top: 50%;left: 15%;z-index: 100;margin: -175px auto;border-radius: 6px;}
.btn_agreePopClose{padding: 5px 2%;position: absolute;top: 0;right: 0;}
.btn_agreePopClose img{width: 14px;}
.agreementPop_main {padding: 0 19px 0 22px;margin: 19px 3px 0;}
.agreementPop_main .tlt{font-size: 16px;font-weight: bold;text-align: center;padding-bottom: 30px; }
.agreementPop_main  .content{ font-size: 13px;height: 320px;overflow-y: auto;padding: 0 20px;}
@media only screen and (max-width:750px){
    .agreementPop_main .tlt {padding-bottom: 10px;}
    .agreementPop {width: 86%;left: 7%;}
    .agreementPop_main {padding: 0 4px 20px;}
    .agreementPop_main .content{padding: 0 10px;}
}
/**personRechargeLogin END**/