/**

 @Name：layuiAdmin 登入注册页
 @Author：贤心
 @Site：http://www.layui.com/admin/
 @License：GPL-2

 */

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

/* #LAY-user-login,
.layadmin-user-display-show{display: block;} */
.layadmin-user-login{position: relative; left: 0; top: 0; padding: 110px 0; min-height: 100%; box-sizing: border-box;}
.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: 0.8;}

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

.layadmin-user-login-footer{position: absolute; left: 0; bottom: 0; width: 100%; line-height: 30px; padding: 20px; text-align: center; box-sizing: border-box; color: rgba(0,0,0,.5)}
.layadmin-user-login-footer span{padding: 0 5px;}
.layadmin-user-login-footer a{padding: 0 5px; color: rgba(0,0,0,.5);}
.layadmin-user-login-footer a:hover{color: rgba(0,0,0,1);}

/* 有背景图时 */
.layadmin-user-login-main[bgimg]{background-color: #fff; box-shadow: 0 0 5px rgba(0,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: 0.9}

@media screen and (max-width: 768px) {
  .layadmin-user-login{padding-top: 60px;}
  .layadmin-user-login-main{width: 300px;}
  .layadmin-user-login-box{padding: 10px;}
}
.phone{
		display: none;
	}
	.logo{
		height: 34px;
		font-weight: bold;
		position: absolute;
		left: 2%;
		top: 3%;
	}
	.logo-img{
		height: 34px;
	}
	.logo-txt{
		font-size: 30px;
	}
	.login-div{
		width: 100%;
		height: 100%;
		min-width: 768px;
		min-height: 700px;
		background-color: #f5f6f9;
		display: flex;
		align-items: center;
		position: relative;
	}

	/*  中间白框最外层 */
	.layadmin-user-display-show1{
		max-width: 90%;
		width: 62.5rem;
		background: #FFFFFF;
		margin: auto auto;
		height: 550px;
	}
	/* 白框的左边 */
	.login-left{
		width: 48%;
		/* padding: 60px; */
		position: relative;
		/* display: flex; */
	}
	.login-left-img{
		/* width: 360px; */
		width: 75%;
		min-width: 300px;
		/* margin-left: 20.8%; */
		margin-top: 100px;
		position: absolute;
		right: 20px;
	}
	.login-left-text{
		font-size: 20px;
		position: absolute;
		left: 5%;
		z-index: 999;
		top: 30px;
		width: 100%;
		text-align: center;
		color: #000000;
	}
	/* 白框右边 */
	.login-right{
		width: 52%;
		padding: 80px 0 40px;
	}
	.login-title{
		line-height: 45px;
		height: 45px;
		font-size: 18px;
		color: #333333;
		text-align: center;
		margin-bottom: 40px;
	}
	.login-input{
		height: 36px;
		position: relative;
		margin-bottom: 55px;
	}
	.login-input-p{
		color: #666666;
		transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1);
		font-size: 16px;
		margin: 0;
		line-height: 35px;
		transform-origin: left top;
		position: absolute;
		bottom: 30px;
		/* left: -20px; */
	}
	.login-input-pnormal{
		transform: translate3d(0, 28px, 0) scale(1);
	}
	.login-input-pactive{
		transform: translateZ(0) scale(0.75);
	}
	.login-input input{
		font-size: 16px;
		border: none;
		outline: none;
		box-shadow: none;
		/* width: 380px; */
		width: 100%;
		position: relative;
		/* right: 20px; */
		line-height: 34px;
		height: 36px;
		display: block;
		border-bottom: solid 1px #d4d9e2;
		background: transparent;
		transition: all 0.2s linear;
		border-radius: 0px;
	}
	.login-input input:focus{
		border-bottom: 1px solid #2A75ED;
	}

	.login-input button{
		position: absolute;
		bottom: 10px;
		right: 0px;
		background: #FFFFFF;
		font-size: 12px;
		line-height: 34px;
		height: 34px;
		width: 90px;
		text-align: center;
		padding: 0;
	}
	.loginBtn{
		color: #2A75ED;
		border: #2A75ED solid 1px;
	}
	.login-btn,.login-btn1{
		/* width: 380px; */
		width: 100%;
		position: relative;
		/* right: 20px; */
		height: 56px;
		color: #FFFFFF;
		background-color: rgb(16, 142, 233);
		font-size: 16px;
		line-height: 56px;
		margin-top: 25px;
	}
	.login-btn:hover,.login-btn1:hover{
		background:  rgba(16, 142, 233,0.9);
		color: #FFFFFF;
	}
	.login-btn1{
		height: 44px;
		margin-top: 0px;
		border-radius: 22px;
		line-height: 44px;
	}
	.login-bottom,.phone-bottom{
		position: absolute;
		bottom: 1%;
		/* min-width: 600px;
		margin: 0 auto; */
		width: 100%;
		text-align: center;
		left: 0rem;
	}
	.phone-bottom-div{
		position: fixed;
		height: 100%;
		width: 100%;
		top: 0px;
		left: 0px;
		z-index: -1;
	}
	.phone-bottom{
		bottom: 5%;
	}
	.login-bottom1,.phone-bottom1{
		position: relative;
		margin: 0;
		font-size: 14px;
		letter-spacing: -0.2px;
		color: #666666;
	}
	.phone-bottom1{
		font-size: 0.75rem;
	}
	.login-bottom2,.phone-bottom2{
		margin: 7px 0 0;
		font-size: 12px;
		color: #999;
	}
	.phone-bottom2{
		font-size: 0.625rem;
	}
	.login-bottom1-line,.phone-bottom1-line{
		position: relative;
		display: inline-block;
		border-bottom: 2px solid #888;
		width: 30px;
		top: -3px;
	}
	.phone-bottom1-line{
		width: 0.625rem;
	}
	.login-bottom1-dot,.phone-bottom1-dot{
		display: inline-block;
		width: 3px;
		height: 3px;
		margin: 3px 5px;
		border-radius: 50%;
		background-color: #888888;
	}
	.slide-verify{
		display: none;
		position: fixed;
		z-index: 200;
		top: 0px;
		bottom: 0px;
		left: 0px;
		right: 0px;
		justify-content: center;
		align-items: center;
		background: rgba(0,0,0,0.5);
	}
	.slide-verify-div{
		width: 310px;
		overflow: hidden;
		padding: 25px 0px 15px 0px;
		background: #FFFFFF;
		position: relative;
	}
	.close-icon{
		position: absolute;
		right: 5px;
		top: 5px;
		font-size: 23px;
	}
	.layui-btn-disabled{
		border: 1px solid #e6e6e6;
		/*background-color: #FBFBFB;*/
		background: rgba(220,220,220,0.4)!important;
		color: #C9C9C9;
		cursor: not-allowed;
		opacity: 1;
	}
	.layui-form{
		width: 73%;
		min-width: 300px;
		margin: 0 auto;
		padding: 0px;
	}
	/* 屏幕小于768px时 */
	/* @media screen and (max-width: 768px) { */
	.phone{
		padding: 0px 30px 0px;
		display: block;
		text-align: center;
		width: 100%;
		min-width: 100%;
		box-sizing: border-box;
	}
	.phone-logo{
		margin-top: 50px;
		height: 48px;
	}
	.phone-text{
		text-align: center;
		margin-top: 0.625rem;
		margin-bottom: 58px;
	}
	/* } */