.admin-login {
  position: relative;
  width: 100%;
  height: 100%;
  background: linear-gradient(#0a0e19, #373e51);
}
.admin-login .header {
  width: 998px;
  height: 124px;
  margin: 0 auto;
  line-height: 124px;
}
.admin-login .header h1 {
  position: relative;
  height: 24px;
  margin-bottom: 40px;
  padding-left: 13px;
  line-height: 24px;
  border-left: 5px solid #27b98c;
  font-size: 24px;
  color: #5a617d;
}
.admin-login .header img {
  text-align: center;
}
.admin-login .flex {
  display: flex;
}
.admin-login .form-login {
  position: relative;
  justify-content: space-between;
  left: 0;
  box-sizing: border-box;
  width: 998px;
  margin: 0 auto;
  box-sizing: border-box;
  height: auto;
  /*border:2px solid #fff;*/
  /*box-shadow:1px 1px 20px #eee;*/
  background: rgba(255, 255, 255, 0.3);
}
.admin-login .form-login .left-img {
  width: 600px;
  height: 600px;
  background: url("/static/images/common/leftBg.png");
}
.admin-login .form-login .left-img .title {
  font-size: 24px;
  color: #fff;
  margin-top: 70px;
  text-align: center;
}
.admin-login .form-login .left-img .imgs {
  position: relative;
  text-align: center;
  position: relative;
}
.admin-login .form-login .left-img .imgs img {
  display: block;
  margin: 0 auto;
  transition: all .3s linear;
  -webkit-transition: all .3s lienar;
}
.admin-login .form-login .left-img .imgs .imgs-top {
  width: 213px;
  height: 105px;
  position: relative;
  /*top: 100px;*/
  top: 80px;
  z-index: 4;
}
.admin-login .form-login .left-img .imgs .imgs-top-center {
  width: 245px;
  height: 128px;
  position: relative;
  /*top: 37px;*/
  top: 17px;
}
.admin-login .form-login .left-img .imgs .imgs-center {
  width: 372px;
  height: 184px;
  position: relative;
  /*top: -81px;*/
  top: -100px;
  z-index: 2;
}
.admin-login .form-login .left-img .imgs .imgs-bottom {
  width: 213px;
  height: 109px;
  position: relative;
  /*top: -137px;*/
  top: -157px;
  z-index: 1;
}
.admin-login .form-login .left-img .descript {
  font-size: 16px;
  color: #29b88c;
  text-align: center;
  margin-top: 10px;
}
.admin-login .form-login form {
  width: 400px;
  height: 500px;
  background: #fff;
  padding: 0 40px;
  padding-top: 100px;
}
.admin-login .form-login form h1 {
  position: relative;
  height: 24px;
  margin-bottom: 40px;
  padding-left: 13px;
  line-height: 24px;
  border-left: 5px solid #27b98c;
  font-size: 24px;
  color: #5a617d;
}
.admin-login .form-login form h1 .register {
  position: absolute;
  right: 0;
  top: -7px;
  width: 120px;
  height: 38px;
  line-height: 38px;
  color: #fff;
  font-size: 14px;
  text-align: center;
  cursor: pointer;
  transition: .2s;
  border-radius: 2px;
  background: #29b88c;
  transition: all .2s linear;
}
.admin-login .form-login form h1 .register:hover {
  background: #009688;
}
.admin-login .form-login .item {
  height: 44px;
  line-height: 44px;
  padding: 0 12px;
  position: relative;
  margin-bottom: 20px;
  border: 1px solid #848a9f;
}
.admin-login .form-login .item .label {
  font-size: 14px;
  color: #666;
  float: left;
  width: 74px;
  border-right: 1px solid #848a9f;
}
.admin-login .form-login .item .label i {
  margin-right: 4px;
}
.admin-login .form-login .item input {
  height: 44px;
  line-height: 44px;
  width: 205px;
  padding-left: 11px;
  margin-left: 11px;
  border: none;
  outline: none;
  background: transparent;
}
.admin-login .form-login .item .theme {
  font-size: 14px;
  color: #666;
}
.admin-login .form-login .item input[name='saveCookie'] {
  width: 15px;
  position: relative;
  top: 18px;
  margin-right: 10px;
  margin-left: 62px;
}
.admin-login .form-login .item .price-select, .admin-login .form-login .item .date-select {
  position: relative;
  height: 70px;
  line-height: 70px;
}
.admin-login .form-login .save-item {
  border: none;
  height: 20px;
  top: -34px;
  left: -74px;
}
.admin-login .form-login .sub-item {
  border: none;
}
.admin-login #verifyCodeImg {
  position: absolute;
  top: 1px;
  right: 1px;
  height: 43px;
}
.admin-login #comfirm {
  text-align: center;
  width: 100%;
}
.admin-login #comfirm button {
  padding: 4px 0;
  border: none;
  outline: none;
  background: #679cfc;
  color: #fff;
  width: 130px;
  font-size: 14px;
  margin: 0 10px;
  border-radius: 2px;
  height: 35px;
  transition: all .2s linear;
  cursor: pointer;
}
.admin-login #comfirm button:hover {
  background: #3174ec;
}
.admin-login .login-footer {
  position: relative;
  margin: 80px 0 60px;
  width: 100%;
}
.admin-login .login-footer .item {
  width: 100%;
  margin: 0 auto;
  text-align: center;
  margin-bottom: 10px;
}
.admin-login .login-footer .item a {
  margin-right: 10px;
  cursor: pointer;
  transition: .2s;
  color: #84899f;
}
.admin-login .login-footer .message {
  text-align: center;
  color: #59607c;
}
.admin-login .login-footer .message a {
  color: #679cfc;
}

@media (min-width: 1367px) {
  .admin-login {
    position: fixed;
    bottom: 0;
    left: 0;
  }
}