.login {
  position: relative;
  left: 0;
  top: 0;
  width: 100%;
  height: calc(100vh - 125px);
  min-height: 23.5em; }

.login_box {
  position: relative;
  z-index: 30;
  margin: 0 auto;
  width: 100%;
  max-width: 550px;
  height: 100%; }

.login_in {
  position: absolute;
  left: 0;
  top: 50%;
  z-index: 30;
  transform: translateY(-50%);
  width: 55%;
  height: 22.5em;
  padding: 1.5em 1em 1em;
  background: rgba(94, 155, 235, 0.5);
  border-radius: 6px;
  clear: both;
  overflow: hidden; }

.portal_login .login_in {
  height: 24em; }

.no-rgba .login_in {
  background: #6496e6; }

.login_in h2 {
  margin-bottom: 1em;
  font-size: 1.5em;
  color: #fff;
  text-align: center; }

.input_row {
  margin-top: 1.5em;
  background: rgba(94, 155, 235, 0.7);
  border: 1px solid #eee;
  border-radius: 4px;
  clear: both;
  overflow: hidden; }

.no-rgba .input_row {
  background: #6496e6; }

.login_icon {
  float: left;
  width: 40px;
  height: 34px; }

.login_name, .login_pass {
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 60% auto; }

.login_name {
  background-image: url(../images/login_name.png); }

.no-backgroundsize .login_name {
  background-image: url(../images/login_name_ie.png); }

.login_pass {
  background-image: url(../images/login_pass.png); }

.no-backgroundsize .login_pass {
  background-image: url(../images/login_pass_ie.png); }

.login_input {
  float: left;
  width: calc(100% - 40px);
  padding: 0 10px;
  height: 34px;
  font-size: 0.75em;
  color: #fff;
  background: transparent;
  border: 0;
  border-left: 1px solid #ddd;
  border-radius: 0; }

.no-backgroundsize .login_input {
  line-height: 34px; }

.login_input::-webkit-input-placeholder {
  color: #efefef; }
.login_input:-ms-input-placeholder {
  color: #efefef; }
.login_input:-moz-placeholder {
  color: #efefef; }
.login_input::-moz-placeholder {
  color: #efefef; }
.login_input:focus {
  border-color: #ddd; }

.remember_pass {
  margin-top: 0.4em;
  display: block;
  font-size: 12px;
  color: #fff;
  overflow: hidden; }
  .remember_pass .check_btn {
    float: left;
    background-image: url(../images/check_btn_wt.png); }

.no-backgroundsize .remember_pass .check_btn {
  background-image: url(../images/check_btn_ie16_wt.png); }

.remember_pass .check_btn_checked {
  float: left;
  background-image: url(../images/check_circle_wt.png); }

.no-backgroundsize .remember_pass .check_btn_checked {
  background-image: url(../images/check_circle_ie16_wt.png); }

.remember_pass span {
  float: left;
  margin-top: 2px; }

.forget_pass {
  float: right;
  margin-top: 0.5em;
  font-size: 12px;
  color: #fff; }
  .forget_pass:hover {
    text-decoration: underline; }

.portal_login .forget_pass {
  margin-top: 0.6em;
}

.portal_login .register_link {
  font-size: 12px; }

.login_btn {
  display: block;
  margin-top: 2em;
  width: 100%;
  padding: 0.3em 0;
  font-size: 1.125em;
  background: #f0f5fd;
  border: 1px solid #f0f5fd;
  color: #6b9df0; }
  .login_btn:focus, .login_btn:hover {
    background: #d9e7fd;
    border-color: #d9e7fd;
    color: #6b9df0; }

.portal_login .login_btn {
  margin-top: 0.5em;
  margin-left: 0; }

.register_link {
  float: right;
  margin-top: 0.6em;
  font-size: 14px;
  color: #fff; }
  .register_link:hover {
    text-decoration: underline; }

.login_code {
  position: absolute;
  left: 30%;
  top: 50%;
  z-index: 20;
  transform: translateY(-50%);
  width: 35%;
  height: 22.5em;
  padding: 5% 0;
  background: rgba(94, 155, 235, 0.35);
  border-radius: 6px;
  opacity: 0; }

.portal_login .login_code {
  height: 24em; }

.no-rgba .login_code {
  background: #71a2f2; }

.login_code_contain {
  position: absolute;
  left: 0;
  top: 50%;
  z-index: 10;
  transform: translateY(-50%);
  width: 100%;
  font-size: 0.875em; }

.vanke .login_point {
  position: absolute;
  top: 85%;
  padding-top: 5px;
  font-size: 12px;
  color: #fff; }

.login_code img {
  margin: 0 auto;
  width: 60%;
  border-radius: 4px; }
.login_code span {
  margin: 0.3em 0;
  display: block;
  color: #fff;
  text-align: center; }

@media (max-width: 767px) {
  .login {
    height: 100vh;
    font-size: 14px; }

  .login_box {
    padding: 10px; }

  .login_in {
    position: relative;
    margin: auto;
    width: 100%;
    max-width: 300px; }

  .vanke {
    position: relative;
    margin: auto;
    width: 100%;
    top: 26%;
    max-width: 300px; }

  .login_code {
    position: relative; } }

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