/* 
 * 注册，忘记密码，重置密码(页面弹出框的忘记密码，激活邮件发送成功) 
 * 2019-4-17 zyl
*/
input:-webkit-autofill { -webkit-box-shadow: 50px 50px 0px 1px white inset; }
input:focus { background-color: #fff;outline: none; }

.sspreg .modal-dialog { position: absolute;top: 10px;bottom: 10px;left: 10px;right: 10px;margin: 0;overflow: auto; }
.sspreg .modal-footer button { background: #00adf5; }
.sspreg .modal-footer button:hover { background: #1e9695; }

.developermodal .modal-content { border-radius: 0; }
.developermodal .modal-header { border: 0; }
.developermodal .modal-footer { text-align: center; border: 0; }
.developermodal .modal-footer button { background: #00adf5;font-size: 20px;width: 200px;text-align: center;border: 0;border-radius: 2px; }
.developermodal .modal-footer button:hover { background: #7f00d4; }
/* 注册reg */
.sspreg .modal-content { border-radius: 0; }
.sspreg .modal-body { padding-left: 70px; }
.sspreg .developermodalreg  .modal-body,
.sspreg .active-content .modal-body { padding-left: 15px; }
.sspreg .close { position: relative;z-index: 1;height: 60px;width: 60px;margin-top: -18px;margin-right: -15px;color: #bbb;font-size: 40px;font-weight: normal;opacity: 1; }
.sspreg .modal-header { border: 0;text-align: center; }
.sspreg .modal-title { padding-top: 30px; }
.sspreg .form-group { margin-bottom: 15px; }
.sspreg .control-label { display: none; }
.sspreg .input-group .form-control { width: 240px;height: 42px;border: 1px solid #999;font-size: 18px;color: #757575;box-shadow: none;border-radius: 2px;font-family: "微软雅黑"; }
.sspreg .input-group-addon { border-radius: 2px; }
.sspreg .input-group .form-control:last-child { border-top-left-radius: 0;border-bottom-left-radius: 0; }
.sspreg .input-group-addon:first-child { border-top-right-radius: 0;border-bottom-right-radius: 0;}
.sspreg .input-group-addon { width: 62px;padding: 6px 30px;border: 1px solid #999;background: #999 url(../images/loginimg.png) no-repeat;background-position: 0 3px; }
.sspreg .addon-pass,
.sspreg .addon-pass { background-position: -62px 3px; }
.sspreg .addon-tel { background-position: -124px 3px; }
.sspreg .addon-qq { background-position: -186px 3px; }
.sspreg .addon-code { background-position: -248px 3px; }
.sspreg .addon-codeimg { height: 42px;background: #fff;border: 0;padding: 0 0 0 6px; }
.sspreg .reg-text-one{font-size:18px;padding:15px 0 20px;color:#00adf5;}
.sspreg .reg-three{font-size:18px;padding:13px 0 20px;color:#686868;}
.sspreg .modal-footer{text-align:center;border:0;padding-bottom:40px;}
.sspreg .modal-footer button{font-size:22px;width:200px;border:0;border-radius:2px;}
.sspreg .reg-three-list .login-img{float:left;width:68px;height:68px;margin-right:20px;background:url(../images/login-three.png) no-repeat;background-position:0 0;}
.sspreg .reg-three-list .login-wx{background-position:-68px 0;}
.sspreg .reg-three-list .login-qq{background-position:-136px 0;}
.sspreg .reg-agreement{color:#686868;padding:20px 0 10px;font-size:16px;}
.sspreg .reg-agreement .agree-name{color:#00adf5;}
.sspreg label.error,
.sspreg .user_error,
.sspreg .use_show,
.sspforget .captchaError,
.sspforget .emailError,
.setNewPass .newPasswordValid,
.setNewPass .confirmPasswordValid{height:42px;line-height:42px;margin:0;padding-left:30px;color:#ff3939;font-size:15px;font-weight:normal;background: url("../images/error.png") no-repeat 9px 14px;background-size:14px 14px;font-family: "微软雅黑";}
.sspreg .correct,
.sspreg .use_show{color:#00adf5;background-image:url("../images/right.png");}
.sspforget .captchaError,
.sspforget .emailError,
.sspforget label.error,
.setNewPass .newPasswordValid,
.setNewPass .confirmPasswordValid{display:block;margin:0 15px 0 190px;}
.sspforget label.emailError{ height:auto;line-height:20px;padding:10px 0 10px 30px; }

.sspregonly .modal-footer p,
.sspforget{color:#757575;}
.sspforget .modal-body{padding:50px 15px 0 15px;}
.sspforget .modal-footer,
.setNewPass .modal-footer{padding-bottom:90px;}
.sspforget .input-group,
.setNewPass .input-group{margin:0 auto;}
.setNewPass .modal-body{padding:50px 15px 0 15px;}
.sspforget .input-group .form-control.codeimg{border-top-right-radius: 0; border-bottom-right-radius: 0;border-right-color:#aeaeae;}
.sspforget .addon-codeimg{width:118px;border: 1px solid #999;border-left:0;padding:0;border-top-left-radius: 0; border-bottom-left-radius: 0;}
.sspforget .addon-codeimg img{display:inline-block;width:118px;height:38px;}
.sspforget .input-group .form-control.codeimg{ width:185px; }
.sspforget .modal-footer button,
.setNewPass .modal-footer button{width:318px;}

/* 注册新增加的  */
.sspregonly .input-group .form-control { width:302px;padding-left:70px; }
.sspregonly .input-group-addon {position:absolute;width:62px;height:42px;z-index:3;}
.sspregonly .addon-codeimg { position:static; }

/* 忘记密码发送成功  */
.success-content .emailSendSuccess{text-align:center;color:#00adf5;margin-top:-10px;}
.success-content .emailSendSuccess .title{font-size:24px;}
.success-content .emailSendSuccess .successimg{display:block;width:86px;height:86px;margin:0 auto 10px;background:url("../images/success.png") no-repeat;}
.success-content .emailSendSuccess .text{color:#757575;font-size:18px;padding:25px 0 40px;}
.sspcolor{color:#00adf5;}
.success-content .emailSendSuccess .successimg{background:url("../images/success.png") no-repeat;}

.success-content .modal-footer{line-height:22px;padding:24px 130px 15px;background:#efefef;text-align:left;font-size:14px;}
.success-content .modal-footer .title{font-size:18px;}
.success-content .modal-footer label{font-weight:normal;}
.success-content .modal-footer a{color:#757575;}
.success-content .modal-footer a:hover{text-decoration:none;color:#757575;}
.success-content .tencentqq{display:inline-block;vertical-align:top;width:68px;height:29px;background:url("../images/tencentqq.png") no-repeat;cursor:pointer;}
.success-content .setNewPassSucdiv .text{padding-top:5px;}
.resetsuccess-content .modal-footer{background:#fff;text-align:center;padding: 0 130px 130px;}
.resetsuccess-content .modal-footer button{width:250px;}
.success-content .setNewPassSucdiv{margin-top:0;}

@media (min-width: 768px){
	.sspreg .modal-dialog {width: 736px; margin: 30px auto;}
	.developermodal .modal-dialog{width:736px;}
}

@media (max-width: 767px){
	/* 忘记密码 设置新密码 */
	.sspforget form,
	.setNewPass form { width:400px;margin:0 auto; }
	.setNewPass .input-group .form-control,
	.sspforget .input-group .form-control { width:100%; }
	.sspforget .input-group .form-control.codeimg,
	.setNewPass .input-group .form-control.codeimg { width:255px; }
	.sspforget .modal-footer button,
	.setNewPass .modal-footer button { width:373px; }
	.setNewPass .resetsuccess-content .modal-footer button { width:250px; }
	.success-content .modal-footer { padding: 24px 20px 15px; }
	.resetsuccess-content .modal-footer { padding: 0 30px 130px; }
	.sspforget .captchaError, 
	.sspforget .emailError, 
	.sspforget label.error, 
	.setNewPass .newPasswordValid, 
	.setNewPass .confirmPasswordValid { width: auto;margin: 0; }
	.success-content .emailSendSuccess .text { font-size:16px; }
	.success-content .emailSendSuccess .title { font-size: 20px;}

	.sspregonly .modal-body { width: 302px;margin: 0 auto;padding: 0; }
	.sspregonly .agreement-content { width: auto;padding-right: 15px; }
	.sspregonly .input-group .form-control,
	.sspregonly .reg-text-one ,
	.sspregonly .reg-agreement { font-size: 15px; }
	.sspregonly .input-group,
	.sspregonly .input-group .form-control { width: 100%; }
}

@media (max-width:479px){
	.sspforget form,
	.setNewPass form { width:100%;margin:0 auto; }
	.sspforget .input-group .form-control.codeimg,
	.setNewPass .input-group .form-control.codeimg,
	.sspforget .modal-footer button, 
	.setNewPass .modal-footer button { width: 100%; }
	.success-content .modal-footer label { display: block;margin: 0!important; }	
	.sspforget .input-group, 
	.setNewPass .input-group { width: 100%; }
}
@media (max-width:360px){
	.sspregonly .modal-body { width: auto;padding: 15px; }
}

div.message { padding: 10px 30px;position: fixed;top: 25%;overflow: hidden; }
.message.alert-danger { color: #fff;background-color: rgba(0,0,0,0.6);border-color: rgba(0,0,0,0.6); }