html,body,#LAY_app{height:100%;}
.layui-layout-body{overflow: auto;}

body {background: no-repeat center center url("/images/login-bg.png"); background-size: 100% auto; overflow: hidden;}
 
#LAY-user-login,
.layadmin-user-display-show{display: block !important;} 
.layadmin-user-login{position: relative; left: 0; top: 0; min-height: 100%; box-sizing: border-box; top: 50%; margin-top: -243px;}
.layadmin-user-login-main{width: 620px; margin: 0 auto; box-sizing: border-box;}
.layadmin-user-login-box{padding: 23px 50px;}
.layadmin-user-login-header{text-align: center;}
.layadmin-user-login-header .title{margin-top: 40px; margin-bottom: 30px; font-size: 36px; font-weight: bold; color: #1276D0;}
.layadmin-user-login-header .sub-title{font-size: 18px; font-weight: 400; color: #B4B4B4;}

.layadmin-user-login-body .layui-form-item{position: relative;}
.layadmin-user-login-icon{position: absolute; left: 1px; top: 1px; width: 38px; line-height: 50px; text-align: center; color: #d2d2d2;}
.layadmin-user-login-body .layui-form-item .layui-input{padding-left: 38px; height: 50px; line-height: 50px;}
.layadmin-user-login-codeimg{max-height: 38px; width: 100%; cursor: pointer; box-sizing: border-box;}

.layadmin-user-login-other{position: relative; font-size: 0; line-height: 38px; padding-top: 20px;}
.layadmin-user-login-other>*{display: inline-block; vertical-align: middle; margin-right: 10px; font-size: 14px;}
.layadmin-user-login-other .layui-icon{position: relative; top: 2px; font-size: 26px;}
.layadmin-user-login-other a:hover{opacity: 0.8;}

.layadmin-user-jump-change{float: right;}

.layadmin-user-login-main[bgimg]{background-color: #fff; box-shadow: -1px 1px 6px 0px rgba(59, 56, 84, 0.1); border-radius: 12px;}

@media screen and (max-width: 768px) {
	.layadmin-user-login-header .title{font-size: 24px;}
	.layadmin-user-login-icon{line-height: 36px;}
	.layadmin-user-login-body .layui-form-item .layui-input{padding-left: 38px; height: 36px; line-height: 36px;}
  	.layadmin-user-login-main{width: 360px;}
}