body { font-family: "΢���ź�"; line-height: 1.5; color: #333; background-color: #fff; font-size: 14px; }
body,html { width: 100%; height: 100%; overflow: hidden; }
* { margin: 0; padding: 0; }
a,a:hover,a:focus,a:active,a:visited { text-decoration: none; }
ul,li { list-style: none; }

.loginBg {
	background-image: url('../images/loginBg.jpg');
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	width:100%;
	height:44%;
}
.loginTitle {
	display: flex;
	align-items: center;
	justify-content: center;
	height:100%;
}
.login-content {
	width:100%;
	height:56%;
}

.ylSignin {
	padding: 40px 20px;
	border-radius: 6px;
	width: 460px;
	margin: auto;
}


.ylSignin .input-group {
	margin-top: 20px;
	height: 46px;
	border: 1px solid #f2f2f2;
}

.ylSignin .input-group .input-group-addon {
	border: none;
	background-color: #f8f8f8;
	color: #1eb092;
	padding: 0;
}

.ylSignin .input-group .form-control {
	background-color: #f8f8f8 !important;
	color: #333;
	box-shadow: none;
	-webkit-box-shadow: none;
	padding: 0;
	height: 44px;
	border: none;
	font-size: 16px;
}
.shortline {
	height: 28px;
	width: 1px;
	background: #eee;
}

.ylSignin .input-group input.form-control:-webkit-autofill {
  -webkit-text-fill-color: #333 !important;
  background-color:#f8f8f8 !important;
  background-image: none;
  transition: background-color 50000s ease-in-out 0s;
}
.login-remind {
	float: left;
    font-size: 12px;
    margin-top: 10px;
    color: #14a789;
}
.codeGroup {
	float: left !important;
}

.codeGroup .codeImg {
	float: right;
}

.btn-login {
	height: 44px;
	background-color: #1eb092;
	color: #fff;
	font-size: 16px;
	padding: 0;
	margin-top: 20px;
}
#captchaImg {
	text-align: center;
}
#captchaImg>img {
	margin: auto;
	height:44px;
}
.input-group-loginbtn {
	width: 100%;
}

.btn-login:hover,.btn-login:focus {
	color: #fff;
	background-color: #14a789;
	box-shadow: none;
	-webkit-box-shadow: none;
}
@media (max-width: 1366px) {
	.loginBg {
	    height:40%;
	}
	.login-content {
	height:60%;
    }
    .loginTitle>img {
    width: 300px;
    }
    .ylSignin {
        padding-top:20px !important;
        padding-bottom: 10px !important;
        width: 420px;
    }
    .ylSignin .input-group {
	margin-top: 15px;
    }
}

@media (max-width: 440px) {
	.ylSignin {
		width: 100%;
	}
 }

#rechargeModal .modal-footer {
	border-top: none;
}
#rechargeModal .modal-dialog {
	margin-top: 150px;
}