body, html {
  height: 100%;
  width: 100%;
  margin: 0;
  padding: 0; }

.content {
  height: 100%;
  width: 100%;
  background-image: linear-gradient(#1E0199, #167FAA);
  position: relative; }
  .content .title {
    height: 80px;
    display: flex;
    flex-direction: row;
    padding: 20px 40px;
    align-items: center;
    position: absolute; }
    .content .title img {
      height: 80px; }
    .content .title span {
      color: #fff;
      font-size: 28px;
      height: 80px;
      line-height: 80px;
      letter-spacing: 1px; }
    .content .title .jh {
      height: 40px;
      margin-left: 10px; }
  .content .img-content {
    height: calc(100% - 100px);
    width: 900px;
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute; }
    .content .img-content img {
      margin-left: 100px;
      width: 100%; }
  .content .login-content {
    width: 380px;
    height: 390px;
    background: white;
    box-shadow: 1px 6px 9px 0 #4063E5;
    border-radius: 10px;
    position: absolute;
    top: 50%;
    margin-top: -200px;
    right: 220px;
    box-sizing: border-box;
    padding: 35px;
    display: flex;
    flex-direction: column; }
    .content .login-content label {
      color: #343434;
      font-size: 18px;
      font-weight: 600; }
    .content .login-content .login-btn {
      display: inline-block;
      width: 302px;
      height: 40px;
      line-height: 40px;
      text-align: center;
      color: #fff;
      font-size: 16px;
      letter-spacing: 5px;
      text-decoration: none;
      cursor: pointer;
      margin-top: 25px;
      background: linear-gradient(90deg, #575df6, #00b1fb);
      box-shadow: 1px 6px 13px 0 rgba(0, 140, 255, 0.29);
      border-radius: 27px; }
    .content .login-content .text-line {
      height: 20px;
      margin-top: 15px;
      display: flex;
      flex-direction: row;
      justify-content: space-between;
      align-items: center; }
      .content .login-content .text-line a {
        text-decoration: none;
        font-size: 12px;
        color: #84939C; }
      .content .login-content .text-line a:hover {
        color: #288BF9; }
  .content .footer {
    position: absolute;
    bottom: 20px;
    width: 100%;
    display: block;
    font-size: 12px;
    color: #ddd;
    text-align: center; }

/*# sourceMappingURL=login.css.map */