/**
 * 登录页面
 */
body{
	background-color: #f5f5f5;
}
a.user-login-btn:hover {
  color: #fff;
}

.warning {
  color: red;
}

.login-bg {
  
  padding-bottom: 80px;
  padding-top: 200px;
  min-height: 800px;
}

.login-box {
	padding: 40px 36px;
	background-color: #fff;
	border-radius: 10px;
	width: 480px;
	position: absolute;
	display: inline-block;
	top: 50%;
	left: 50%;
	margin-top: -27.5px;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
}
.verify-code{
	position: relative;
	margin-bottom: 15px;
}
.verify-code .verify{
	position: absolute;
	right: 0px;
	top: 0px;
}
.verify-code img{
	width: 100px;
	height: 40px;
}
.verify-code .checkcode-other span{
	vertical-align: bottom;
}
.verify-code input{
	width: calc(100% - 160px);
}
.login-box .form-title {
  color: #333;
  font-size: 26px;
  text-align: center;
  margin:0 0 20px 0 ;
  font-weight: normal;
}
.mg-bt-0{
	margin-bottom: 0px;
}
@media only screen and (max-width: 768px) {
	.login-box{
		width: calc(100% - 80px);
		padding: 20px 10px;
	}
	#footer .head-wrap{
		display: none !important;
	}
	.verify-code input{
		width: calc(100% - 140px);
	}
	.login-bg {
		padding-top: 0;
		padding-bottom: 0;
	}
}


.find-pwd {
  float: right;
  color: #0984f6;
}

.find-pwd:hover {
  color: #0984f6;
}

.login-input {
  height: 40px;
  color: #333;
  font-size: 14px;
  border-radius: 40px;
  padding-left: 15px;
}

.user-login-btn {
  display: block;
  width: 100%;
  height: 40px;
  line-height:40px;
  font-size: 16px;
  text-align: center;
  background-color: #0984f6;
  border-radius: 25px;
  color: #fff;
  padding: 0;
  border: none;
}

a.user-login-btn:hover {
  color: #fff;
}

.has-accout {
  margin-top: 30px;
  font-size: 16px;
  text-align: center;
}

.no-accout .new-register,
.no-accout a.new-register:hover {
  color: #0984f6;
}






/*info css*/

.info-box {
  margin: 0 auto;
  padding: 20px 36px;
  background-color: #fff;
  border-radius: 10px;
  width: 480px;
  min-height: 300px;
  text-align: center;
}

.info-btn {
  /*display: block;*/
  width: 40%;
  height: 40px;
  line-height:40px;
  font-size: 16px;
  text-align: center;
  background-color: #0984f6;
  border-radius: 25px;
  color: #fff;
  padding: 0;
  border: none;
}
.info-box .form-title {
  color: #333;
  font-size: 26px;
  text-align: center;
  margin-bottom: 30px;
  font-weight: normal;
}

#footer{
	position: absolute;
	bottom: 0px;
	width: 100%;
}