.login, .wrapper-login { height: 100%; width: 100%;}

.wrapper-login {
		background-image:-webkit-linear-gradient(#eee2a8 0%, #eae5d6 50%, #b78a138f 100%);
	background-image: -moz-linear-gradient(#eee2a8 0%, #eae5d6 50%, #b78a138f 100%);
	background-image: -o-linear-gradient(#eee2a8 0%, #eae5d6 50%, #b78a138f 100%);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#eee2a8), to(#b78a138f));
	background-image: linear-gradient(#eee2a8 0%, #eae5d6 50%, #b78a138f 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eee2a8', endColorstr='#b78a138f', GradientType=0);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}
.wrapper-login { position: fixed; left: 0; top: 0; display: flex; align-items: center; justify-content: center; }

.login-box { padding: 10px 30px 0 30px; background: #fff; min-width: 320px; max-width: 380px; border-radius: 18px;}
.login-title { font-size: 24px; text-align: center; color: #333; line-height: 24px; font-weight: bold; margin: 25px 0;}
.login-row { margin: 10px 0;}
.form-control{ padding:2px 10px 2px 54px; line-height:1.42857143;color:#222;background-color:#fff; border:1px solid #e4e4e4;border-radius:4px;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);box-shadow:inset 0 1px 1px rgba(0,0,0,.075);-webkit-transition:border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;-o-transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out; box-shadow: none;}
.login .login-box .form-control {height: 40px;background: #fff;font-size: 15px;border-radius: 8px;padding-left: 54px;width: 100%;}
.login-row { margin-bottom: 15px; position: relative;}
.login-icon {display: inline-block;height: 40px;width: 40px;position:absolute;left: 2px;top: 0;}
.icon-user { background: url(../images/icon_user.png) no-repeat center;}
.icon-pwd { background: url(../images/icon_pwd.png) no-repeat center;}
.icon-code { background: url(../images/icon_code.png) no-repeat center;}
.icon-language { background: url(../images/icon_language.png) no-repeat center;}
.login-icon:after {display: inline-block;content: '';height: 14px;width: 1px;position: absolute;right: 0;background: #ccc;margin-top: 14px;}
.login .btn { height: 38px; width: 35%; float: left; border-radius: 8px; margin-top: 1px;
border:1px solid #c99714; color: #222;
	background-image:-webkit-linear-gradient(#eee2a8 0%, #b78a13 90%, #a0650d 100%);
	background-image: -moz-linear-gradient(#eee2a8 0%, #b78a13 90%, #a0650d 100%);
	background-image: -o-linear-gradient(#eee2a8 0%, #b78a13 90%, #a0650d 100%);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#eee2a8), to(#b78a13));
	background-image: linear-gradient(#eee2a8 0%, #b78a13 90%, #a0650d 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eee2a8', endColorstr='#c99714', GradientType=0);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
    background-repeat: repeat-x; font-size: 15px; }
.login .btn:hover { opacity: .8;}
.el-img {display: inline-block;height: 40px;width: 80px;position: absolute;right: 0;top: 0;padding: 3px;border-radius: 8px; cursor: pointer;}
.el-img img {display: block;margin: 0 auto;width: 100%;height: 34px;border-radius: 8px;}
.login .v-code .form-control { padding-right: 90px;}
.login .login-box .login-select select.form-control { width: 60%; float: left; margin-right: 5%;}
.login-row:after { content: ''; clear: both; display: block;}
.browser { font-size: 15px; color: #666;}
.browser span { display: inline-block; vertical-align: middle; margin-left: 10px;}
.browser span img { height: 30px;}
.version { width: 100%; font-size: 12px; color: #999; text-align: center;}
@media screen and (max-device-width: 768px) and (max-width: 768px) {
	.login-box { max-width: 80%;}
	.login .btn:hover { opacity: 1;}
	.login .btn:active { opacity: .8;}
}