#LAY_app,
 body,
 html {
 	height: 100%;
 }

 .layui-layout-body {
 	overflow: auto
 }

 #LAY-user-login,
 .layadmin-user-display-show {
 	display: block !important
 }

 .layadmin-user-login {
 	position: absolute;
 	left: 50%;
 	top: 50%;
 	/* padding: 180px 0; */
 	margin-left: -167px;
 	margin-top: -140px;
 	/* min-height: 100%; */
 	box-sizing: border-box;
 }

 .layadmin-user-reg {
 	position: absolute;
 	left: 50%;
 	top: 50%;
 	/* padding: 180px 0; */
 	margin-left: -167px;
 	margin-top: -250px;
 	/* min-height: 100%; */
 	box-sizing: border-box;
 }

 .layadmin-user-login-two {
 	padding: 30px 0;
 }

 .layadmin-user-login-main {
 	width: 375px;
 	margin: 0 auto;
 	box-sizing: border-box
 }

 .layadmin-user-login-box {
 	padding: 20px
 }

 .layadmin-user-login-header {
 	text-align: center
 }

 .layadmin-user-login-header h2 {
 	margin-bottom: 10px;
 	font-weight: 300;
 	font-size: 30px;
 	color: #000
 }

 .layadmin-user-login-header p {
 	font-weight: 300;
 	color: #999
 }

 .layadmin-user-login-body .layui-form-item {
 	position: relative
 }

 .layadmin-user-login-icon {
 	position: absolute;
 	left: 1px;
 	top: 1px;
 	width: 38px;
 	line-height: 36px;
 	text-align: center;
 	color: #d2d2d2
 }

 .layadmin-user-login-body .layui-form-item .layui-input {
 	padding-left: 38px
 }

 .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: .8
 }

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

 .layadmin-user-login-footer {
 	position: fixed;
 	left: 0;
 	bottom: 0;
 	width: 100%;
 	line-height: 30px;
 	padding: 20px;
 	text-align: center;
 	box-sizing: border-box;
 	color: rgba(255, 255, 255, 1);
	background-color: #666;
	 z-index: 999999;
 }

 .layadmin-user-login-footer span {
 	padding: 0 5px
 }

 .layadmin-user-login-footer a {
 	padding: 0 5px;
 	color: rgba(255, 255, 255, 1);
 }

 .layadmin-user-login-footer a:hover {
 	color: rgba(255, 255, 255, 1);
 }

 .layadmin-user-login-main[bgimg] {
 	background-color: #fff;
 	box-shadow: 0 0 5px rgba(0, 0, 0, .05)
 }

 .ladmin-user-login-theme {
 	position: fixed;
 	bottom: 0;
 	left: 0;
 	width: 100%;
 	text-align: center
 }

 .ladmin-user-login-theme ul {
 	display: inline-block;
 	padding: 5px;
 	background-color: #fff
 }

 .ladmin-user-login-theme ul li {
 	display: inline-block;
 	vertical-align: top;
 	width: 64px;
 	height: 43px;
 	cursor: pointer;
 	transition: all .3s;
 	-webkit-transition: all .3s;
 	background-color: #f2f2f2
 }

 .ladmin-user-login-theme ul li:hover {
 	opacity: .9
 }

 @media screen and (max-width:768px) {
 	.layadmin-user-login {
 		/*padding-top: 280px*/
 	}
 	.layadmin-user-login .layui-btn{
		width:100%;
		max-width: 100%;
 	}
	
	.layadmin-user-reg .layui-btn{
		width:100%;
		max-width: 100%;
	}

 	.layadmin-user-login-main {
 		width: 300px
 	}

 	.layadmin-user-login-box {
 		padding: 10px
 	}
 }