@charset 'UTF-8';
/*login*/
.LG-body-big{width: 100%; min-width:1024px; height:100%; min-height: 600px;position: absolute;  top:0;  left: 0; background:url(login-bg.jpg) no-repeat center #f5f7fa; background-size:cover; }
.login-txt-logo{position: absolute; left:0; top: -150px; width:calc(100% - 10% - 420px); height:100%; Center slide text vertically display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center;  justify-content: center;  -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center;}
/* .img-box-big1{display: -webkit-box;-webkit-box-pack: center;justify-content: flex-end;-webkit-box-align: center;-webkit-align-items: center;} */
.login-right-logo{display: -webkit-box;-webkit-box-pack: center;justify-content: flex-end;-webkit-box-align: center;-webkit-align-items: center;text-align: center;}
.img-box-content-up{position: absolute;left: -10px;top: -54px;width: calc(100% - 10% - 420px);height: 100%;display: inline-flex;-webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center;}
.box-content-up-cn{color: white; font-size: 40px; font-family: 微软雅黑; user-select: none;}
.img-box-content-down{position: absolute;left: -10px;top: -15px;width: calc(100% - 10% - 420px);height: 100%;display: inline-flex;-webkit-box-pack: center; justify-content: center;-webkit-box-align: center; align-items: center;}
.box-content-down-en{color: rgb(194, 194, 194); font-size: 20px; font-family: 微软雅黑; user-select: none;}
.img-box-buttom-footer{position: absolute;top: 130px;left: 12px;width: calc(100% - 10% - 420px);height: 100%;display: inline-flex;justify-content: center;align-items: center;}

.login-box-big{position: absolute;  right:10%; top:0; width: 420px; height:100%; overflow: hidden;  background:rgba(0,0,0,.4); }
.login-box-area{position: absolute;  left:0; top:50%; width:100%; overflow: hidden; transform: translate(0,-50%); -webkit-transform: translate(0,-50%); -moz-transform: translate(0,-50%); -o-transform: translate(0,-50%); }
.login-box-area .login-title{color:#fff; text-align:center;font-size:21px;}
.login-ul{padding:0 0 50px; width:300px; margin:0 auto; }
.login-ul li{width:300px; padding:0 0 4px;}
.login-ul li.code-li{overflow:hidden; position:relative; }
.login-ul li.code-li input{width:50%;}
.login-ul li.code-li em{position:absolute; right:0; top:0; width:140px;}
.login-ul li.code-li em img{display:block; height:44px; width:100%; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;}
.login-ul li.code-li .div-identifyingCode{position: absolute;right: 0;top: 0;width: 140px;height:42px;}
.login-ul li.code-li .div-identifyingCode .publicImgCaptcha{height:42px;width:140px;border-radius:3px;}
.error {margin-top:4px; color: #fc2736; font-size: 13px; line-height:16px; height:16px;}
.login-confirm{border:0; outline:0; display:block; width:100%;  background: #fe7257; color: #fff;  padding: 0;  text-align: center; font-size:16px; line-height: 44px; cursor: pointer; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px;}
.LG-footer-big{position: absolute;  left:0; bottom:0; width:100%; overflow: hidden; padding:20px; color:#fff; line-height:1.65; text-align:center;}