body {
          background: url("/resource/img/login/bg_bg.png") #082b4f;
          background-attachment: fixed;
          background-size: contain;
      }

      p {
          margin: 0;
      }

      .cover {
          width: 100%;
          height: 100%;
          position: fixed;
          left: 0;
          top: 0;
          background: url('/resource/img/login/cover.png') no-repeat center;
          background-size: contain;
          z-index: 100;
      }

      .showdon {
          width: 100%;
          height: 100%;
          position: fixed;
          left: 0;
          top: 0;
          background-color: #000;
          opacity: 0.1;
          z-index: 101;
      }

      .login-content {
          width: 100%;
          height: 100%;
          position: fixed;
          left: 0;
          top: 0;
          z-index: 102;
      }

      .login-box {
          height: 100%;
          width: 330px;
          margin: 0 auto;
          position: relative;
          display: -webkit-box;
          display: -webkit-flex;
          display: -moz-flex;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-align: center;
          -ms-flex-align: center;
          -webkit-align-items: center;
          -moz-align-items: center;
          align-items: center;
          -webkit-flex-direction: vertical;
          -moz-flex-direction: vertical;
          -ms-flex-direction: column;
          -webkit-flex-direction: column;
          flex-direction: column;
          -webkit-justify-content: center;
          -moz-justify-content: center;
          -ms-justify-content: center;
          justify-content: center;
      }

      .login-box img {
          display: block;
      }
      .login-box img.logo{
          margin-bottom: 10px;
      }
      .login-box img.tit {
          margin: 18px 0;
      }

      .login-box p.keep {
          font-size: 14px;
          color: #fff;
      }

      .keep input {
          display: inline-block;
          width: 14px;
          height: 14px;
          border: 1px solid #fff;
          border-radius: 3px;
          margin-right: 13px;
          cursor: pointer;
          outline: none;
      }

      .login-inputs {
          width: 100%;
          border-radius: 8px;
          background-color: #fff;
          overflow: hidden;
          margin-bottom: 18px;
      }

      .login-inputs .group {
          width: 100%;
          height: 42px;
          line-height: 42px;
          position: relative;
      }

      .login-inputs .group:first-child {
          border-bottom: 1px solid #ccc;
      }

      .login-inputs input {
          width: 100%;
          height: 100%;
          border: 0;
          text-indent: 10px;
          outline: none;
          margin: 0;
          padding: 0;
          font-size: 16px;
      }

      .enter {
          display: block;
          position: absolute;
          right: 10px;
          top: 8px;
          width: 26px;
          height: 26px;
          cursor: pointer;
          background: url("/resource/img/login/login.png") no-repeat center;
          background-size: contain;
      }

      .enter:active {
          background: url("/resource/img/login/login-dark.png") no-repeat center;
      }

      .fade-in-500 {
          -webkit-animation: fade-in 500ms ease-in-out;
          -o-animation: fade-in 500ms ease-in-out;
          animation: fade-in 500ms ease-in-out;
      }

      .fade-in-1s {
          -webkit-animation: fade-in 1s ease-in-out;
          -o-animation: fade-in 1s ease-in-out;
          animation: fade-in 1s ease-in-out;
      }

      @-moz-keyframes fade-in {
          from {
              opacity: 0;
          }

          to {
              opacity: 1;
          }
      }

      @-webkit-keyframes fade-in {
          from {
              opacity: 0;
          }

          to {
              opacity: 1;
          }
      }

      @-o-keyframes fade-in {
          from {
              opacity: 0;
          }

          to {
              opacity: 1;
          }
      }

      @-ms-keyframes fade-in {
          from {
              opacity: 0;
          }

          to {
              opacity: 1;
          }
      }

      @-khtml-keyframes fade-in {
          from {
              opacity: 0;
          }

          to {
              opacity: 1;
          }
      }

      @keyframes fade-in {
          from {
              opacity: 0;
          }

          to {
              opacity: 1;
          }
      }