/**
 * admin.login.css 
 */
html,body,#LAY_app{height:100%;}
.layui-layout-body{overflow: auto;}
.layui-form-checkbox[lay-skin=primary]>div{color: #fff;}
#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: 430px; height: 390px;box-sizing: border-box; position: absolute;top: 50%;left: 50%;margin-top: -195px;margin-left: -215px;}
.layadmin-user-login-box{padding: 20px;}
.layadmin-user-login-header{text-align: center;}
.layadmin-user-login-header h2{margin-bottom: 10px; font-weight: 500; font-size: 28px; color: #fff;}
.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: #999;}
.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(255,255,255,.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: 400px;}
  .layadmin-user-login-box{padding: 10px;}
}
html,body {position: fixed;top: 0;left: 0;height: 100%;width: 100%;background: #23292e;background: radial-gradient(at center,#2f363c,#23292e)}
/*html,body {position: fixed;top: 0;left: 0;height: 100%;width: 100%;background: #23292e;background: radial-gradient(at center,#041318,#053e44)}*/
.apImgTitle {position: fixed;width: 42%;left: 30%;top: 30%}
.apTitle {font-size: 40px;color: #fff;position: fixed;top: 32%;width: 100%;text-align: center}
.logcon {position: fixed;width: 100%;top: 47%;text-align: center}
.logcon input {padding: 10px 15px;border-radius: 3px;border: 0;margin-right: 10px;width: 220px}
.logcon button {padding: 7px 20px 10px 20px;border: 0;background: #fff;border-radius: 3px}
.logcon button:hover {cursor: pointer}
canvas {display: block;vertical-align: bottom}
#particles-js {width: 100%;height: 100%;background-size: cover;background-position: 50% 50%;background-repeat: no-repeat;width: 100%;height: 100%;position: absolute;top: 0;left: 0}