.clearfloat:after, .clearfloat:before {
  display: block;
  content: "";
  height: 0;
  line-height: 0;
  font-size: 0;
  clear: both; }

.login-header {
  width: 100%;
  height: 70px; }
  .login-header .login-logo-con {
    height: 100%;
    padding: 18px 0 0 30px; }

.login-content {
  color: #777;
  font-family: 'Open Sans', sans-serif;
  position: relative;
  display: block; }
  .login-content .swiper-container-login {
    width: 100%; }
    .login-content .swiper-container-login .swiper-slide img {
      display: block;
      width: 100%;
      height: auto; }
  .login-content .swiper-container-IE8 {
    display: none;
    width: 100%; }
    .login-content .swiper-container-IE8 img {
      display: block;
      width: 100%; }
  .login-content .right-box {
    position: absolute;
    top: 15%;
    right: 10%;
    z-index: 2; }
  .login-content .login-cont {
    background: #fff;
    border-radius: 5px;
    overflow: hidden;
    box-shadow: 0 1px 15px 1px #d1dcee; }
    .login-content .login-cont .ewm-download {
      position: absolute;
      right: 0;
      top: 0;
      width: 40px;
      height: 40px;
      cursor: pointer;
      transition: all .3s; }
    .login-content .login-cont .account-login-line {
      float: left;
      z-index: 1;
      padding: 30px;
      width: 320px; }
      .login-content .login-cont .account-login-line .ewm-download {
        background: url("../../images/cnic/ewm1.jpg") no-repeat; }
        .login-content .login-cont .account-login-line .ewm-download:hover {
          background: url("../../images/cnic/ewm2.jpg") no-repeat; }
      .login-content .login-cont .account-login-line .account-text {
        height: 35px;
        line-height: 32px;
        color: #666;
        font-size: 16px;
        border-bottom: 1px solid #ddd;
        font-weight: bold; }
        .login-content .login-cont .account-login-line .account-text span {
          display: inline-block;
          padding: 0 15px;
          cursor: pointer; }
          .login-content .login-cont .account-login-line .account-text span:hover {
            color: #0071bd; }
          .login-content .login-cont .account-login-line .account-text span.active {
            color: #0071bd;
            border-bottom: 2px solid #0071bd; }
          .login-content .login-cont .account-login-line .account-text span:focus {
            box-shadow: none;
            outline: none; }
      .login-content .login-cont .account-login-line .form-signin .prompt-con {
        height: 28px;
        line-height: 28px; }
        .login-content .login-cont .account-login-line .form-signin .prompt-con .prompt {
          display: block;
          font-size: 12px;
          color: #d90000;
          padding-left: 10px; }
      .login-content .login-cont .account-login-line .form-signin .input-group {
        line-height: 45px;
        padding-top: 10px;
        border-bottom: 1px solid #ddd; }
        .login-content .login-cont .account-login-line .form-signin .input-group .input-img {
          padding: 0 10px;
          display: inline-block;
          position: relative;
          top: 5px; }
        .login-content .login-cont .account-login-line .form-signin .input-group input {
          height: 33px;
          line-height: 33px;
          border: none;
          border-radius: 0;
          background: #fff;
          outline: none;
          font-size: 14px; }
          .login-content .login-cont .account-login-line .form-signin .input-group input.yzm {
            width: 125px;
            border-right: 1px solid #ddd;
            margin-right: 6px;
            padding-right: 10px; }
        .login-content .login-cont .account-login-line .form-signin .input-group .yzmCode {
          position: relative;
          top: 9px; }
        .login-content .login-cont .account-login-line .form-signin .input-group .yzm-img-con {
          cursor: pointer; }
          .login-content .login-cont .account-login-line .form-signin .input-group .yzm-img-con .yzm_img {
            display: inline-block;
            width: 80px;
            height: 33px;
            position: relative;
            top: 11px;
            border-radius: 2px; }
          .login-content .login-cont .account-login-line .form-signin .input-group .yzm-img-con span {
            color: #999;
            padding-left: 5px; }
      .login-content .login-cont .account-login-line .form-signin .rememberPsd-group {
        padding: 5px 0 0 10px; }
        .login-content .login-cont .account-login-line .form-signin .rememberPsd-group .checkbox-inline {
          display: inline-block;
          margin-right: 15px; }
          .login-content .login-cont .account-login-line .form-signin .rememberPsd-group .checkbox-inline input[type='checkbox'].checkbox {
            position: absolute;
            height: 28px;
            opacity: 0;
            cursor: pointer; }
            .login-content .login-cont .account-login-line .form-signin .rememberPsd-group .checkbox-inline input[type='checkbox'].checkbox:checked + label {
              background: url("../../images/icon/icon-checkbox2.png") no-repeat 0 center;
              background-size: 12px 12px; }
          .login-content .login-cont .account-login-line .form-signin .rememberPsd-group .checkbox-inline label {
            cursor: pointer;
            display: inline-block;
            background: url("../../images/icon/icon-checkbox3.png") no-repeat 0 center;
            background-size: 12px 12px;
            height: 28px;
            line-height: 28px;
            padding-left: 20px; }
      .login-content .login-cont .account-login-line .login-btn {
        padding: 0 3px; }
        .login-content .login-cont .account-login-line .login-btn button {
          border: none;
          width: 100%;
          height: 41px;
          background: #0071bd;
          color: #fff;
          font-size: 16px;
          border-radius: 20px;
          transition: all 0.2s;
          outline: none;
          cursor: pointer; }
        .login-content .login-cont .account-login-line .login-btn:hover button {
          background: #0462a0; }
          .login-content .login-cont .account-login-line .login-btn:hover button:focus {
            background-color: #286090;
            border-color: #204d74; }
    .login-content .login-cont .ewm-download-cont {
      display: none;
      padding: 18% 8%;
      width: 320px;
      height: 286px; }
      .login-content .login-cont .ewm-download-cont .ewm-download {
        background: url("../../images/cnic/ewm3.jpg") no-repeat center center #fff; }
        .login-content .login-cont .ewm-download-cont .ewm-download:hover {
          background: url("../../images/cnic/ewm4.jpg") no-repeat center center #fff; }
      .login-content .login-cont .ewm-download-cont h4 {
        padding-bottom: 10px;
        text-align: center;
        color: #333;
        font-size: 18px;
        font-weight: 300; }
      .login-content .login-cont .ewm-download-cont .qrcode {
        text-align: center; }
        .login-content .login-cont .ewm-download-cont .qrcode img {
          margin: auto;
          width: 140px;
          height: 140px; }
  .login-content .bottom-img {
    padding: 40px 0 0 60px; }

.login-footer .login-footer-con {
  width: 1200px;
  margin: auto;
  text-align: center;
  padding: 40px 0; }
  .login-footer .login-footer-con p {
    font-size: 12px;
    line-height: 28px;
    color: #777;
    margin: 0; }
    .login-footer .login-footer-con p span {
      display: inline-block;
      padding: 0 5px; }

.browserUpgrade-content {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#7f000000,endColorstr=#7f000000);
  z-index: 9; }
  .browserUpgrade-content .browserUpgrade-main {
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -262px;
    margin-top: -260px;
    padding: 40px 0;
    width: 524px;
    height: 394px;
    background: #0093ff;
    border-radius: 5px; }
  .browserUpgrade-content .close {
    position: absolute;
    right: 0;
    top: 0;
    padding: 25px;
    background: url("../../images/icon/login-icon-close.png") no-repeat center center;
    opacity: 0.7; }
    .browserUpgrade-content .close:hover {
      opacity: 1; }
  .browserUpgrade-content .login-sj {
    padding-bottom: 20px; }
    .browserUpgrade-content .login-sj img {
      display: block;
      margin: auto; }
  .browserUpgrade-content .text {
    padding: 0 20px;
    color: #fff;
    text-align: center;
    font-size: 16px;
    line-height: 30px; }
  .browserUpgrade-content .browser-download {
    text-align: center;
    padding-top: 18px; }
    .browserUpgrade-content .browser-download li {
      display: inline-block;
      margin-right: 10px;
      width: 142px;
      text-align: center;
      border: 1px solid #fff; }
      .browserUpgrade-content .browser-download li a {
        display: block;
        padding: 8px 0 8px 22px;
        background: #0093ff;
        color: #fff;
        transition: all .2s; }
      .browserUpgrade-content .browser-download li:last-child {
        margin-right: 0; }
      .browserUpgrade-content .browser-download li.browser-ie a {
        background: url("../../images/icon/icon-ie.png") no-repeat 10px 7px; }
        .browserUpgrade-content .browser-download li.browser-ie a:hover {
          color: #0093ff;
          background: #fff url("../../images/icon/icon-ie-h.png") no-repeat 10px 7px; }
      .browserUpgrade-content .browser-download li.browser-firefox a {
        background: url("../../images/icon/icon-firefox.png") no-repeat 12px 7px; }
        .browserUpgrade-content .browser-download li.browser-firefox a:hover {
          color: #0093ff;
          background: #fff url("../../images/icon/icon-firefox-h.png") no-repeat 12px 7px; }
      .browserUpgrade-content .browser-download li.browser-google a {
        background: url("../../images/icon/icon-google.png") no-repeat 12px 7px; }
        .browserUpgrade-content .browser-download li.browser-google a:hover {
          color: #0093ff;
          background: #fff url("../../images/icon/icon-google-h.png") no-repeat 12px 7px; }

@media screen and (max-width: 1650px) {
  .login-content .right-box {
    top: 10%;
    right: 5%; }

  .login-content .bottom-img {
    padding-top: 20px; }
    .login-content .bottom-img img {
      width: 80%; }

  .login-content .login-cont .account-login-line {
    padding: 25px;
    width: 320px; } }

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