#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: 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-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: 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, .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
}
.layui-tab{
		background-color: #fff;
		margin: 0;
	}
@media screen and (max-width:1024px) {
	.layui-tab{
		padding: 15px 40px!important;
	}
	.layadmin-user-login-main {
		width: 100%!important;
		margin-top:unset !important;
		padding: 0 200px;
		box-shadow:unset!important;
	}
	.layui-form-item{
		margin-bottom: 20px!important;
	}
	.btn.layui-form-item{
		bottom: 74px!important;
	}
	.region.layui-form-item{
		bottom: 28px!important;
	}
	.banner-m {
		display: flex;
		align-items: center;
		position: absolute;
		left: 0;
		top: 60px;
		right: 0;
		bottom: 0;
	}
	#LAY-user-login{
		position: relative;
		background-image: url('../images/login_register_bg.jpg')!important;
		background-size: cover !important;
		background-attachment: fixed !important;
		background-position: bottom left !important;
		
	}
	
}
/* ipad */
@media screen and (max-width:768px){
	.layadmin-user-login-main{
		padding: 0 100px!important;
	}
	.banner-m {
		/* height: 360px!important; */
	}
	.layui-tab{
		padding: 15px 40px!important;
	}
}
@media screen and (max-width:600px){
	#LAY-user-login{
		position: relative;
		background-image: url('../images/bg_m.jpg')!important;
		background-size: 100% 100%;
		
	}
	.layadmin-user-login-main{
		padding: 0 40px!important;
	}
	.banner-m {
		/* background-image: url('../images/banner_m_responsive.jpg')!important;
		background-size:cover!important;
		height: 225px!important; */
	}
	.layui-tab{
		padding: 15px 40px!important;
		/* margin-top: 154px!important; */
	}
	/* .layadmin-user-login-main {
		width: 100%!important;
		margin-top:unset !important;
		padding: 0 10px;
	} */
	
}
@media screen and (max-width: 425px){
	.layadmin-user-login header{
		display: none;
	}
	.banner-m {
		background-image: url('../images/banner_m_responsive.jpg')!important;
		background-size:cover!important;
		height: 225px!important;
		top: 0!important;
	}
	.layui-tab{
		margin-top: 474px!important;
	}
	.layadmin-user-login-main{
		padding: 0 10px!important;
	}
}
@media screen and (max-width: 414px) {
	.layui-tab{
		margin-top: 452px!important;
	}
}
#LAY-user-login {
	background-image: url('../images/login_register_bg.jpg');
	background-size: cover !important;
}

.layadmin-user-login {
	padding-top: 0px;
}
.banner-m{
	display: flex;
	align-items: center;
    position: absolute;
    left: 0;
    top: 60px;
    right: 0;
    bottom: 0;
}
.layadmin-user-login-main {
	border-radius: 8px;
	box-shadow: rgba(0, 0, 0, 0.1) 0px 2px 12px 0px;
	width: 1200px;
	/* margin: 180px auto 0; */
	display: flex;
	
}
/*background:url(../images/banner_m.jpg) no-repeat;*/
.layadmin-user-login-footer {
	color: #ccc;
}

.layadmin-user-login-footer a {
	color: #ccc;
}

.layui-tab-content {
	padding: unset;
}

.layui-tab {
	flex: 1;
	padding: 20px 48px;
}

.layui-tab-title {
	color: #333333;
	font-size: 16px;
	display: flex;
	border: none;
	height: 60px;
	border-bottom: 1px solid #e6e7ea;
}

.layui-tab-title li {
	flex: 1;
	border: none;
	line-height: 60px;
	padding: unset;
	text-align: left;
}

.layui-tab-title span {
	display: inline-block;
	margin: 0 auto;
	color: #252a39;
	font-size: 16px;
}

.layui-this::after {
	display: none;
}

.layui-this span {
	color: #0073ff;
	display: inline-block;
}

.layui-tab-title li:last-child {
	text-align: right;
}

.layui-tab-title .layui-this:first-child span::after {
	width: 96px;
	position: absolute;
	left: 0;
	bottom: 0;
}

.layui-tab-title .layui-this:last-child span::after {
	width: 112px;
	position: absolute;
	right: 0;
	bottom: 0;
}

.layui-this span::after {
	content: "";
	border-bottom: 3px solid #0073ff;
}

.layui-form-item input {
	/*border: none;
  border-bottom: 1px solid #bbb;*/
}

.layui-form-item input:focus {
	border-color: #0073ff!important;
}

.layui-form-item input {
	height: 40px;
}

.layadmin-user-login-box {
	height: 252px;
	position: relative;
	padding-top: 25px;
}

.btn.layui-form-item {
	width: 100%;
	position: absolute;
	left: 0px;
	bottom: 30px;
}

.layui-form-item {
	margin-bottom: 35px;
}

.layui-btn-fluid {
	position: absolute;
	/*left: 10%;
width: 80%;*/
	height: 40px;
	/*border-radius: 22px;*/
	font-size: 16px;
	background-color: #0073ff;
	/*box-shadow: 1px 1px 2px 2px rgba(0,30,52,0.35);*/
}

.layui-row {
	display: flex;
}

.layui-col-xs7 {
	flex: 1;
}

.layui-col-xs5 {
	width: 134px;
	border-bottom: 1px solid #bbb;
	border-right: 1px solid #bbb;
	border-top: 1px solid #bbb;
}

.layui-col-xs5 button {
	border: none;
	color: #1865e0;
}

.layui-row-my {
	display: flex;
	padding: 50px 0;
}

.layui-col-2 {
	flex: 1;
}

.layui-col-20 {
	flex: 10;
	color: #ffffff;
	font-size: 30px;
	text-align: center;
}

.pass_img {
	position: absolute;
	top: 12px;
	right: 10px;
}

.layui-icons::before {
 content: "";
 width: 14px;
 height: 16px;
 position: absolute;
 left: 10px;
 top: 12px;
 background-size: cover;
}

.layui-icon-user::before {
 background: url('../images/user.png') no-repeat;
}

.layui-icon-pass::before {
 background: url('../images/pass.png') no-repeat;
}

.layui-icon-phone::before {
	background-image: url('../images/icon_phone.png');
}

.layui-icon-code::before {
	background-image: url('../images/icon_code.png');
}

.info {
	color: red;
	text-align: left;
}

@media screen and (max-width: 1024px) {
	.login-left-img {
		display: none;
	}
	.header{
		width: unset!important;
		padding-left: 20px!important;
		padding-right: 20px!important;
	}
	.header .right{
		display: none;
	}
	.layui-row-my {
		padding: 18px 0;
		padding-top: 0px;
	}
	.layui-col-20 .logo {
		width: 100px;
	}
}

.login-left-img {
	position: relative;
}

.goodText {
	position: absolute;
	left: 28px;
	top: 110px;
	display: inline-block;
	width: 282px;
	line-height: 32px;
	color: #fff;
	font-size: 16px;
}

.getCode {
	position: absolute;
	right: 1px;
	top: 1px;
	border: none;
}

.getCode:hover {
	color: #0073FF;
}

header {
	height: 60px;
	line-height: 60px;
	background-color: #fff;
	box-shadow: 0px 15px 8px -15px rgba(188, 189, 191, .28);
}

.header {
	display: flex;
	justify-content: space-between;
	width: 1200px;
	margin: 0 auto;
}

.header .left img {
	height: 34px;
}

.pointer {
	cursor: pointer;
}

.handle {
	font-size: 14px;
	color: #46465a;
}