@charset "utf-8";
/* CSS Document */

body {
	margin:0 auto;
	padding:0;
	font-size:12px;
	font-family:Verdana;
	line-height:1.5;
	background-color:#06C;
background-image:url(../images/bg.jpg); width:100%; height:auto;
	background-repeat:no-repeat;


}
ul, dl, dd, h1, h2, h3, h4, h5, h6, form, p {
	padding:0;
	margin:0;
}
ul {
	list-style:none;
}
img {
	border:0px;
}
a {
	color:#444;
	text-decoration:none;
}
a:hover {
	color:#f00;
}
ul {
	list-style-type:none
}
.clearfloat {
	clear:both;
	height:0;
	font-size: 1px;
	line-height: 0px;
}
 html,body{margin:0;padding:0;}
 html,body,.wrap,.content{height:100%;}
.content{margin-bottom:-30px;}
/*top*/

.top {
	background-color:#003c87;
	height:50px;
	width:100%;
	margin:0 auto;
	vertical-align:middle;

}
.logo {
	float:left;
	margin-left:8%;
}
.text {
	font-size:14px;
	color:#FFF;
	font-weight:100;
	text-align:center;
	float:right;
	margin-right:5%;
	margin-top:15px;
}
.zf{ font-size:13px; color:#FFF; vertical-align:bottom; padding-top:20px; float:left; color:#ed9d2c; }
/*top结束*/


/*logn*/
.logn-content{ width:100%; margin:0 auto;display: flex;justify-content: center;}
.logn-ln{margin-left:10%; float:left; margin-top:50%; line-height:300px; }
#logn-ln{ float:left; margin-left:25%; margin-right:10%;
margin-right:5% !important;  }
#ln-gl{ float:left; margin-left:1%; margin-right:10%;
margin-right:5% !important;  }
.logn { margin:0 auto; }

.btn{background-color: #D2340F;color:white;text-decoration: none;font-family:Arial;font-weight: 900;font-size: 15px;padding:10px 40px;border-radius: 3px; margin-top:8px;
-moz-border-radius: 3px;; /* 老的 Firefox */
-webkit-border-radius: 3px;; /* Safari 和 Chrome */
-o-border-radius: 3px;; /* Opera */
}
.btn-login{background-color:#1d779a; width:100%;  color:#e2e2e2; border:1px solid #ffd3a9;  padding:7px 30px; cursor:pointer;margin-left:5px;}
.btn-login:hover{background-color:#ffa854;border:1px solid #e69445; color:#FFF; margin:0; padding:7px 30px;cursor:pointer; }



.ul {
	background-image:url(../images/dlbj.png);
	width:300px;
	height:360px;
	background-repeat:no-repeat;
	float:right;
	margin-top:80px;
	display:inline;
font-size:14px;
	color:#FFF;
	font-weight:bold;
	}
.ul li {
	font-size:14px;
	color:#FFF;
	font-weight:bold;
	margin:5px 10px 5px 60px;
	font-weight:bold;
}
.text1 {
	border:1px solid #d7d7d7;
	color:#000;
	background-color:#FFF;
	height:20px;
	margin:2px 10px 10px 5px;
	width:135px;
	background-image:url(../images/pp.jpg);
	background-repeat:no-repeat;
	padding-left:40px;
    padding-top:5px;
	padding-bottom:2px !important;
	vertical-align:middle !important;
	font-size:14px;
	vertical-align:middle;
	line-height:20px;
}

.text2 {
	border:1px solid #d7d7d7;
	color:#000;
	background-color:#FFF;
	height:20px;
	margin:2px 10px 10px 5px;
	width:80px;
	font-size:14px;
	vertical-align:middle;
	padding-left:20px;
	padding-top:5px;
	padding-bottom:2px !important;
	vertical-align:middle !important;
	line-height:20px;
}
.text3 {
	border:1px solid #d7d7d7;
	color:#000;
	background-color:#FFF;
	height:20px;
	margin:2px 10px 10px 5px;
	padding-top:5px;
	width:135px;
	background-image:url(../images/pw.jpg);
	background-repeat:no-repeat;
	padding-left:40px;
	font-size:14px;
	vertical-align:middle;
	padding-bottom:2px !important;
	vertical-align:middle !important;
	line-height:20px;
}

h1 {
	color:#FFF;
	text-align:center;
	margin-bottom:10px;
	margin-top:15px; margin-right:50px;

}
.logn1 {
	margin-top:10px;
}
.dl{float:left; padding-top:10px;}
.jz{padding-top:20px;}
.checkbox{border-color:#ffffff;}




/*footer*/
.mfooter,.footer{height:30px;
        margin:0 auto;
	    width:100%;
		background-color:#FFF;
	color:#003c87;
	text-align:center;
	vertical-align:middle;
	}
.footer-img{margin-bottom:-10px; }
.footer ul li{ line-height:30px; vertical-align:middle; display:inline; }


.ng-invalid{color: grey;}
.ng-valid{color:green;}
.ng-pristine{color: #000000;}
.vaild-text{color: #ff0000;}