@charset "utf-8";
.login-body{
    background-image: url(../img/loginBg.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    font-size:20px;
}
.login-header{
    position: relative;
    width:100%;
    height:13%;
    line-height: 13%;
    text-align: center;
    background: #4468b0;
    overflow: hidden;
}
.login-header img{
    height:35%;
    margin:0 20px;
}
.index-title{
    position: relative;
    font-size:45px;
    color:white;
    line-height: 94px;
    font-weight: 600;
    background-image:-webkit-linear-gradient(bottom,white,#00fcff); 
    -webkit-background-clip:text; 
    -webkit-text-fill-color:transparent; 
}
.login-trihgt{
    position: absolute;
    top:50%;
    right:80px;
}
.login-trihgt:hover span{
    background: #4468b0;
    color:#fff;
}
.login-trihgt span{
    color:#019bc1;
    border:1px solid #257fb4;
    padding:5px 15px;
}
.login-box{
    position: fixed;
    top: 50%;
    right:10%;
    margin-top:-210px;
    width: 540px;
    height:380px;
    padding:30px;
}
.login-top img{
  width:45%;
}
.login-top span{
    color:white;
    /* font-size:16px; */
}
.login-top span a{
    color:#fff;
    margin-left:6px;
}
.login-form{
    margin:50px 80px 40px 80px;
}
.login-input{
    margin-bottom:30px;
    position: relative;
}
.login-input:after{
    content:"";
    position: absolute;
    background: url(../img/loginkx.png);
    width: 132px;
    height: 5px;
    bottom:-5px;
    left:0;
}
.login-input::before{
    content:"";
    position: absolute;
    background: url(../img/loginkt.png);
    width: 216px;
    height: 2px;
    top: -2px;
    right: 10%;
}
.login-input input{
    border:1px solid #4468b0;
    font-size:16px;
    padding-left:70px;
    height:47px;
    line-height: 47px;
    color:#fff;
}
.login-name{
    background: url(../img/use.png) no-repeat 25px 10px;
}
.login-psd{
   background: url(../img/psd.png) no-repeat 25px 7px;
}
.login-input input::-webkit-input-placeholder{
  color: #459be0;
}
.login-input input:-moz-placeholder{
  color: #459be0;
}
.login-input input:-ms-input-placeholder{
  color: #459be0;
}
.login-wji{
    height:50px;
}
.login-wji .layui-form-checkbox[lay-skin=primary] i{
  width:23px;
  height:23px;
  line-height: 23px;
  background: #4468b0;
  border:0;
}
.login-wji .layui-form-checkbox i{
    color:#4468b0;
    font-size:20px;
}
.layui-form-checkbox[lay-skin=primary] span{
    color:#459be0;
    font-size:16px;
}
.login-wji a{
    float:right;
    color:#fff;
    font-size:16px;
    margin-top:10px;
}
.login-bottom .layui-btn{
   background: #1dc3ce;
   height:47px;
   line-height: 47px;
   font-size:22px;
   width:100%;
   margin-top:10px;
}
.login-footer{
    font-size:16px;
    position: fixed;
    bottom: 3%;
    width: 100%;
    text-align: center;
    color:white;
    padding:20px;
    line-height: 22px;
}