/**河北云界信息技术有限公司 白涛 13933038562*/
@imp
html, body, #LAY_app{height: 100%;}
.layui-layout-body{overflow: auto;}
.loadingView{text-align: center;    display: flex;    align-items: center;    justify-content: center;    height: 50vh;flex-direction: column;    font-size:1.8rem;    margin-top: 20vh;}
.loading {width: 8rem;  height:2rem;}
.txt{margin-top:8rem}
.loading span {  -webkit-animation: load 1s ease infinite;  background: #006D86;  border-radius: 8px;  display: inline-block;  height: 100%;  width: .4rem;}
.tc{text-align:center}

@-webkit-keyframes load {
  0%,100% {
      background: #006D86;
      height: 80px;
  }

  50% {
      background: #8DC44A;
      height: 130px;
      margin: -15px 0;
  }
}

.loading span:nth-child(2) {
  -webkit-animation-delay: .2s;
}

.loading span:nth-child(3) {
  -webkit-animation-delay: .4s;
}

.loading span:nth-child(4) {
  -webkit-animation-delay: .6s;
}

.loading span:nth-child(5) {
  -webkit-animation-delay: .8s;
}
#LAY-user-login,
.layadmin-user-display-show{display: block !important;}
.layadmin-user-login{position: relative;left: 0;top: 0;padding: 110px 0 0 0;min-height: 100%;box-sizing: border-box;}
.layadmin-user-login-main{width: 500px;margin: 0 auto;box-sizing: border-box;border-radius: 10px;background: rgba(0,0,0,.5);}
.layadmin-user-login-box{padding: 20px;max-width: 335px;margin: 0 auto;}
.layadmin-user-login-header{text-align: center;width: auto;max-width: 100%;}
.layadmin-user-login-header h2{margin-bottom: 10px;font-weight: 300;font-size: 30px;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: #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);}
.bg-pc{background: url(../login/bg-pc.jpg) center no-repeat;background-size: cover;position: fixed;width: 100%;top: 0;bottom: 0;left: 0;z-index: 0}
/* 主题背景*/
.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}
.layui-icon-add-circle{position:absolute;top: 1px;z-index:1;right:1px;    width: 38px;    line-height: 36px;    text-align: center;    color: #999;transform:rotate(45deg);display: none}
/* 微信登录*/
.show-qrcode{text-align:center;color:#fff;font-size:24px;margin:120px 100px 120px 100px;cursor:pointer;border:2px solid #DbDbDb;border-radius:.75rem;line-height:50px;}
#wx-qrcode{width:335px;height:335px;}
#ex-qrcode{width:335px;height:335px;cursor:pointer;display:none;}
.wx-login-container .status-area{margin-top:18px;margin-bottom:20px;}
.wx-login-container .status-area p{text-align:center;font-size:18px;color:#fff;}

@media screen and (max-width: 768px){
.bg-pc{background: url(../login/bg-wap.jpg) center no-repeat;background-size: cover;position: fixed;width: 100%;top: 0;bottom: 0;left: 0;z-index: 0}
.bg-pc::before{content: "";background: url(../login/login-top.png) center 30px no-repeat;background-size: 40% auto;display: block;position: absolute;z-index: -1;width: 100%;height: 100%;top: 0;left: 0;/*background: #005bea;background: -webkit-linear-gradient(bottom, #005bea, #00c6fb);background: -o-linear-gradient(bottom, #005bea, #00c6fb);background: -moz-linear-gradient(bottom, #005bea, #00c6fb);background: linear-gradient(bottom, #005bea, #00c6fb);*/opacity: 0.6;}
.bg-yihua{background: url(../login/bg-wap.jpg) center no-repeat;background-size: cover;position: fixed;width: 100%;top: 0;bottom: 0;left: 0;z-index: 0}
.layadmin-user-login{padding-top: 40%;}
.layadmin-user-login-main{width: 300px;background:none}
.layadmin-user-login-box{padding: 10px;}
.show-qrcode{margin:0px!important;background: rgba(0,0,0,.2); padding:50px 0}
.wx-login-container{padding:30px}
.wx-login-container #wx-qrcode{width:100%;height:100%}
}
.layui-form-checkbox[lay-skin=primary] span{color: #eee}
.bg-login{background: url(../login/bg.jpg) no-repeat;background-size: cover;position: fixed;width: 100%;top: 0;bottom: 0;left: 0;z-index: 0}
.bg-login::before{content: "";display: block;position: absolute;z-index: -1;width: 100%;height: 100%;top: 0;left: 0;background: #005bea;background: -webkit-linear-gradient(bottom, #005bea, #00c6fb);background: -o-linear-gradient(bottom, #005bea, #00c6fb);background: -moz-linear-gradient(bottom, #005bea, #00c6fb);background: linear-gradient(bottom, #005bea, #00c6fb);opacity: 0.8;}
.login-tab{text-align:center;color:#fff;display:flex;max-width: 335px;margin:0 auto}
.login-tab li{flex:1;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:1rem;opacity:.8}
.border-btn{font-size:1.1rem;font-weight:bold;opacity:1}
.layui-form-checkbox[lay-skin=primary] span{padding-left: 0;    padding-right: 15px;    line-height: 18px;    background: 0 0;font-size:14px;    color: #fff;}
.iconfont{position: absolute;    top: 4px;    z-index: 1;    right: 30px;    width: 30px;     text-align: center;  height:30px;display:block;text-indent:-999em}
.iconfont.xianshimima1{background: url(../login/mimaxianshi.svg) no-repeat center center;    background-size: 20px 20px;}
.iconfont.xianshimima{background: url(../login/mimayincang.svg) no-repeat center center;    background-size: 20px 20px;}