body{min-height: 730px;position:relative;}
.loginBody{ width: 100%; height: 100vh; background: url(../images/loginBg.jpg) no-repeat; background-size: 100% 100%;}
@font-face {font-family:HB;src: url(HONORSansCN-Bold.ttf);}
.login-head{padding: 0 56px 0 48px; height: 68px; line-height: 68px;}
.login-head a{font-weight: 700;font-size: 24px;color: #FA6B0C;}

.h-right{margin-left: 30px; float: right;}
.h-right a{color: #2E3033;font-size: 16px;}
.h-right img{margin-right: 10px;}
.hc-right .sUser-con{z-index: 99;}
.hc-right .sUser-con{box-shadow: 0px 5px 20px 0px rgba(2, 76, 64, 0.1);}
.hc-right .langIcon{background: url(../images/lang.png);}
.hc-right .scarIcon{background: url(../images/sCar.png);}
.hc-right .surIcon{background: url(../images/shUser.png);}
.s-country{position: relative; float: left; margin-right: 40px;}
.s-country img{width: 20px;height: 14px; vertical-align: middle; float: left; margin-top: 27px;}
.langIcon,.scarIcon,.surIcon{display: inline-block;width: 22px;height: 22px; vertical-align: middle; margin-right: 5px;}


.lg-con{margin: 6% auto;}
.re-con{width: 560px;min-height: 470px;margin: 0 auto; box-shadow: 0px 0px 70px 0px rgba(2,22,69,0.1);border-radius: 10px; padding-bottom: 15px; background: rgba(255,255,255,0.9); box-sizing: border-box;}

.lg-con h1{font-size: 24px; color: #222; text-align: center; padding-top: 60px;line-height: 1; margin-bottom: 50px;}

.ltab{line-height: 44px; text-align: center; padding-top: 25px; display: flex;justify-content: space-around;}
.re-con ul{width: 400px; margin: 0 auto;}
.ltab li{display: inline-block;  font-size: 16px;  margin-bottom: 30px;border-bottom: 1px solid #fff;}
.ltab li a{color: #2E3033; margin-top: 5px;}
.ltab li.current{border-bottom: 1px solid #FA6B0C; font-weight: 600;}
.ltab li.current a{color: #FA6B0C; }

.loginfrm{margin-top: 30px;}
.go-reg{color: #999;margin-top: 20px;}
.loginfrm li{margin-bottom: 29px;}
.loginfrm li.error{margin-bottom: 20px;}
.tabContent{display: none;}
.loginfrm li.lBtn{margin-bottom: 20px;}
.loginfrm li.psd{margin-bottom: 15px;}
.loginfrm1 li,.loginfrm1 li.psd{margin-bottom: 20px;}

.re-con h2{margin-left: 80px;font-size: 20px;}
.psdfrm li.psd{margin-bottom: 20px;}

.ipt{width: 400px;height: 40px;border-radius: 3px;border: solid 1px #DCDCDC;padding-left: 17px;box-sizing: border-box;}
.ipt:focus{border: 1px solid #356DEE;box-shadow: 0px 0px 0px 2px #D9E1FF;-webkit-box-shadow:0px 0px 0px 2px #D9E1FF;-moz-box-shadow:0px 0px 0px 2px #D9E1FF;box-shadow:0px 0px 0px 2px #D9E1FF;}
.psd{position: relative;}
.psd i{position: absolute; right: 16px; top: 11px; display: inline-block;width: 18px;height: 18px;background: url(../images/lEye.png); cursor: pointer;}
.psd i.open{background-position: 0 -18px;}
.redIpt{border: 1px solid #D54941;}
.licode{position: relative;}
.code{position: absolute;color: #FA6B0C; right: 16px; top: 10px;}
.r-code{position: absolute;color: #999; right: 16px; top: 10px;}

.check{cursor: pointer;}
.check i{display: inline-block; width: 14px;height: 14px;background: url(../images/lCheckbox.png); float: left; margin: 3px 8px 0 0;}
.check i.checked{background-position: 0 -14px;}

.error{color: #D54941; margin-top: 5px;}
.error em{display: inline-block; width: 14px;height: 14px; background-image: url(../images/error_icon.png); vertical-align: middle;margin-right: 10px;}

a.btnGray,a.btnRed{display: inline-block; width: 400px;height: 40px;border-radius: 5px; font-size: 14px; color: #999; text-align: center; line-height: 40px;}
a.btnRed{background: #FA6B0C; color: #fff;}
a.btnGray{background: #F7F7F7;color: #A9A8A8;}
a.btnRed:hover{background: #e0610c;}


.l-foot{width: 100%; position: absolute; bottom: 0; left: 0;}
.record{height: 68px; line-height: 68px;margin-top: 28px; text-align: center;}
.record a{color: #222; padding-right: 10px; margin-right: 10px;}
.record a:last-child{border-right: 0;}
.record a:hover{color: #FA6B0C;}

.lBtntwo{display: flex; justify-content: space-between;}
.lBtntwo a{width: 180px;}
