.main {
  background:url(/static/images/login.jpg) no-repeat center center;
  background-size:cover;
  background-attachment:fixed;
  background-color: #222222;
  position:absolute;
  width:100%;
  height:100%;
}
.login-block {
  position: absolute;
  top: 20%;
  margin: 0 10%;
  width:80%;
  height:320px;
  background-color: rgba(157, 157, 157, 0.42);
  border-radius:0.9em;
  box-shadow: 4px 4px 8px #000000;
}
.login-block input{
  width:90%;
}
.title-block {
  font-size: 1.8em;
  text-align: center;
  color: #fff;
  padding-top: 1em;
  font-weight: bolder;
}
.layui-form-item {
  line-height: 2em;
  padding: 1em 1.5em 0 1.5em;
}
.layui-form-item {
  margin-bottom: 0;
}
.layui-form-label {
  color: #fff;
  font-size: 1.4em;
  font-weight: bolder;
}
.layui-form-label {
  width:auto;
}
.layui-input-block {
  line-height: 2em;
  margin-left: 70px;

}
.layui-input-block input {
  border-radius:0.9em;
}
.button-block {
  /*padding-top: 2em;*/
  text-align: center;
}
.button-block button {
  width:12em;
  box-shadow: 1px 1px 6px #4c4c4c;
}
.footer {
  /*padding-top: 200px;*/
  width:100%;
  text-align: center;
  color:#fff;
  font-size: 1.2em;
  padding-bottom:1em;
  position: absolute;
  bottom: 0
}
.footer-img {
  padding-bottom: 4em;
  width: 100%;
  text-align: center;
  position: absolute;
  bottom: 0
}
.logo h1 {
  font-size: .68rem;
  color: #fff;
  margin-top: .5rem;
  margin-bottom: .5rem;
}

.bui-bar {
  background: none;
}

.bui-page {
  background: url(#module.path/images/bg.jpg) no-repeat;
  background-size: cover;
}

.login-form {
  padding-left: .8rem;
  padding-right: .8rem;
}

.login-form .bui-list {
  -webkit-border-radius: .1rem;
  border-radius: .1rem;
  overflow: hidden;
}

.login-form .bui-btn-text,
.login-form .bui-btn.primary {
  margin-bottom: .3rem;
}

.bui-btn-text,
.login-form label {
  color: #fff;
}

.login-form .bui-list {
  margin-bottom: .3rem;
}

.login-item {
  color: #fff;
  width: 1.4rem;
  padding: .5rem 0
}

.login-item img {
  width: .6rem;
}

ul li{
  height: 40px;
}