#LAY_app,body,html{height:100%}
.layui-layout-body{overflow:auto; }
#LAY-user-login,.layadmin-user-display-show{display:block!important}

body{ background: #0c0c0c  }
.layadmin-user-login{ width: 1080px;height: 540px; margin: 0 auto; background: #16161a;  margin-top: 50px; border-radius: 6px; box-sizing:border-box;}
.layadmin-user-login-main{ background:#3e3e48;border-radius: 6px; height: 540px;}


.layadmin-user-login-box{padding:20px 40px}
.layadmin-user-login-header{text-align:center;padding-top: 30px;}
.layadmin-user-login-header h2{ font-weight:500;font-size:30px;color:#fff}
.layadmin-user-login-header h2 img{ width: 260px;}
.layadmin-user-login-header p{font-weight:300;color:#999}
.layadmin-user-login-body .layui-form-item{position:relative; margin-bottom: 10px;}
.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:0px}
.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}


.mailApp{ position: absolute; bottom: 0; border-top: 1px solid  #595962; width: 100%; 
		height: 50px; line-height: 50px; text-align: center; font-size: 15px; border-radius: 6px; }
.mailApp a{ color: #fff; }
.mailApp a:hover{ opacity: 0.85 }
.layadmin-user-login-footer{position:absolute; font-size: 14px; left:0;bottom:0;width:100%;background:#16161a;line-height:20px;padding:20px;text-align:center;box-sizing:border-box;color:#d3d3d3;}
.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}
@media screen and (max-width:768px){.layadmin-user-login{padding-top:60px}
.layadmin-user-login-main{width:300px}
.layadmin-user-login-box{padding:10px}
}
.layadmin-link{ color:#FFC95E!important;  }
.layui-btn{ background:#FFC95E;  background: -webkit-linear-gradient(117deg,#f8e2c4,#f3bb6c);background:linear-gradient(117deg,#f8e2c4,#f3bb6c); color:#754e19;border: none  }
.layui-btn:hover{ border: none  }

.layui-form-checkbox[lay-skin=primary] span{ color: #8c8c8c  }
.layadmin-user-login-other>*{ color: #8c8c8c  }


.login-top{height: 74px;background: #16161a; padding: 0 30px; }
.login-logo{ margin-top: 18px; margin-left: 18px; }
.login-logo img{ height: 38px; }

.login-link{ margin-top:24px; text-align: right; margin-right: 40px; }
.login-link .split {padding: 0 17px;color: #d9d9d9;}
.login-link a{ font-size: 14px; font-weight: 300;}
.login-link .link{ padding:6px 16px; border-radius: 4px;  border: 1px solid #ccd1d9; color: #ccd1d9;}
.login-link .active{background: #f3bb6c; border: 1px solid #f3bb6c; color: #fff;}


.regintro{ margin-top: 24px; margin-left: 6%; }
.regintro img{ width: 88%; }

.find-title{ height: 80px; line-height: 80px; border-bottom: 1px solid #252525; margin-bottom:32px; }
.find-title h2{ font-size: 20px; text-align: center; color: #fff; }

.find-warp{  max-width: 600px; margin: 0 auto; }
.find-warp .layui-form-item{ margin-bottom: 20px; }
.find-warp .layui-row:after, .find-warp .layui-row:before{ clear: inherit; display: inherit; content: inherit; }
.find-warp .layui-form-label{ color: #d3d3d3; }