@charset "UTF-8";
.skin_lg_bg {
  position: relative;
  width: 100%;
  height: 100%;
}
.skin_lg_bg .skin_lg_top,
.skin_lg_bg .skin_lg_center,
.skin_lg_bg .skin_lg_bottom {
  position: absolute;
  width: 100%;
}
.skin_lg_bg .skin_lg_top,
.skin_lg_bg .skin_lg_bottom {
  height: 50px;
  color: #a6a9ae;
  line-height: 50px;
  background: #005b6c;
  z-index: 100;
}
.skin_lg_bg .skin_lg_top .lg_con,
.skin_lg_bg .skin_lg_bottom .lg_con {
  font-size: 12px;
}
.skin_lg_bg .skin_lg_top {
  top: 0;
  background-image: url("/emainframe/images/logo.png");
  background-repeat: no-repeat;
}
.skin_lg_bg .skin_lg_top .lg_con {
  text-align: right;
  /* 在上角图标按钮标签样式 */
}
.skin_lg_bg .skin_lg_top .lg_con .topicon_btn {
  cursor: pointer;
  display: inline-block;
  color: #a6a9ae;
  font-size: 14px;
}
.skin_lg_bg .skin_lg_top .lg_con .topicon_btn:after {
  content: "\ef8d";
  margin-left: 5px;
}
.skin_lg_bg .skin_lg_center {
  top: 0;
  bottom: 0;
  padding: 50px 0px;
  background: #eff8f8;
  z-index: 10;
}
.skin_lg_bg .skin_lg_center:before, .skin_lg_bg .skin_lg_center:after {
  content: "";
  position: absolute;
}
.skin_lg_bg .skin_lg_center:before {
  right: 0;
  top: 50px;
  width: 344px;
  height: 700px;
  background: url("images/lg_back_right.png") no-repeat;
}
.skin_lg_bg .skin_lg_center:after {
  left: 0;
  top: 0;
  width: 208px;
  height: 525px;
  background: url("images/lg_back_left.png") no-repeat;
}
.skin_lg_bg .skin_lg_bottom {
  bottom: 0;
}
.skin_lg_bg .skin_lg_bottom .lg_con {
  text-align: center;
  color: rgba(255, 255, 255, 0.5);
}

.lg_con {
  width: 1240px;
  height: 100%;
  margin: 0 auto;
  font-size: 0;
}
@media only screen and (max-width: 1440px) {
  .lg_con {
    width: 1240px;
  }
}
@media only screen and (max-width: 1366px) {
  .lg_con {
    width: 1140px;
  }
}
@media only screen and (max-width: 1024px) {
  .lg_con {
    width: 1000px;
  }
}
.lg_con .lg_left,
.lg_con .lg_right {
  display: inline-block;
  vertical-align: top;
  font-size: 12px;
}
.lg_con .lg_left {
  width: 740px;
  position: relative;
  height: 500px;
  position: relative;
  vertical-align: middle;
}
@media only screen and (max-width: 1440px) {
  .lg_con .lg_left {
    width: 740px;
  }
}
@media only screen and (max-width: 1366px) {
  .lg_con .lg_left {
    width: 640px;
  }
}
@media only screen and (max-width: 1024px) {
  .lg_con .lg_left {
    width: 500px;
  }
}
.lg_con .lg_left .lg_text {
  display: block;
  position: absolute;
  z-index: 30;
  top: 330px;
  left: 40px;
}
.lg_con .lg_left .lg_text .h1_gray {
  color: #00ad9a;
}
.lg_con .lg_left .lg_text .h1_gray,
.lg_con .lg_left .lg_text .h1_cl {
  /*font-size:   50px;*/
  font-size: 2.625rem;
  -ms-font-size: 2.625rem;
  line-height: 50px;
  font-weight: bold;
}
.lg_con .lg_left .lg_text .h3_t {
  /*font-size:   35px;*/
  font-size: 1.825rem;
  -ms-font-size: 1.825rem;
  line-height: 60px;
  color: #696969;
}
.lg_con .lg_left .login_img {
  position: absolute;
  z-index: 20;
  display: block;
  background: url("images/lg_back.png") no-repeat left 0px top 0px;
  width: 100%;
  height: 100%;
  top: 0;
}
.lg_con .lg_right {
  width: 500px;
  vertical-align: middle;
}
.lg_con .qr_code {
  font-size: 0;
  display: inline-block;
  padding-left: calc(50% - 100px);
}
.lg_con .qr_code .ioslogin,
.lg_con .qr_code .androidlogin {
  display: inline-block;
  width: 60px;
  padding-top: 60px;
  font-size: 12px;
  margin: 0px 20px;
  text-align: center;
}
.lg_con .qr_code .ioslogin {
  background: url("images/iosapp.png") 0px 0px/60px 60px no-repeat;
}
.lg_con .qr_code .androidlogin {
  background: url("images/androidapp.png") 0px 0px/60px 60px no-repeat;
}

.logo {
  margin-bottom: 20px;
  display: block;
  background: url("images/lg-logo.png") no-repeat;
  height: 50px;
}

.login_from {
  position: relative;
  z-index: 50;
  display: block;
  font-family: "微软雅黑", Verdana, Arial, Helvetica, sans-serif;
  color: #333333;
  padding: 35px 40px;
  background: #ffffff;
  box-shadow: 0 0 30px #b2b2b2;
  border-radius: 5px;
}
.login_from .lf_title li {
  display: inline-block;
  line-height: 50px;
  font-size: 20px;
  font-weight: bold;
}
.login_from .lf_title li span {
  color: #008179;
}
.login_from .login_bt {
  padding-top: 20px;
}
.login_from .login_bt .fm_box .user {
  background: url("images/user.png") left no-repeat;
  background-size: 30px 30px;
  background-position: 10px 10px;
  position: relative;
}
.login_from .login_bt .fm_box .user .logincode {
  background: url("images/lg-code.png") center no-repeat;
  width: 50px;
  height: 50px;
  display: inline-block;
  position: absolute;
  right: 0;
  top: 0;
  cursor: pointer;
}
.login_from .login_bt .fm_box .user input {
  padding-left: 0;
}
.login_from .login_bt .fm_box .pwd {
  background: url("images/pwd.png") left no-repeat;
  background-size: 30px 30px;
  background-position: 10px 10px;
}
.login_from .login_bt .fm_box .pwd input {
  padding-left: 0;
}
.login_from .login_bt .fm_box .input_focus {
  border-color: #0093a3;
}
.login_from .login_bt .fm_box .input_focus input {
  color: #000000;
}
.login_from .login_bt .fm_box .yzcode {
  height: 50px;
  font-size: 0;
}
.login_from .login_bt .fm_box .yzcode .yz_le,
.login_from .login_bt .fm_box .yzcode .yz_ri {
  display: inline-block;
  height: 50px;
  vertical-align: top;
}
.login_from .login_bt .fm_box .yzcode .yz_le {
  width: 45%;
  padding-right: 10px;
}
.login_from .login_bt .fm_box .yzcode .yz_le .form_captcha {
  margin-bottom: 0;
}
.login_from .login_bt .fm_box .yzcode .yz_ri {
  width: 55%;
  position: relative;
}
.login_from .login_bt .fm_box .yzcode .yz_ri .code_img,
.login_from .login_bt .fm_box .yzcode .yz_ri .code_text {
  position: absolute;
  display: block;
  height: 100%;
  top: 0;
  line-height: 50px;
  text-align: center;
}
.login_from .login_bt .fm_box .yzcode .yz_ri .code_img {
  width: 65%;
  left: 0;
  right: 35%;
}
.login_from .login_bt .fm_box .yzcode .yz_ri .code_text {
  width: 35%;
  left: 65%;
  right: 0;
  font-weight: bold;
  font-size: 14px;
}
.login_from .fm_btn {
  padding-top: 15px;
}
.login_from .fm_btn input {
  width: 100%;
  line-height: 50px;
  border: 0;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  background: #00ad9a;
  font-size: 16px;
  color: #ffffff;
  cursor: pointer;
  box-shadow: 4px 4px 30px  #b3b3b3;
}

.user,
.pwd,
.form_captcha {
  display: block;
  line-height: 30px;
  padding: 10px 50px;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  background-color: #f5f5f5;
  border: 1px solid #d3d3d3;
  border-top-color: #cccccc;
  margin-bottom: 20px;
}
.user input,
.pwd input,
.form_captcha input {
  width: 100%;
  display: block;
  line-height: 30px;
  height: 30px;
  background: transparent;
  border: 0;
  font-size: 16px;
  color: #999999;
}

.form_error {
  line-height: 30px;
  height: 30px;
  margin: 20px 0px;
}
.form_error .eui-icon {
  color: #ff0000;
  font-size: 12px;
}
.form_error .eui-icon:before {
  content: "\efa8";
  margin-right: 5px;
  display: inline-block;
}

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