* {
  padding: 0;
  margin: 0;
  border: 0;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  font-family: "Microsoft YaH"; }

body, html {
  position: relative;
  width: 100%;
  height: 100%;
  background-color: #fff;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  font-size: 16px; }

.f-r {
  float: right; }

.f-l {
  float: left; }

.f-clear {
  clear: both; }

input {
  border: 0px;
  outline: none; }

.cursor-pointer {
  cursor: pointer; }

.blueColor {
  color: #abcdef; }

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
  -webkit-transition-delay: 99999s;
  -webkit-transition: color 99999s ease-out, background-color 99999s ease-out; }

a {
  text-decoration: none; }

.hide {
  display: none; }

.f-bold {
  font-weight: bold; }

.f-12 {
  font-size: 12px !important; }

.f-14 {
  font-size: 14px !important; }

.f-16 {
  font-size: 16px !important; }

.f-18 {
  font-size: 18px !important; }

.f-20 {
  font-size: 20px !important; }

.f-22 {
  font-size: 22px !important; }

.f-24 {
  font-size: 24px !important; }

.f-26 {
  font-size: 26px !important; }

.f-28 {
  font-size: 28px !important; }

.f-30 {
  font-size: 30px !important; }

.f-32 {
  font-size: 32px !important; }

.m-l-0 {
  margin-left: 0px !important; }

.m-l-2 {
  margin-left: 2px !important; }

.m-l-4 {
  margin-left: 4px !important; }

.m-l-6 {
  margin-left: 6px !important; }

.m-l-8 {
  margin-left: 8px !important; }

.m-l-10 {
  margin-left: 10px !important; }

.m-l-12 {
  margin-left: 12px !important; }

.m-l-14 {
  margin-left: 14px !important; }

.m-l-16 {
  margin-left: 16px !important; }

.m-l-18 {
  margin-left: 18px !important; }

.m-l-20 {
  margin-left: 20px !important; }

.m-l-22 {
  margin-left: 22px !important; }

.m-l-24 {
  margin-left: 24px !important; }

.m-l-26 {
  margin-left: 26px !important; }

.m-l-28 {
  margin-left: 28px !important; }

.m-l-30 {
  margin-left: 30px !important; }

.m-r-0 {
  margin-right: 0px !important; }

.m-r-2 {
  margin-right: 2px !important; }

.m-r-4 {
  margin-right: 4px !important; }

.m-r-6 {
  margin-right: 6px !important; }

.m-r-8 {
  margin-right: 8px !important; }

.m-r-10 {
  margin-right: 10px !important; }

.m-r-12 {
  margin-right: 12px !important; }

.m-r-14 {
  margin-right: 14px !important; }

.m-r-16 {
  margin-right: 16px !important; }

.m-r-18 {
  margin-right: 18px !important; }

.m-r-20 {
  margin-right: 20px !important; }

.m-r-22 {
  margin-right: 22px !important; }

.m-r-24 {
  margin-right: 24px !important; }

.m-r-26 {
  margin-right: 26px !important; }

.m-r-28 {
  margin-right: 28px !important; }

.m-r-30 {
  margin-right: 30px !important; }

.m-t-0 {
  margin-top: 0px !important; }

.m-t-2 {
  margin-top: 2px !important; }

.m-t-4 {
  margin-top: 4px !important; }

.m-t-6 {
  margin-top: 6px !important; }

.m-t-8 {
  margin-top: 8px !important; }

.m-t-10 {
  margin-top: 10px !important; }

.m-t-12 {
  margin-top: 12px !important; }

.m-t-14 {
  margin-top: 14px !important; }

.m-t-16 {
  margin-top: 16px !important; }

.m-t-18 {
  margin-top: 18px !important; }

.m-t-20 {
  margin-top: 20px !important; }

.m-t-22 {
  margin-top: 22px !important; }

.m-t-24 {
  margin-top: 24px !important; }

.m-t-26 {
  margin-top: 26px !important; }

.m-t-28 {
  margin-top: 28px !important; }

.m-t-30 {
  margin-top: 30px !important; }

.m-b-0 {
  margin-bottom: 0px !important; }

.m-b-2 {
  margin-bottom: 2px !important; }

.m-b-4 {
  margin-bottom: 4px !important; }

.m-b-6 {
  margin-bottom: 6px !important; }

.m-b-8 {
  margin-bottom: 8px !important; }

.m-b-10 {
  margin-bottom: 10px !important; }

.m-b-12 {
  margin-bottom: 12px !important; }

.m-b-14 {
  margin-bottom: 14px !important; }

.m-b-16 {
  margin-bottom: 16px !important; }

.m-b-18 {
  margin-bottom: 18px !important; }

.m-b-20 {
  margin-bottom: 20px !important; }

.m-b-22 {
  margin-bottom: 22px !important; }

.m-b-24 {
  margin-bottom: 24px !important; }

.m-b-26 {
  margin-bottom: 26px !important; }

.m-b-28 {
  margin-bottom: 28px !important; }

.m-b-30 {
  margin-bottom: 30px !important; }

.p-l-0 {
  padding-left: 0px !important; }

.p-l-2 {
  padding-left: 2px !important; }

.p-l-4 {
  padding-left: 4px !important; }

.p-l-6 {
  padding-left: 6px !important; }

.p-l-8 {
  padding-left: 8px !important; }

.p-l-10 {
  padding-left: 10px !important; }

.p-l-12 {
  padding-left: 12px !important; }

.p-l-14 {
  padding-left: 14px !important; }

.p-l-16 {
  padding-left: 16px !important; }

.p-l-18 {
  padding-left: 18px !important; }

.p-l-20 {
  padding-left: 20px !important; }

.p-l-22 {
  padding-left: 22px !important; }

.p-l-24 {
  padding-left: 24px !important; }

.p-l-26 {
  padding-left: 26px !important; }

.p-l-28 {
  padding-left: 28px !important; }

.p-l-30 {
  padding-left: 30px !important; }

.p-r-0 {
  padding-right: 0px !important; }

.p-r-2 {
  padding-right: 2px !important; }

.p-r-4 {
  padding-right: 4px !important; }

.p-r-6 {
  padding-right: 6px !important; }

.p-r-8 {
  padding-right: 8px !important; }

.p-r-10 {
  padding-right: 10px !important; }

.p-r-12 {
  padding-right: 12px !important; }

.p-r-14 {
  padding-right: 14px !important; }

.p-r-16 {
  padding-right: 16px !important; }

.p-r-18 {
  padding-right: 18px !important; }

.p-r-20 {
  padding-right: 20px !important; }

.p-r-22 {
  padding-right: 22px !important; }

.p-r-24 {
  padding-right: 24px !important; }

.p-r-26 {
  padding-right: 26px !important; }

.p-r-28 {
  padding-right: 28px !important; }

.p-r-30 {
  padding-right: 30px !important; }

.p-t-0 {
  padding-top: 0px !important; }

.p-t-2 {
  padding-top: 2px !important; }

.p-t-4 {
  padding-top: 4px !important; }

.p-t-6 {
  padding-top: 6px !important; }

.p-t-8 {
  padding-top: 8px !important; }

.p-t-10 {
  padding-top: 10px !important; }

.p-t-12 {
  padding-top: 12px !important; }

.p-t-14 {
  padding-top: 14px !important; }

.p-t-16 {
  padding-top: 16px !important; }

.p-t-18 {
  padding-top: 18px !important; }

.p-t-20 {
  padding-top: 20px !important; }

.p-t-22 {
  padding-top: 22px !important; }

.p-t-24 {
  padding-top: 24px !important; }

.p-t-26 {
  padding-top: 26px !important; }

.p-t-28 {
  padding-top: 28px !important; }

.p-t-30 {
  padding-top: 30px !important; }

.p-b-0 {
  padding-bottom: 0px !important; }

.p-b-2 {
  padding-bottom: 2px !important; }

.p-b-4 {
  padding-bottom: 4px !important; }

.p-b-6 {
  padding-bottom: 6px !important; }

.p-b-8 {
  padding-bottom: 8px !important; }

.p-b-10 {
  padding-bottom: 10px !important; }

.p-b-12 {
  padding-bottom: 12px !important; }

.p-b-14 {
  padding-bottom: 14px !important; }

.p-b-16 {
  padding-bottom: 16px !important; }

.p-b-18 {
  padding-bottom: 18px !important; }

.p-b-20 {
  padding-bottom: 20px !important; }

.p-b-22 {
  padding-bottom: 22px !important; }

.p-b-24 {
  padding-bottom: 24px !important; }

.p-b-26 {
  padding-bottom: 26px !important; }

.p-b-28 {
  padding-bottom: 28px !important; }

.p-b-30 {
  padding-bottom: 30px !important; }

.topBlank {
  height: calc(50% - 280px); }

.loginContent {
  width: 966px;
  height: 560px;
  margin: 0 auto;
  background-color: #fff;
  background-size: auto 100%;
  background-position: left;
  background-repeat: no-repeat;
  border-radius: 2px;
  position: relative; }
  .loginContent .content {
    width: 315px;
    height: 100%;
    float: right;
    padding: 0 47px; }
    .loginContent .content .logo {
      margin-top: 65px;
      height: 113px;
      width: 100%;
      background-position: center;
      background-size: auto 100%;
      background-repeat: no-repeat; }
    .loginContent .content .formCon .label {
      margin-top: 33px;
      font-size: 14px;
      font-weight: 400;
      color: #B5B5B5; }
    .loginContent .content .formCon .inputCon {
      margin-top: 10px;
      height: 28px;
      border-bottom: 1px solid #D5D5D5;
      position: relative; }
      .loginContent .content .formCon .inputCon .input {
        width:100%;
        height: 27px;
        line-height: 27px;
        color: #000000;
        font-size: 14px; }
      .loginContent .content .formCon .inputCon .errorFont {
        position: absolute;
        left: 0;
        top: 28px;
        line-height: 20px;
        color: red;
        font-size: 12px;
        display: none; }
    .loginContent .content .btnCon {
      text-align: center;
      padding-top: 53px; }
      .loginContent .content .btnCon .btn1 {
        width: 140px;
        height: 36px;
        background-color: #051722;
        border-radius: 17px;
        cursor: pointer;
        font-size: 14px;
        font-weight: 400;
        color: #FFFFFF;
        line-height: 36px;
        display: inline-block; }
        .loginContent .content .btnCon .btn1:hover {
          background-color: #333; }
      .loginContent .content .btnCon .btn2 {
        width: 238px;
        height: 50px;
        background-color: #70CCD5;
        border-radius: 4px;
        cursor: pointer;
        font-size: 16px;
        font-weight: 400;
        color: #FFFFFF;
        line-height: 50px;
        display: inline-block; }
        .loginContent .content .btnCon .btn2:hover {
          background-color: #317c84; }
      .loginContent .content .btnCon .btn3 {
        width: 140px;
        height: 36px;
        background-color: #535353;
        border-radius: 17px;
        cursor: pointer;
        font-size: 14px;
        font-weight: 400;
        color: #FFFFFF;
        line-height: 36px;
        display: inline-block; }
        .loginContent .content .btnCon .btn3:hover {
          background-color: #333; }
    .loginContent .content .tip {
      width: 75px;
      height: 75px;
      position: absolute;
      right: 0;
      top: 0; }

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