@charset "utf-8";
body{
	font-family: '微软雅黑', serif;
	font-size:14px;
	margin:auto;
	text-align:center;
	background: #e8f1fa url('/images/login/map-bg.png') left 300px repeat-x
}
a:focus,
input:focus{
	outline: 0;
}
a:link{
	text-decoration: none;
}
img{
	border: 0;
}

.floatPromoptDiv{
	width:360px;
	cursor: pointer;
	position:absolute;
	top:200px;
	left:300px;
	z-index:1000;
	border:1px solid red;
	background:#fff;
	color: #2a6fae;
	font-weight: bold;
	padding: 20px;
	border-radius: 6px;
	font-size:14px;
	line-height: 1.5;
	text-align: left;
}
.floatPromoptDiv .content{height: 100%;width: 100%;position: relative;}
.floatPromoptDiv .content .close{z-index: 10;position: absolute;border-radius: 50%;width: 30px;text-align: center;height: 30px;line-height: 30px;right: -35px;top: -35px;border: 1px solid red; color: #2a6fae;font-size: 18px;background: #fff;}
.floatPromoptDiv .content .title{color: #fff;font-size: 24px;text-align: center;background: red;position: absolute;left: -20px;right: -20px;top: -20px;padding: 10px;}
.floatPromoptDiv .content .text{padding-top :54px;font-weight:normal;line-height:1.7;}
.floatPromoptDiv .content .text p{text-indent: 2em;}
.floatPromoptDiv .content .name,
.floatPromoptDiv .content .time{text-align: right;}
.floatPromoptDiv .content .name{margin: 10px 0;}



.header2{
	background: #fff;
}
.header-logo-text2{
	width: 1280px;
	padding: 10px;
	margin: auto;
	text-align: left;
}
.header-logo-text2 .block{
	display: inline-block;
	vertical-align: middle;
	line-height: 1.5;
}

.panel-body{
	width:1280px;
	text-align:center;
	margin:10px auto 50px auto;
	background: #fff;
	box-shadow:1px 1px 20px rgb(0 0 0 / 8%);
}

.panel-title{
	display: flex;
	padding: 50px 80px;
	align-items: center;
}
.panel-title .panel-title-line{
	flex: 1;
	height: 1px;
	background: #337ab6;
}
.panel-title .panel-title-text{
	color: #0d76c4;
	font-size: 24px;
	padding: 0 20px;
}

.panel-title-left-icon,
.panel-title-right-icon{
	height: 30px;
	width: 30px;
	overflow: hidden;
}
.panel-title-left-icon{
	margin-left: -10px;
}
.panel-title-right-icon{
	margin-right: -10px;
}

.panel-title-left-icon:after,
.panel-title-right-icon:before,
.panel-title-left-icon:before,
.panel-title-right-icon:after{
	content: "";
	display: inline-block;
	height: 50px;
	background: #337ab6;
	transform: rotate(20deg);
	margin-top: -10px;
}

.panel-title-left-icon:after,
.panel-title-right-icon:before{
	width: 2px;
}
.panel-title-left-icon:before,
.panel-title-right-icon:after{
	width: 8px;
}

.panel-title-left-icon:before,
.panel-title-right-icon:before{
	margin-right: 3px;
}

.form-content{
	text-align: center;
}

.form-panel{
	display: inline-block;
	width: 26%;
	box-shadow:1px 1px 20px rgb(0 0 0 / 8%);
	padding: 20px 50px;
	background: #fff;
	border-radius: 10px;
	box-sizing: border-box;
	position: relative;
	min-height: 400px;
	margin: 0 6%;
	vertical-align: top;
}

.form-panel .form-panel-title{
	font-size: 22px;
	color: #333;
	padding: 10px 0;
}
.form-panel .error_tip{
	height: 20px;
	color: red;
}
.form-panel .form-input{
	display: block;
	width: 100%;
	box-sizing: border-box;
	background: #fff;
	padding: 10px;
	font-size: 14px;
	border: 1px solid transparent;
	border-bottom-color: #d6dadd;
}
.form-panel .form-input.input-username-icon{
	padding-left: 40px;
	background: url("../images/login/icon-user.png") no-repeat left center;
}
.form-panel .form-input.input-password-icon{
	padding-left: 40px;
	background: url("../images/login/icon-password.png") no-repeat left center;
}
.form-panel .form-input.input-code-icon{
	padding-left: 40px;
	background: url("../images/login/icon-code.png") no-repeat left center;
}
.form-panel .form-input + .form-input,
.form-panel .form-input + .form-code{
	margin-top: 10px;
}
.form-panel .form-code{
	position: relative;
}
.form-panel .form-code .form-input{
	padding-right: 90px;
}
.form-panel .validateCodeImg{
	position: absolute;
	right: 0;
	bottom: 5px;
	z-index: 10;
	cursor: pointer;
}

.form-btn{
	display: block;
	box-sizing: border-box;
	width: 100%;
	border: 0;
	background: #11519b;
	color: #fff;
	font-size: 14px;
	text-align: center;
	border-radius: 5px;
	padding:12px 15px;
	margin-top: 20px;
}
.form-btn:hover{
	cursor: pointer;
	background: #093c75;
}

.form-panel .form-forget-pwd{
	text-align: right;
	padding: 10px 0;
}
.form-panel .form-forget-pwd a{
	color: #3c7eb5;
}
.form-panel-bottom{
	padding: 10px;
	border-radius: 5px;
	display: flex;
	justify-content: center;
	align-items: center;
	background: #F1F1F1;
}
.form-panel-bottom-label{
	color: #3c7eb5;
	flex: 1;
	display: flex;
	width: 100%;
	justify-content: center;
}

.form-panel-bottom-label img{
	width: 18px;
	margin-right: 5px;
}
.form-panel-bottom-text{
	position: absolute;
	left: 0;
	right: 0;
	bottom: 10px;
	font-size: 14px;
	color: #989898;
	z-index: 1;
}

.panel-href{
	display: flex;
	width: 180px;
	height: 200px;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	font-size: 16px;
	padding: 10px;
	box-sizing: border-box;
	margin: auto;
	background: #3c7eb5;
	color: #fff;
	border-radius: 10px;
}
.panel-href img{
	margin-bottom: 10px;
}
.panel-href:hover,
.panel-href:link{
	text-decoration: none;
	border: none;
	color: #fff;
}