*{box-sizing:border-box;margin:0;padding:0;}
html,body{height:100%;}
body{color:#666;background-color:#F6F7FB;}
input[type="text"],input[type="password"],input.text,input.password{font:14px/20px Arial;color:#777;background-color:#FFF;vertical-align:top;display:inline-block;padding:4px 4px 4px 10px;border:solid 1px #777777;outline:0 none;transition:.3s;}
input[type="text"]:focus,input[type="password"]:focus,input.text:focus,input.password:focus,textarea:focus{color:#333;border-color:#3aa8ff;outline:0 none;}
input[type="text"].error,input[type="password"].error,textarea.error{border:dashed 1px #ED5564;outline:0 none;}
.ncsc-login-bg,.ncsc-login-bg p{width:100%;height:100%;min-height:100%;padding:0;margin:0;border:0;position:relative;z-index:auto;}
#loginBG01{background:url('../images/new_login.png') repeat 0 0;}
#loginBG01 p{background:url('../images/new_login.png') no-repeat 100% / cover;}
.ncsc-login-container{background:none;position:fixed;width:840px;height:283px;margin:-142px 0 0 -420px;padding:0;z-index:9;top:50%;left:50%;box-shadow:3px 3px 6px rgba(0,0,0,0.55);}
.ncsc-login-title h2,.ncsc-login-title h4{line-height:36px;height:36px;float:left;}
.ncsc-login-title h2{color:#fff;font-size:24px;width:170px;}
.ncsc-login-title h4{font-size:18px;width:122px;padding-left:28px;}
.ncsc-login-title h2{margin-top:40px;}
.ncsc-login-title span{line-height:18px;color:#999;display:block;clear:both;padding-top:15px;}
.ncsc-login-loggo{border-radius:50%;width:80px;height:80px;overflow:hidden;position:absolute;top:-40px;left:40px;transition:.8s;cursor: pointer;}
.ncsc-login-loggo:hover {transform: rotateZ(360deg); }
.ncsc-login-loggo img{width:100%;height:100%;}
.ncsc-login-container-bg{width:50%;height:100%;position:fixed;right:0;background:rgba(80,148,210,0.5);top:0;bottom:0;left:50%;min-height:100%;z-index:0;}
.ncsc-login-title,.ncsc-login-form{width:50%;height:100%;float:left;overflow:initial;position:relative;}
.ncsc-login-form{background:#fff;border-top-right-radius:5px;border-bottom-right-radius:5px;z-index:1002;}
.ncsc-login-title{background:rgba(0,0,0,0.5);border-bottom-left-radius:5px;border-top-left-radius:5px;z-index:1003;}
.ncsc-login-name{position:absolute;top:-55px;left:40px;color:#fff;}
.ncsc-login-title h2,.ncsc-login-title span{color:#fff;}
.ncsc-login-container .input{display:block;width:320px;height:72px;clear:both;position:relative;z-index:auto;}
.ncsc-login-container label{font-size:14px;line-height:20px;color:#333333;display:block;padding:12px 0 4px 0;}
.ncsc-login-container .repuired{line-height:18px;position:absolute;z-index:2;top:2px;left:60px;}
.ncsc-login-container input.text{width:290px;padding:5px 4px 5px 32px;background-color:#f9f9f9 !important;}
.ncsc-login-container .ico{color:#414141;padding-right:4px;border-right:solid 1px #d2d2d2;position:absolute;z-index:3;left:8px;bottom:8px;width:22px;}
.code-img{position:absolute;width:114px;height:34px;left:124px;bottom:5px;}
.ncsc-login-container .login-submit{font-size:16px;color:#FFF;background-color:#00ABF1;width:180px;height:40px;display:block;border:0;position:absolute;z-index:1;bottom:2px;right:0;cursor:pointer;border-radius:3px;padding:0 20px;text-align:center;transition:.3s;left:0;bottom:-100px;}
.ncsc-login-container .login-submit:hover{background-color:#4CAF50;}
#code{width:120px;}
.repuired label.error{display:none;}
.login-support{text-align:center;font-size:14px;color:#9a9a9a;position:absolute;width:100%;bottom:10px;}
.login-support a{color:#a9a9a9;text-decoration:none;}
.btn_change_seccode{display:block;}
label.error{color:#ED5564 !important;margin-left:8px;}
.sign-ok{position:absolute;top:0;width:0;height:100%;background-color:rgba(3,167,68,0.92);z-index:10;font-size:20px;color:#ffffff;text-align:center;padding-top:120px;left:0;opacity:0;}
.sign-error_pass {position: absolute; width: 100%; background-color: #FF5722; top: 0px; color: #fff; text-align: center; height: 40px; line-height: 40px; visibility: hidden;z-index: 1005; }
.mesto_top {animation: notpass .5s forwards .2s; }
@keyframes notpass {
    from {visibility: hidden; height: 0px; transform: translateY(0px) }
    to {visibility: visible; height: 40px; transform: translateY(-41px) } 
}

@media(max-width:768px){
.ncsc-login-container{position:absolute;width:100%;height:auto;margin:0;top:8%;left:auto;padding:0 2%;}
.ncsc-login-title{display:block;width:100%;border-radius:0;height:auto;padding-bottom:46px;}
.ncsc-login-form{width:100%;height:100%;border-radius:0;padding-bottom:2px;z-index: 1005;}
.ncsc-login-title >div:not(.login-support){margin:0 !important;}
.ncsc-login-title span{text-align:center;}
.ncsc-login-title h2,.ncsc-login-title span{text-align:center;width:100%;}
.ncsc-login-loggo{left:50%;margin-left:-40px;}
.ncsc-login-container .login-submit{position:absolute;width:55%;bottom:-90px;left:18%;}
.ncsc-login-container .input{width:100%;}
.ncsc-login-container-bg{display:none;}
}