/*
 * 登录页面
 * @author 石头
 */
.left{ float: left; }
.right{ float: right; }
.loginwrapper{width: 1100px;margin:0 auto;}
.loginpage{ width: 100%;float: left;position: relative;display: flex;align-content: flex-start;justify-content: space-between; flex-wrap: nowrap;margin:80px 0;}
.loginpage .thumb{flex:1;float: left; background-image: url('../images/pic1.jpg'); background-position: center top;background-size: cover;border-top-left-radius: 5px;border-bottom-left-radius: 5px;}
.loginpage .thumb.pic2{background-image: url('../images/pic2.jpg');}
.loginpage .thumb img{ width: 100%;height: auto;}
.loginbox{ width:600px; background-color: #fff;padding:40px 55px;box-shadow: 0 5px 20px rgba(0,0,0,.2);border-radius: 5px;box-sizing: border-box; position: relative;}
.login_title{ width: 100%; line-height: 2.5em; font-size: 1rem; }
.login_title h2{ font-weight: normal; }
@media screen and (max-width:900px){
	.loginwrapper{width:100%;margin:0 auto;}
	.loginpage{ margin:15px 0; }
	.loginpage .thumb{ display:none; }
	.loginbox{ width: 100%;padding:15px;}
	.loginbox{ width: 94%; margin:10px auto; background-color: #fff;padding:20px}
}
/*登录*/
.input{line-height: 50px;border:solid 1px #e2e2e2; height: 50px;}
.loginform{ width: 100%;float: left; position: relative; padding-top: 30px;}
.form_item{ width: 100%; padding:10px 0; position: relative;display: flex;align-content: flex-start;justify-content: space-between; flex-wrap: nowrap;}
.form_item .tit{ width: 90px; display: inline-block; line-height: 50px; height: 50px; float: left; font-size: 15px;text-align: right; padding-right: 10px; white-space: nowrap; flex:0 0 90px;}
.form_item .tit i{display:inline-block;/*padding-left: 100%;*/width:100%;}
.form_item .inputs{padding:0px 0;  overflow: hidden; flex:1; }
.form_item .tips{display: inline-block; color: #999; }
.form_item .inputs div{color: #dd4246; display: inline-block; line-height: 50px;padding-left: 10px;}
.form_item .inputs span{display: inline-block; line-height: 45px;padding-left: 10px; color: #1c99ef;}
.form_item .input{ width: 100%; line-height: 50px; padding:0 10px; border:solid 1px #e2e2e2; float: left;box-sizing: border-box; border-radius: 3px;font-family:"microsoft Yahei";}
.form_item .input-small{ width: 80px; line-height: 40px; padding:0 10px; border:solid 1px #e2e2e2; float: left;font-family:"microsoft Yahei";}
.onShow{ color: #999; display: inline-block; right: 5px;top: 0；line-height: 40px; position: absolute;}
.onFocus{ color: #999; display: inline-block; right: 5px;top: 0；line-height: 40px; position: absolute;}
.onError{ color: #dd4246; display: inline-block; right: 5px;top: 0；line-height: 40px; position: absolute;}
.onCorrect{ color: #39a631 !important; display: inline-block; line-height: 50px; right: 0;top: 0；line-height: 40px; position: absolute;}
.onWait{ color: #999 !important;  right: 5px;top: 0；line-height: 40px; position: absolute;}
#checkverify{ color: #dd4246; display: none; }
.submit{width: 100%; padding: 15px 0; position: relative;float: left; line-height: 40px; box-sizing: border-box;}
.login-btn{ width: 96%; line-height: 50px; height: 50px; text-align: center; font-size: 17px; color: #fff; background-color: #268eff; border: none; margin:0 2%; border-radius: 35px;font-family:"microsoft Yahei"; }
@media screen and (max-width:750px){
	.form_item .tit{ width: 70px; flex:0 0 70px;}
}
.take{ width: 100%; padding: 10px 0; position: relative;float: left; line-height: 40px; box-sizing: border-box; padding-left: 80px; }
.take label{ color: #666; vertical-align: middle;}
.take span:nth-child(2){ width: 100%; clear: both}
.take2{ width: 100%; padding: 10px 0; position: relative;float: left; line-height: 40px; box-sizing: border-box; text-align: center;}
.right{ float: right; }
.goreg{ position: absolute; top: -5px;right: -5px;width: 100px;}
.goreg img{ width:100%;height: auto; }
#code_img{ float: left; }

.regbox{ width: 600px;background-color: #fff;padding:40px 35px;box-shadow: 0 5px 20px rgba(0,0,0,.2);border-radius: 5px;box-sizing: border-box; position: relative;}

@media screen and (max-width:750px){
	.regbox{ width: 94%; margin:10px auto; background-color: #fff;padding:20px}
}

/*忘记密码*/
.forget{ width: 600px; margin:50px auto;box-sizing: border-box; position: relative;}
.forgetboxs{ width: 100%;float: left;padding:40px;box-sizing:border-box;box-shadow:0 0 10px rgba(0,0,0,.1); }
.forget .way{ width: 100%;float: left; padding:35px; box-sizing: border-box; background-color: #fff;box-shadow: 0 5px 20px rgba(0,0,0,.2);border-radius: 5px;margin:10px 0; line-height: 50px;font-size:15px; }
.forget .way span{ display: inline-block; vertical-align: middle; margin-left:10px;}
.forget .way span img{ height: 25px; width: auto; }
.forget h2{ width: 100%;line-height: 2em;margin-bottom: 15px; font-size:16px; position: relative;padding-left: 15px;}
.forget h2::before{content: '';width:5px;height: 20px;background-color: #008cea; position: absolute;left: 0;top:6px; border-radius: 3px;}
.forget .hasaccount{ width: 100%;padding:40px 0; line-height: 2em; float: left;color: #666; text-align:center;}
.forget .hasaccount a{ text-decoration: underline;color: #268eff;}
.forget .btn{ background-color: #008cea; margin-top:10px; color: #fff;padding:0 10px; border-radius: 5px;}

.forgetbox{ width: 600px; margin:50px auto;box-sizing: border-box; position: relative; background-color: #fff;padding: 30px;box-shadow:0 0 10px rgba(0,0,0,.1);}
.forgetbox .title{ width: 100%;line-height: 2em;padding-bottom: 15px; font-size:18px; border-bottom: solid 1px #f5f5f5; font-weight:bold;}
.forget-form{ width: 100%;float: left; padding:15px 0;box-sizing: border-box; }
.input-text{ width:100%; position: relative;border:solid 1px #eee; padding:0 10px;box-sizing: border-box;line-height: 45px;height: 45px;border-radius:5px; }
.step{ width: 100%;float: left; padding:10px; box-sizing: border-box; line-height: 2em; border:1px solid #fbd6ad; background:#fdfcf5; margin:15px 0;}
.step span{ width: 33.3%;float: left; }
.btn2{line-height: 45px; height: 45px; text-align: center; font-size: 15px; color: #fff; background-color: #008cea; border: none;border-radius: 5px;font-family:"microsoft Yahei"; padding:0 10px; display: inline-block;margin:0 5px; width: 100%;}
.newpassword{ width: 100%;float: left; padding:50px 0; text-align:center; line-height: 2em}
.notice{ width: 100%;float: left; padding:15px; margin:15px 0; position: relative; border:1px solid #fbd6ad; background:#fdfcf5; box-sizing: border-box; border-radius:3px;}
.notice .tit{color:#ff8400; width: 100%;float: left; position: relative; line-height: 2em}
.notice p{color:#777;width: 100%;float: left; position: relative; line-height: 1.8em; margin-top:8px;}
.notice a.close{background: url(../images/cross.png) no-repeat left 6px; display:block; width:36px; height:16px;position: absolute; right:4px; top:4px;outline:none; padding-left: 18px;}
.notice a.close:hover{background-position: left -44px}
.notice .content{ padding:0; }
@media screen and (max-width:750px){
    .notice{padding:10px;margin:8px 0; }
    .notice .content{ padding:0; }
}

@media screen and (max-width:750px){
	.forget h2{ background-color: #fff; }
	.forget{ width: 100%; margin:20px auto; background-color: #fff;padding:0px}
	.forgetboxs{padding:20px;}
	.forget .way{ padding:25px 10px;}
	.forgetbox{ width: 100%; margin:100px auto 20px auto; background-color: #fff;padding:20px}
}