body,button,input,select,textarea{font:12px/1.5 Lucida Grande,Lucida Sans Unicode,Helvetica Neue,Hiragino Sans GB,Microsoft Yahei,sans-serif;color:#4b4b4b}
input::-webkit-input-placeholder{color:#666}
input::-moz-placeholder{color:#666}
input:-moz-placeholder{color:#666}
input:-ms-input-placeholder{color:#666}
input:-webkit-autofill {box-shadow: 0 0 0px 1000px white inset;}
a{color:#3b65a7;text-decoration:none;outline:0}
button:focus{outline:-webkit-focus-ring-color auto 0}
button[disabled],button[disabled] button{color:#ccc;opacity:1;cursor:default}
.lr-login-top{
  height: 50px;
  margin-bottom: 10vh;
}
.lr-login-top .lr-login-title{
  margin:auto;
  height:100%
}
.lr-login-logo{
  height: 50px;
  /* padding: 0 23%; */
  background: #27a2c4;
  /* background: url('../images/ums-logo.png') no-repeat calc(23% + 30px) 50% #27a2c4; */
}
.lr-login-logo .umslogo {
  float: left;
  width: 88px;
  margin: 8px 0 0 10px;
}
.lr-login-logo .umslogo img {
  width: 100%;
}
.lr-login-logo .downloadLink {
  display: block;
  float: right;
  width: 50px;
  height: 50px;
  margin-right: 10px;
  background: url('../images/login/download_w.png') no-repeat 50%;
  color: #fff;
}
.lr-login-logo .privacyLink {
  display: block;
  float: right;    
  width: 50px;
  height: 50px;
  margin-right: 5px;
  background: url('../images/login/privacy_w.png') no-repeat 50%;
  color: #fff;
}
.lr-login-logo .topTxtLink {
  float: right;
  line-height: 16px;
  margin-top: 17px;
  padding: 0 12px;
  cursor: pointer;
  border-right: 1px solid #fff;
  color: #fff;
  text-align: center;
}
.lr-login-logo .topTxtLink:first-child {
  border-right: none;
}
.lr-login-center table{width: 100%;border-spacing:0;border-collapse:collapse;margin:0;padding:0}
.lr-login-center table td{margin:0;padding:0}
.lr-login-center .lr-bg-md {
  width: 85%;
  min-height: 430px;
  max-width: 450px;
  margin: auto;
  padding: 32px 0 50px 0;
  border: 1px solid #EDEDED;
  border-radius: 10px;
  box-shadow: 0 3px 4px rgba(0,0,0,.16);
  position: relative;
}
.lr-bg-md .switchTip {
  position: absolute;
  top: 20px;
  right: 60px;
  z-index: 100;
  width: 77px;
  background: #27a2c4;
  color: #fff;
  text-align: center;
  line-height: 30px;
  border-radius: 3px;
  box-sizing: border-box;
  display: none;
}
.lr-bg-md .switchTip .tTxt {
  width: calc(100% - 20px);
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.lr-bg-md .switchTip .tArrow {
  width: 12px;
  height: 12px;
  transform: rotate(35deg) translate(2px, -14px) skew(-19deg);
  background: #27a2c4;
  position: absolute;
  top: 19px;
  right: 5px;
}
.lr-bg-md .switchTip:hover {
  display: block;
}
.lr-bg-md .switcher:hover + .switchTip {
  display: block;
}
.lr-bg-md .switcher {
  position: absolute;
  top: 0;
  right: 0;
  width: 71px;
  height: 71px;
  z-index: 10;
}
.switchTip img {
  width: 100%;
}
.switcher img {
  width: 100%;
  cursor: pointer;
}
.lr-input-form {
  margin: 5px auto;
  width: 100%;
}
.lr-input-form .loginArea, .lr-input-form .CPWArea, .lr-input-form .FPWArea, .lr-input-form .login_tips {
  margin: auto;
  width: 236px;
}
.lr-input-form .lg-icon {
  width: 18%;
  height: 34px;
  padding: 7px 0;
  box-sizing: border-box;
  display: inline-block;
  background: #EEEEEE;
}
.lr-input-form .lg-icon img {
  width: 20px;
  margin: auto;
  display: block;
}
.lr-input-form .ipt,.lr-input-form select{width:82%;padding:0;border:0;background-color:rgba(0,0,0,0);font-size:12px;padding-left:10px;color:#000000;}
.lr-input-form .ipt { padding: 8px;}
.lr-input-form select{width:100%;appearance:none;-moz-appearance:none;-webkit-appearance:none;background:url(../images/icon1.png) no-repeat scroll right center transparent;padding-right:14px}
select::-ms-expand{display:none}
.lr-input-form input:focus,.lr-input-form select:focus{outline:-webkit-focus-ring-color auto 0}
.lr-input-form .login-name { background: url('/Content/images/login/user-name.png') no-repeat 216px center;}
.lr-input-form .login-pwd {background: url('/Content/images/login/user-pwd.png') no-repeat 216px center;}
.lr-input-form .login-vc {background: url('/Content/images/login/user-vc.png') no-repeat 104px center;}
.lr-input-form .login-img-vc {cursor: pointer;}
.lr-input-form .cg-Btn {
  float: left;
  width: 112px;
  height: 35px;
  line-height: 35px;
  text-align: center;
  background-color: #27a2c4;
  color: #ffffff;
  cursor: pointer;
}
.lr-input-form .cg-Btn:not(:first-child):last-child {
  margin-left: 12px;
}
.lr-input-form .cg-Btn.big {
  width: 236px;
}
.lr-input-form .cg-Btn.active {
  background-image: url('../images/loading1.gif');
  background-repeat: no-repeat;
  background-position: center center;
  background-color: #cccccc;
  cursor: default;
  color: transparent;
}
.top-title img{
  width: 88px;
  height: 88px;
  margin: auto;
  display: block;
}
.top-title h2{
  margin: 15px 0 0 0;
  text-align: center;
  font-size: 24px;
}
.way-account {
  margin-top: 68px;
}
.way-scan {
  margin-top: 8px;
}
.way-scan .LoginQRcode {
  width: 203px;
  height: 203px;
  margin: auto;
  position: relative;
}
.way-scan .LoginQRcode .holderImg {
  width: 100%;
  height: 100%;
  background: #f2f2f2 url('../images/login/loading04.gif') no-repeat center center;
  background-size: 100%;
}
.way-scan .LoginQRcode.err .holderImg {
  background: #f2f2f2 url('../images/login/icon_QRcode.png') no-repeat center center;
  background-size: 100%;
}
.way-scan .LoginQRcode img {
  width: 100%;
  height: 100%;
}
.way-scan .LoginQRcode .refresh {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
  z-index: 10;
  background: rgba(0,0,0,.8);
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  color: #fff;
  font-size: 18px;
  cursor: pointer;
}
.way-scan .LoginQRcode .refresh img {
  width: 43px;
  height: 50px;
  margin-bottom: 26px;
}
.way-scan .LoginQRcode.active .refresh {
  display: none;
}
.way-account .loginMode{
    margin: 0px;
    padding: 0px;
    margin-bottom: 12px;
}
.way-account ul{
    margin: 0px;
    padding: 0px;
}
.way-account ul li{float: left;
    width: 78px;
    list-style-type: none;
    margin: 0px;
    height: 25px;
    background-color: #27A2C5;
    text-align: center;
    color: #fff;
    cursor: pointer;
}
.way-account ul li.active{
    background-color: #069ef9;
}
.way-account .clrContent{clear:both;}
.scanTip {
  color: #666;
  margin-top: 8px;
  margin-bottom: 16px;
  text-align: center;
  font-size: 14px;
}
#register_getcode{background-color:#B7B7B5;border-radius:5px;height:35px;font-size:16px;color:#707070;border:0;cursor:pointer;margin-top:4px}
.lr-input-form .login_tips{
  min-height:30px;
  line-height:20px;
  border:1px solid rgba(255, 59, 48, 0.3);
  color:#FF3B30;
  background-color:rgba(255, 59, 48, 0.15);
  border-radius: 5px;
  margin-top: 15px;
  padding: 5px;
  box-sizing: border-box;
  text-align: center;
}
.login_tips i{
  position:relative;
  top:1px;
  font-size:14px;
  padding-right:5px
}
.lr-input-form .login_tips-succeed{
  position:absolute;
  text-indent:3px;
  height:30px;
  line-height:33px;
  border:1px solid #5e8800;
  color:#fff;
  background-color:#62b600;
  border-radius:5px;
  width:306px;
  margin-top:-35px
}
.login_tips-succeed i{
  position:relative;
  top:1px;
  font-size:14px;
  padding-right:5px
}
.lr-login-bottom{
  width: 100%;
  margin: auto;
  text-align: center;
  color:#828282;
  position: absolute;
  bottom: 3vh;
}
.menu{position:fixed;z-index:999;right:20px}
.menu .item{margin:0 0 0 5px;position:relative}
.menu .item .popover{min-width:180px;min-height:100px;background-color:#FFF;position:absolute;left:-192px;top:0;border-radius:8px;box-shadow:0 0 10px 2px rgba(0,0,0,.27);display:none}
.popover-bd{padding:5px;font-size:13px;padding-left:10px;padding-right:10px;padding-bottom:10px}
.popover-bd h3{line-height:10px;padding:0;text-align:center}
.popover-bd hr{background-color:#ccc}
.popover-bd ul{padding:0}
.popover-bd ul li{list-style-type:none;line-height:45px;height:45px;border-bottom:1px solid #E6E4E4;text-align:left;overflow:hidden;font-size:12px;padding-left:10px;font-family:'Microsoft YaHei','Helvetica Neue','Hiragino Sans GB','Segoe UI',Tahoma,Arial,STHeiti,sans-serif}
.menu .item .popover .arrow{position:absolute;width:20px;height:20px;top:20px;right:-20px}
.menu .item .popover .arrow *{display:block;border-width:10px;position:absolute;border-style:dashed dashed dashed solid;font-size:0;line-height:0}
.menu .item .popover .arrow em{border-color:transparent transparent transparent #ccc}
.menu .item .popover .arrow span{border-color:transparent transparent transparent #FFF;left:-1px}
.gwDarger{position:fixed;z-index:999;top:-65px;width:100%}
.alert{color:#ce8f22;background-image:none;box-shadow:none;text-shadow:none;padding:9px 19px 9px 15px;border:1px solid #F0DBB4;transition:all .2s linear 0s;width:100%;display:block}
.bg-info{color:#246a8e;border-color:#bfd4de}
.gwTipBtn{position:fixed;z-index:1000;top:0;right:20px;box-shadow:none;text-shadow:none;border:1px solid #bfd4de;border-top:0;background:#fff;padding:10px;border-radius:0 0 4px 4px;cursor:pointer}
.gwTipBtn span{color:#246a8e;font-size:14px}
.loginMode {
    padding: 0px;
    margin: 0px 0px 15px;
}

    .loginMode ul {
        list-style-type: none;
        padding: 0px;
        margin: 0px;
    }

        .loginMode ul li {
            float: left;
            text-align: center;
            width: 50%;
            margin: 0px;
            line-height: 30px;
            padding: 0px;
            background: #8da9bb;
            color: #ffffff;
            font-weight: bolder;
            cursor: pointer;
        }

            .loginMode ul li.active {
                background: #27a2c4;
            }

    .loginMode .clrContent {
        clear: both;
    }