@charset "utf-8";
/* CSS Document */
body{width:100%;background:url(../images/login.jpg) no-repeat center center }
.top{height:48px;border-bottom:solid 1px #d7d7cf;background:url(../images/filter50.png) repeat}
.home{display:inline-block;height:48px;background:url(../images/home.png) no-repeat center left;padding-left:30px;line-height:48px;font-size:14px;margin:0 10px}
.loginQues{width:57px;height:46px;background:url(../images/loginQues.jpg) no-repeat;margin-top:2px}
.footer{height:57px;background:#fff;position:absolute;left:0;bottom:0;width:100%;line-height:57px;text-align:center;font-size:14px;color:#666}
.footer a{color:#666}

.login{width:607px;height:467px;background:url(../images/filter50.png) repeat;box-shadow:0 0 10px #333;border-radius:5px;position:absolute}
.loHead{padding:47px 0 30px 0px;border-bottom:solid 2px #d8d1c4;width:454px;margin:0 auto;text-align:center}
.logoRight{width:370px;padding-left:10px;text-align:left;}
.logoRight h3{font-size:28px;font-weight:bold}
.logoRight p{font-family:'宋体';font-size:28px}
.login table td{font-size:18px;padding:10px 5px;line-height:39px}
.userName{width:300px;height:37px;border:solid 1px #c1bcb4;border-radius:3px;background:#f4f0e8;padding:0 10px;line-height:37px}
.password{width:300px;height:37px;border:solid 1px #c1bcb4;border-radius:3px;background:#f4f0e8;padding:0 10px;position:relative}
.password input{width:210px;height:37px;line-height:37px;background:none}
.forget{position:absolute;right:5px;top:0px;font-size:16px;color:#b1b1b1}
.forget:hover{color:#c74936}

.loginCheck{font-size:16px;position:relative;display:inline-block;cursor:pointer;line-height:20px}
.loginCheck i{float:left;width:20px;height:20px;background:url(../images/loCheck.png) no-repeat left 0;margin-right:15px}
.loginCheck i.loginChecked {background-position:right 0}
.loginCheck input{position:absolute;left:0;top:0;width:20px;height:20px;filter:alpha(opacity=0);opacity:0}
.loginBtn{display:inline-block;width:323px;height:39px;border:solid 1px #427ba6;background:#4f91c3;border-radius:3px;line-height:39px;text-align:center;font-size:18px;color:#fff}
.tips{font-size:14px;color:red;line-height:24px}


/**忘记密码**/
.forTop{height:65px;background:#4893cc}
.forTop .loginQues{height:64px;background-color:#343434;margin:0;background-position:center}
.forLogo{margin-left:20px}
.forCon{width:750px;margin:100px auto;font-size:14px}
.forCon h3{font-size:20px;padding-left:125px;height:50px;line-height:50px}
.forNav{height:13px;border-bottom:solid 2px #dcdcdc;margin-top:25px;text-align:center}
.forNav ul li{display:inline-block;width:124px;position:relative;height:13px;border-bottom:solid 2px #dcdcdc}
.forNav ul li a{position:absolute;width:30px;height:30px;background:#cecece;border-radius:100%;line-height:30px;text-align:center;left:46px;top:0;font-size:14px;font-weight:bold;color:#fff}
.forNav ul li.cur{border-bottom:solid 2px #4893cc}
.forNav ul li.cur a{background:#4893cc}
.stepFirst{font-size:14px;color:#444}
.forInp{width:300px;height:37px;border:solid 1px #c7c7c7;border-radius:5px;padding:0 10px}
.mar50{margin:50px auto}
.nextStep{display:block;width:173px;height:39px;text-align:center;line-height:39px;background:#4893cc;border-radius:3px;font-size:18px;color:#fff;}
.hqYzm{height:37px;border:solid 1px #427ba6;margin:0 10px;padding:8px 30px;border:solid 1px #427ba6;color:#427ba6;border-radius:3px}
.reresive{height:37px;border:solid 1px #427ba6;padding:8px 30px;border:solid 1px #cacaca;border-radius:3px;background:#efefef}
.yzmTip{position:absolute;color:#999999;bottom:-20px;right:100px}

.stepThird{padding-left:50px}
.stepThird table{margin-top:50px}
.stepThird table tr td{padding:10px 5px}
.yzm{border:solid 1px #c7c7c7;border-radius:5px;overflow:hidden;margin:0 10px}

.stepFourth{padding-top:50px;;font-size:16px}
.sucess{background:url(../images/sucess.png) no-repeat 180px center;height:47px;line-height:47px}

.selectBox{display:inline-block; vertical-align:top;text-align:left; position:relative;cursor:pointer; width:258px; line-height:29px; height:29px;border-radius:2px;border:solid 1px #e2e2e2;border-radius:3px;font-size:14px}
.selectBox p{  vertical-align:top; padding:0 15px 0 10px; background:url(../images/selarr.png) no-repeat right 13px; margin-right:10px;}
.selectBox ul{ width:258px; border-top:0; position:absolute; z-index:1; top:29px; left:-1px; display:none;border:solid 1px #e2e2e2;border-bottom:0}
.selectBox ul li a{ display:block; line-height:29px; padding:0 10px;border-bottom:solid 1px #e2e2e2}
.selectBox ul li a:hover{background:#f1f1f1}

/****************************2018年12月28日新增******************************************************/
@media (max-width: 750px) {
    .login{width: 80%;padding: 0 10px}
    .w_fir_td{width: auto}
}
@media (max-width: 525px) {
    .userName{width:200px;}
    .password{width: 119px !important;}
    .verifyCode{width: 50px !important;}
    .validimage{width:80px;}
    .loginBtn{width: 222px}
    .loHead{width: auto;padding: 20px 0 20px 0px;}
}
@media (max-width: 400px) {
    .login{width: 85%;}
    .userName{width:200px;}
    .password{width: 119px !important;}
    .verifyCode{width: 50px !important;}
    .validimage{width:80px;}
    .loginBtn{width: 222px}
}
@media (max-width: 375px) {
    .login{width: 85%;}
    .login table td{padding: 10px 0}
    .userName{width:180px;}
    .password{width: 104px !important;}
    .verifyCode{width: 50px !important;}
    .validimage{width:67px;}
    .loginBtn{width: 204px}
    .verifyCode{width: 70px;}
}