@charset "utf-8";
/*登录*/
.red{color: red;font: menu;}
.login{width:100%;height:100%;background:url(../../images/login/login-bg.png) no-repeat;background-size:100% 100%;overflow:hidden}
.login .login-bg{width:1000px;height:556px;margin:180px auto 0;background:url(../../images/login/login-con-bg.jpg) no-repeat;background-size:100% 100%;border-radius: 20px;box-shadow: 0 20px 100px #a9b9b0;}
.login .login-bg.reset{background:url(../../images/login/reset-con-bg.png) no-repeat;background-size:100% 100%;}
#loinForm{padding-top:100px;padding-left:100px}
.login .login-con{width:325px;position: relative;}
.login .login-con .title{width:100%;height:80px;line-height:40px;font-size:27px;font-weight:500;text-align:center;color:#3b7a61;padding:0;margin-bottom:25px}
.login .login-con .icon{display:block;width:69px;height:32px;background:url(../../images/login/icon-phone.png) no-repeat;background-size:100% 100%;position:absolute;top:-40px;right:-27px;z-index:1;cursor:pointer;padding:0}
.login .login-con .icon.on{background:url(../../images/login/icon-pwd.png) no-repeat;background-size:100% 100%}
.login .login-con .input-con{width:100%;margin-bottom:15px;overflow:hidden}
.login .login-con .input-con input{width:100%;height:42px;border:1px solid #ccc;border-radius:6px!important;padding-left:17px}
.login .login-con .input-con.show-phone{display: none;}
#randCode,#phoneCode{width:65%;margin-right:5%;float:left}
#randCodeImage,#second{width:30%;height:42px;float:right;border:1px solid #ccc;border-radius:6px!important;cursor:pointer}
#second{background: #fca62c;color: #fff;border: 1px solid #fca62c;}
.login .error-text{height:27px;line-height:20px;font-size:14px;font-weight:500;color:#f04721;padding-left:17px;margin-bottom:5px}
.login .login-btn{width:100%;height:42px;margin-bottom: 15px;}
.login .login-btn button{width:100%;height:100%;border-radius:6px;background:#fca62c;color:#fff;outline:0;border:none;font-size:16px;font-weight:500}
.login .login-btn button:hover{background:#f5ad48}
.login .findpwd:hover{color: #3b7a61;}
.login .tip{display:block;width:100%;line-height:18px;font-size:12px;font-family:SourceHanSansSC-Medium,SourceHanSansSC;font-weight:500;color:#999}
/*注册*/
.register{width:100%;height:100%;background:#e8ea97 url(../../images/login/register-bg.png) no-repeat;background-size:100% 1000px;position: fixed;}
.register-con{width:1000px;background:#fff url(../../images/login/register-con-bg.jpg) no-repeat;background-size:100% 400px;border-radius: 20px;box-shadow: 0 20px 100px #a9b9b0;position: absolute;z-index: 10;top: 60px;left: 50%;transform: translateX(-50%);bottom: 60px;}
.register-con.register-xxjbj-con{background:#fff url(../../images/login/register-con-bg-xxcbj.png) no-repeat;background-size:100% 400px;}
.register-con.register-skj-con{background:#fff url(../../images/login/register-con-bg2.jpg) no-repeat;background-size:100% 400px;}
.register-con.register-xxcbj-con2{background:#fff url(../../images/login/register-con-bg-xxcbj.jpg) no-repeat;background-size:100% 510px;}
.register-con .con{width:770px;margin:0 auto;padding:127px 0 106px}
.register-con.register-xxcbj-con2 .con{padding:540px 0 106px}
.register-con .con .title{width:100%;height:40px;line-height:40px;font-size:27px;font-weight:500;color:#1f6da0;padding:0;margin-bottom:22px}
.register-con .con .subtitle{height:29px;line-height:29px;font-size:20px;font-weight:500;color:#666;margin-bottom:30px}
.register-con .con .fill-con{width:100%;margin-bottom:28px}
.register-con .con .fill-con .title{width:100%;height:27px;line-height:27px;font-size:18px;font-weight:500;color:#666;padding:0}
.register-con .con .fill-con .title span{display:inline-block;font-size:12px;margin-left:5px}
.register-con .con .fill-con .title i{display:inline-block;width:36px;height:18px;line-height:18px;border-radius:0 8px 8px 8px;font-size:12px;font-weight:500;color:#fff;background:#fca62c;text-align:center;margin-left:5px}
.register-con .con .fill-con .input-con{width:100%;margin-bottom:13px;overflow:hidden;position: relative;}
.register-con .con .fill-con .input-con input,.register-con .con .fill-con .input-con select{height:42px;line-height:42px;font-size:14px;font-weight:500;color:#333;padding:0 17px;border:1px solid #ccc;box-sizing:border-box;border-radius:6px}
.register-con .con .fill-con .input-con .inputw100{width:100%}
.register-con .con .fill-con .input-con .inputw49{width:49%;margin-right:1%;float:left}
.register-con .con .fill-con .input-con .inputw49.floatr{margin-right:0;margin-left:1%}
.register-con .con .fill-con .input-con .inputw32{width:32%;margin-right:2%;float:left}
.register-con .con .fill-con .input-con .inputw32.floatr{margin-right:0;}
.register-con .con .fill-con .input-con .marginb13{margin-bottom: 13px;}
.register-con .con .fill-con .input-con textarea{height:130px;border:1px solid #ccc;border-radius:6px;box-sizing:border-box;resize:none;padding:11px 17px;font-size:14px;font-weight:500;color:#333;margin-bottom: 0;}
.register-con .con .fill-con .input-con .label-title{display:inline-block;height:42px;line-height:42px;font-size:14px;font-weight:500;color:#333}
.register-con .con .fill-con .input-con label{display:inline-block;margin-right:15px;font-size:14px;font-weight:500;color:#333;cursor:pointer}
.register-con .con .fill-con .input-con label input{display:inline-block;height:auto;margin-right:6px;margin-top: 0;}
.register-con .con .fill-con .input-con.rowList{margin-left: 0;border-bottom: 1px solid #ccc;padding-bottom: 13px;}
.register-con .con .fill-con .btn-list{width:100%;text-align:center;margin-bottom:15px}
.register-con .con .fill-con .btn-list .button{background:#fca62c;width:25px;height:25px;margin-left:10px;border:none;cursor:pointer}
.register-con .con .fill-con .btn-list .button:hover{opacity:.8}
.register-con .con .fill-con .btn-list .button img{margin: 0 auto;}
.register-con .con .fill-con .input-con.mj-login .layext-textool-pane{position: absolute;bottom: 12px;right: 0;}
.register-con .con .fill-con .input-con .filelabel{display:block;width: 80px;background: #3689b3;text-align: center;color: #fff;border-radius: 4px;height: 25px;line-height: 25px;margin-bottom: 10px;}
.register-con .con .fill-con .input-con .titspan{color: red;float: none;font-size: 12px;margin: 0;padding-top: 20px;display: inline-block;width: 100%;}
.register-con .con .fill-con .input-con .titspan.pb{padding-top: 0;padding-bottom: 10px;}
.register-con .con .fill-con .input-con .table{margin-bottom: 5px;}
.register-con .con .fill-con .input-con .table th{text-align: center;font-size: 14px;}
.register-con .con .fill-con .input-con .table th:last-child{width: 60px;}
.register-con .con .fill-con .input-con .table tr a{cursor: pointer;}
.register-con .con .fill-con .input-con .table tr td{font-size: 14px;}
.register-con .con .fill-con .input-con .table tr td:last-child{text-align: center;}
.register-con .con .fill-con .input-con.isstation-con,.register-con .con .fill-con .input-con.platform-con,.register-con .con .fill-con .input-con.actreward-con{display: none;}
.register-con .con .error-text{height:27px;line-height:20px;font-size:14px;font-weight:500;color:#f04721;padding-top:10px}
.register-con .con .register-btn{width:100%}
.register-con .con .register-btn button{display:block;width:325px;height:42px;line-height:42px;text-align:center;border:1px solid #fca62c;border-radius:6px;font-size:16px;font-weight:500;background:#fca62c;color:#fff;margin:27px auto 30px;cursor:pointer}
.register-con .con .tips{width:100%;height:20px;line-height:20px;font-size:14px;font-weight:500;color:#999}
.layext-text-tool{z-index: 10 !important;}
.error{border: 1px solid red !important;}
.error-animation{border: 1px solid red;animation: shine 1s;animation-iteration-count: infinite;}
#filelabel{
	display: inline-block;
    width: 100px;
    height: 100px;
    background: url(../../images/hbbecologyschoolinfo/addfile.png) no-repeat;
    cursor: pointer;
}


@keyframes shine{
	from{border: 1px solid red;}
	50%{border: 1px solid #ccc;}
	to{border: 1px solid red;}
}
/*适配*/
@media only screen and (min-width:1367px) and (max-width:1600px){
	.login .login-bg {
	    margin: 100px auto 0;
	}
}
@media only screen and (min-width:1281px) and (max-width:1366px){
	.login .login-bg {
	    margin: 50px auto 0;
        width: 940px;
    	height: 515px;
	}
}
@media only screen and (max-width:1280px){
	.login .login-bg {
	    margin: 50px auto 0;
        width: 940px;
    	height: 515px;
	}
}