html,body{
	height: 100%;
}
#main {
	min-height: 100%;
	background-image:url(http://res1.bjd.com.cn/11/form/bg.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	position: relative;
	width: 100%;
	min-width: 1400px;
	overflow: auto;
}
.text-center {
	text-align: center;
}
.introduce-txt {
	color:#FFF;
	letter-spacing: .5rem;
	display: block;
	width: 100%;
}
#main .margin-top{
	margin-bottom: 140px;
}
.txt-0 {
	font-size: 18px;
	margin-bottom: 180px;
}
.txt-1 {
	font-weight: bolder;
	margin-bottom: 30px;
}
.txt-2 {
	font-size:22px;
	margin-bottom: 30px;
}
.txt-3 {
	margin-top: 30px;
	font-size: 14px;
}
#main-btn {
	background-image: url(http://res1.bjd.com.cn/11/form/btn-bg.png);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 100% 100%;
	width: 434px;
	height: 60px;
	display: inline-block;
	line-height: 60px;
	cursor: pointer;
	color:#FFF;
	font-size: 24px;
	font-family: '宋体';
	font-weight: 900;
	letter-spacing: 2px;
	transition: all .2s;
}
#main-btn:hover{
	-webkit-filter: saturate(6);
	filter: saturate(6);
	font-size:26px;
}
.alert-box {
	width: 100%;height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 999999;
}
.alert-box .mask {
	width: 100%;height: 100%;
	background-color: rgba(0, 0, 0, 0.5);
	position: fixed;
	top: 0;
	left: 0;
	z-index: 99;
}
.alert-box .card {
	width: 600px;
	top: 100px;
	left: calc(50% - 300px);
	z-index: 100;
}
.card-header {
	border-bottom: 0;
	background-color: #FFF;
}
.card-header p {
	font-size: 24px;
	letter-spacing: 5px;
	margin:0;
}
img.icon{
	display: inline-block;
}
.icon-i {
	position: relative;
	top: -2px;
}
.inline-label {
	height: 38px;
	line-height: 38px;
}
small.text-muted {
	text-align: right;
}
small.text-muted.error {
	color:#eb0000 !important;
}
.form-group label {
	font-size: 18px;
	font-weight: 500;
	color: #1c1c1c;
	letter-spacing: 1px;
}
.form-group {
	margin-bottom: 0;
}
.form-group-line {
	padding:0 15px;
	overflow: hidden;
	padding-top: 5px;
}
.form-group-l {
	width: 40%;
	float: left;
}
.form-group-l .input-uname {
	width:100px;
}
.form-group-r {
	width: 60%;
	float: left;
}
.form-check {
	margin-top:15px;
}
.form-bjd-btn {
	display: inline-block;
	height: 48px;
	width: 230px;
	text-align: center;
	line-height: 48px;
	background: linear-gradient(#62acff 0%, #1c93de 100%);
	box-shadow: 0px 2px 8px 1px rgba(0,0,0,0.26);
	color:#FFF;
	font-size: 14px;
	font-weight: 400;
	border-radius: 4px;
	cursor: pointer;
	transition: all .2s;
}
.form-bjd-btn:hover {
	background: linear-gradient(145deg, #589be6, #69b8ff);
	box-shadow:  20px 20px 60px #d9d9d9,
				 -20px -20px 60px #ffffff;
}
.sub-btn-box {
	margin-top:30px;
}
.bottom-tips {
	font-size: 14px;
	font-weight: 400;
	text-align: left;
	color: #d81e06;
	letter-spacing: 1px;
}
.main-form-alert {
	display: none;
}
.form-tips {
	position: fixed;
	z-index: 99999999;
	width: 500px;
	top: 30px;
	left: calc(50% - 250px);
	display: none;
}
.success-alert {
	display: none;
}
.success-alert .card {
	width: 400px;
	left: calc(50% - 200px);
	top:calc(50% - 135px);
	position: fixed;
}
.success-txt {
	margin-top:30px;
	margin-bottom:30px;
	font-size: 18px;
	font-weight: 500;
	text-align: center;
	color: #2e77ee;
}
.col-xs-5 {
	margin-right: 10px;
}
.header {
	width: 1400px;
	position: absolute;
	top: 0;
	left: calc(50% - 700px);
	z-index: 50;
	padding-top:33px;
}
.header .search {
	width: 280px;
	float:right;
	margin-top:10px;
	height: 38px;
	overflow: hidden;
	border-radius: 19px;
	border:2px solid #FFF;
	color:#FFF;
}
.header .search .form-control {
	width: 200px;
	background: none;
	border:none;
	color:#FFF;
	display: inline-block;
	height: 34px;
	line-height: 34px;
}
.header .search .form-control:focus {
	box-shadow:none;
	color:#FFF;
}
.header .search-btn {
	height: 34px;
	line-height: 34px;
	position: relative;
	top:-2px;
	cursor: pointer;
}
.header .search-btn:hover {
	color:#eb0000;
}