.login {
  .login-bg {
    height             : 594px;
    background-position: center;
    background-size    : cover;
    background-image   : url("../images/login_bg.jpg");

    .login-inner {
      background-color: #fff;
      width           : 316px;
      padding         : 30px;
      float           : right;
      margin-top      : 125px;

      .tit {
        color      : #333;
        font-size  : 18px;
        line-height: 24px;
      }

      input {
        &[type="text"],
        &[type="password"] {
          width              : 310px;
          height             : 42px;
          line-height        : 42px;
          border             : 2px solid #ccc;
          border-radius      : 5px;
          outline            : none;
          margin             : 10px 0;
          background-position: left center;
          background-repeat  : no-repeat;
          font-size          : 14px;
          @include tr(0.4s,border);

          &.user {
            width           : 260px;
            padding         : 0 0 0 50px;
            background-image: url("../images/user.jpg");
          }

          &.pwd {
            width           : 260px;
            padding         : 0 0 0 50px;
            background-image: url("../images/pwd.jpg");
          }

          &.text {
            margin : 7px 0;
            padding: 0 14px;
            width  : 284px;
          }

          &.mintext {
            margin : 7px 0;
            padding: 0 14px;
            width  : 119px;
          }

          &:focus {
            border    : 2px solid #99befb;
            box-shadow: 0 0 5px #99befb;
            @include tr(0.4s,border);
          }

          &::-webkit-input-placeholder {
            color: #ccc;
          }

          &:-moz-placeholder {
            color: #ccc;
          }

          &::-moz-placeholder {
            color: #ccc;
          }

          &:-ms-input-placeholder {
            color: #ccc;
          }
        }

        &[type="submit"] {
          width           : 316px;
          background-color: #ff4400;
          border          : none;
          color           : #fff;
          height          : 46px;
          line-height     : 46px;
          border-radius   : 5px;
          margin-top      : 8px;
          padding         : 0;
          @include tr(0.4s,box-shadow);

          &:hover {
            box-shadow: 0 0 10px #ff4400;
            @include tr(0.4s,box-shadow);
          }

          &.reg-submit {
            background-color: #0b77ff;

            &:hover {
              box-shadow: 0 0 10px #0b77ff;
            }
          }
        }
      }

      span {
        width           : 150px;
        height          : 46px;
        line-height     : 46px;
        text-align      : center;
        display         : inline-block;
        background-color: #ccc;
        border-radius   : 5px;
        margin-left     : 15px;
        cursor          : pointer;
      }

      p {
        font-size   : 14px;
        line-height : 14px;
        color       : #999;
        padding-left: 22px;
        position    : relative;
        margin      : 10px 0;

        input {
          width     : 14px;
          height    : 14px;
          position  : absolute;
          top       : 50%;
          left      : 0;
          margin-top: -7px;
        }
      }

      a {
        font-size  : 14px;
        line-height: 24px;

        i {
          color: #e60b16;
        }
      }

      &.reg {
        margin-top: 34px;
      }
    }
  }
}
