@charset "utf-8";
@import "css/text-security-disc.css";
html{height: 100%}
body{
	margin:0;
	padding:0;
	background:#CBE4E7;
	overflow-x:hidden !important;
	overflow-y:auto !important;
	height: 100%
}
.wrap{
	width:1024px;
	height:100%;
	margin:0 auto;
	position:relative;
	z-index:100;
}
.tab_bg{
	width:1920px;
	background:url(images/bg1.png) no-repeat;
	position:absolute;
	z-index:-1;
	top:-150px;
	left:-230px;
	bottom:0;
}
/*  登录页面-顶部样式开始 */

.top .topLogo{
	margin-left:5px;
	margin-top:20px;
	margin-bottom:10px;
}

.mid {
	margin-top: 80px;
	text-align: center;
}

/*  登录页面-中间部分-中间面板 样式开始 */
.mid .mid-block {
	width:315px;
	display: inline-block;
	text-align: center;
    position: relative;
    vertical-align: top;
}
.mid .mid-block + .mid-block{
	margin-left: 60px;
}
.mid .mid-block.dnSys{
	height:374px;
	background:url(images/panel_green.png) no-repeat;
}
.mid .mid-block.wlSys{
	height:374px;
	background:url(images/panel_purple.png) no-repeat;
}
.mid .mid-block .logo{
	margin-top:25px;
}
.mid .mid-block .logo_tip{
	height:25px;
	margin-top:15px;
	font-size:14px;
	color:#FFF;
}
.mid .mid-block .error_tip{
	height:25px;
	margin-top:3px;
	font-size:12px;
	color:red;
	overflow:hidden;
}
.mid .mid-block .form-group{
	width:315px;
	height:44px;
    position: relative;
}
.mid .mid-block .form-group .label{
	width:65px;
	margin-left:5px;
	font-size:14px;
	color:#333333;
	vertical-align:middle;
	display: inline-block;
}
.mid .mid-block .form-group .input{
	width:218px;
	height:44px;
	background:url(images/icon_all.png) no-repeat -10px -10px;
	vertical-align:middle;
	display: inline-block;
}
.mid .mid-block .form-group .input input{
	display:block;
	border:none;
	width: 200px;
	height: 26px;
	margin-left:6px;
	margin-top:8px;
	line-height:26px;
	vertical-align:middle;
	font-size:14px;
	color:#333333;
}
.mid .mid-block .validateCode input:focus,
.mid .mid-block .form-group .input input:focus{
    outline: none;
}
.mid .mid-block .validateCode{
    margin-top: 10px;
    text-align: left;
}
.mid .mid-block .validateCode .label,
.mid .mid-block .validateCode img,
.mid .mid-block .validateCode input{
    display: inline-block;
    vertical-align: middle;
}
.mid .mid-block .validateCode .label{
    font-size:14px;
    color:#333333;
    width: 72px;
    text-align: right;
    padding-right: 8px;
}
.mid .mid-block .validateCode input{
    width: 100px;
    padding: 10px;
    border: 1px solid #ccc;
    border-radius: 2px;
}
.mid .mid-block .validateCode img{
    cursor: pointer;
}

.mid .mid-block .forgetPsw{
	width:315px;
	height:30px;
	text-align: right;
}
.mid .mid-block .forgetPsw a{
	color:#546B87;
	margin-right:30px;
	text-decoration:none;
	line-height:30px;
	font-size:14px;
}
.mid .mid-block .forgetPsw a:hover{
	color:#FF66FF;
}
.mid .mid-block .operateBtn{
	text-align: center;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 20px;
}
.mid .mid-block .operateBtn .btn_login{
	width:101px;
	height:44px;
	display: inline-block;
	border:none;
	background:url(images/icon_all.png) no-repeat -9px -260px;
	cursor:pointer;
}
.mid .mid-block .operateBtn .btn_login:hover{
	background-position:-120px -260px;
}
.mid .mid-block .operateBtn .btn_login:active{
	background-position:-240px -260px;
}


/*  登录页面-底部样式开始 */
.bottom{
	width:998px;
	height:75px;
	display: flex;
	justify-content: center;
	align-items: center;
	margin :55px auto 10px auto;
	background: #d9eaee;
	border:1px solid #b0d2c5;
	border-radius: 10px;
}
.bottom-item{
	flex: 1;
	height: 40px;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 14px;
}
.bottom-item + .bottom-item{
	border-left:1px solid #b0d2c5;
}

.beiandiv{
	text-align: center;
	font-size: 12px;
	padding: 20px 0;
}
 
/*  登录页面-底部样式结束 */

.form-group .nc-container{
    left: 18px;
    top: 10px;
}

.form-group .nc-container .nc_wrapper{
    width: 280px !important;
}


.njgpt{
	display: inline-block;
	background:url(images/icon4.png?v=1.0.0) no-repeat -116px -179px;
	width:227px;
	height:54px;
}
.njgpt:hover{
	background-position:-116px -263px;
}
.njgpt:active{
	background-position:-116px -348px;
}


.cotprs{
	background:url(images/icon4.png) no-repeat;
	background-position:-426px -178px;
	width:227px;
	height:54px;
	float:left;
	margin-top:49px;
	margin-left:75px;
}
.cotprs:hover{
	background:url(images/icon4.png) no-repeat;
	background-position:-426px -262px;
	width:227px;
	height:54px;
	float:left;
	margin-top:49px;
	margin-left:75px;
}
.cotprs:active{
	background:url(images/icon4.png) no-repeat;
	background-position:-426px -347px;
	width:227px;
	height:54px;
	float:left;
	margin-top:49px;
	margin-left:75px;
}


.nfile{

	display: inline-block;
	background:url(images/icon4.png) no-repeat -722px -178px;
	width:227px;
	height:54px;
}
.nfile:hover{
	background-position:-722px -262px;;
}
.nfile:active{
	background-position:-722px -347px;
}

.nnuser{
	background:url(images/icon4.png) no-repeat;
	background-position:-116px -47px;
	width:202px;
	height:44px;
	float:left;
	margin-top:23px;
	margin-left:354px;
}
.nnuser:hover{
	background:url(images/icon4.png) no-repeat;
	background-position:-426px -47px;
	width:202px;
	height:44px;
	float:left;
	margin-top:23px;
	margin-left:354px;
}
.nnuser:active{
	background:url(images/icon4.png) no-repeat;
	background-position:-722px -45px;
	width:202px;
	height:44px;
	float:left;
	margin-top:23px;
	margin-left:354px;
}