/*
* Prefixed by https://autoprefixer.github.io
* PostCSS: v7.0.29,
* Autoprefixer: v9.7.6
* Browsers: last 15 version
*/

.login{background: url(/home/static/images/login-bg.png) no-repeat center center;background-size: cover;min-height: 516px;}

/* form */
.login .layui-form{padding:0 40px 20px;}
.login .layui-form .layui-input-block{margin-left: 0;margin-top: 10px;border-bottom: 1px solid #dddddd;}
.login .layui-form .layui-input-block:first-child{margin-left: 0;margin-top:0;border-bottom: 1px solid #dddddd;}
.login .layui-form .layui-input-block.active{border-color: #ddb667;}
.login .layui-form .iconfont{width: 32px;line-height: 58px;font-size: 20px;color: #999999;text-align: center;}
.login .layui-form .layui-input-block.active .iconfont{color: #ddb667;}
.login .layui-form input{width: -webkit-calc(100% - 32px);width: calc(100% - 32px);border:none;height: 58px;padding: 0 1em;}
.login .layui-form .other{margin-top: 10px;}
.login .layui-form .layui-btn{margin-top: 50px;width: 100%;}
.login .layui-form .code .getCode{width: 100px;line-height: 58px;}
.login .layui-form .code input{width: -webkit-calc(100% - 132px);width: calc(100% - 132px);}

 /* login-wrap */
.login-wrap{width: 440px;border-radius: 12px;background-color: #fff;overflow: hidden;}
.login-wrap .tabs {border-bottom: 1px solid #dddddd;}
.login-wrap .tabs a{width: 100%;height: 80px;line-height: 80px; padding-top: 15px; display: none; }
/* .login-wrap .tabs a:after{content: '';width: 0;height: 3px;background-color: #ef5a24;position: absolute;left: 15%;bottom: 0;-webkit-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease;} */
.login-wrap .tabs a.active{font-weight: bold;color: #FFFFFF; display: block;}
.login-wrap .tabs a.active:after{width: 70%;}

.login-types{text-align: center;padding: 20px 0;}
.login-types .active{font-weight: bold;}

.layui-btn.layui-btn-default.btn1{background-color: #1b1464;background-image:-o-linear-gradient(90deg,#1b1464,#0071ba);background-image:-webkit-gradient(linear,left top, right top,from(#1b1464),to(#0071ba));background-image:-o-linear-gradient(left,#1b1464,#0071ba);background-image:linear-gradient(90deg,#1b1464,#0071ba);}
@media screen and (max-width:991px){
	.login .wechat{display: none!important;}
	.login .layui-form{padding-bottom: 40px;}
}

@media screen and (max-width: 767px){
	.login-wrap{width: 90%;}
	.login .layui-form{padding:20px 30px;}
	.login-wrap .tabs a{width: 100%;height: 80px;line-height: 60px;}
	.login .layui-form input{height: 50px;}
	.login .layui-form .iconfont{line-height: 50px;}
	.login .layui-form .other{margin-top: 20px;}
	.login .layui-form .code .getCode{width: 100px;line-height: 50px;}
	
}