@charset "utf-8";
.loginWrap{height:100vh;overflow: hidden;display: flex; justify-content:flex-start;}
.lgLeft{position: relative; max-width: 35%;min-width: 30%;overflow-y: hidden;width: 680px;}
.lgLeft{height: 100vh;background: url(../../images/login/leftBg.jpg);background-size:100% 100%;}
.lgTxt{margin: 27% 20% 0 15%;}
.lgTxt1{width: 50%;}
.lgTxt2{width: 90%; margin: 12% 0 18%;}
.lgTxt3{width: 50%;}

.lfBg{min-height: 100%;width: 100%;}
.lgLeft h1,.p-logo{position: absolute; top: 3%; left: 30px; color: #2E3033; font-size: 20px;}
.lgLeft h1 span,.p-logo span{display: inline-block; border-left: 1px solid #7E9DC3; padding-left: 15px; margin-left: 15px; line-height: 20px;vertical-align: middle;}
.lgRight{height: 100vh; background: url(../../images/login/rightBg.jpg); background-size:100% 100%;align-items: center; display: flex;flex: 1;flex-direction: column;justify-content: center;}


.re-con{width: 557px;min-height: 720px;margin: 0 auto; box-shadow: 0px 0px 70px 0px rgba(2,22,69,0.1);border-radius: 10px; background: #fff;}
.re-con h1{font-size: 24px; color: #2E3033; text-align: center; padding-top: 59px; margin-bottom: 40px; font-weight: 800; line-height: 1;}
.re-con ul{width: 406px; margin: 0 auto;}
.re-con li{margin-bottom: 29px; font-size: 16px;}

.ipt{width: 404px;height: 50px;border-radius: 4px;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;}
.lcode{position: relative;}
a.getCode{position: absolute; right: 29px; top: 15px; font-size: 16px; font-weight: 800; border-left: 1px solid #DCDCDC; padding-left: 28px; line-height: 18px; color: #356DEE;}
a.getCode:hover{color: #2a57bf;}
.psd{position: relative;}
.psd i{position: absolute; right: 16px; top: 16px; display: inline-block;width: 26px;height: 19px;background: url(../../images/login/lgEye.png); cursor: pointer;}
.psd i.open{background-position: 0 -19px;}

.check i{display: inline-block; width: 18px;height: 18px;background: url(../../images/login/checkbox.png); float: left; margin: 2px 10px 0 0;}
.check i:hover{background-position: 0 -18px;}
.check i.checked{background-position: 0 -36px;}

li.error{color: #f60; margin-bottom: 10px;}
.error em{display: inline-block; width: 17px;height: 17px; background-image: url(../../images/login/icon_error.png); vertical-align: middle;margin-right: 10px;}

a.btnGray,a.btnRed{display: inline-block; width: 406px;height: 50px;background: #356DEE;border-radius: 5px; font-size: 20px; color: #999; text-align: center; line-height: 50px;}
a.btnRed{background: #356DEE; color: #fff;}
a.btnGray{background: #F7F7F7;color: #A9A8A8;}
a.btnRed:hover{background: #2d5dcc;}

/*登录*/
.lgRight1{display: flex; flex-direction: column; justify-content: space-between;}
.lg-head{text-align: center; flex: 1;display: flex; flex-direction: column; justify-content: center; align-items: center;}
.lg-head h1{font-size: 34px;color: #1B2443; line-height: 1;}
.p-des{color: #A9B2B8; font-size: 16px; margin-top: 40px;}
.lg-con .re-con{min-height: 514px;}
.lg-con{flex: 2;}

.tab{line-height: 60px; text-align: center; padding-top: 40px;font-size: 24px; margin-bottom: 30px;}

.loginfrm{margin-top: 20px; padding-bottom: 30px;}
.re-con li.go-reg{color: #2E3033;}
.go-reg a.fr{color: #2E3033;}
.go-reg a.fr:hover{color: #356DEE;}
.loginfrm li.error{margin-bottom: 20px;}
.code .ipt{width: 270px; margin-right: 10px;}

.lg-footer{flex: 1;align-items: center;display: flex;color: #C5C6C9;}
.lg-footer a{color: #C5C6C9;}
.lg-footer a:hover{color: #356DEE;}

.resHead{position: absolute; top: 0; left: 0; width: 100%; height: 64px; line-height: 64px; background: rgba(255,255,255,0.5);box-shadow: 0px 4px 10px 0px rgba(0,0,0,0.05); padding: 0 30px; box-sizing: border-box;}
a.app{color: #3D3D3D;}
a.lBtn{display: inline-block;width: 64px; border-radius: 4px; text-align: center;font-size: 16px;background: #356dee; color: #fff; height: 40px; line-height: 40px;margin-left: 30px; padding: 0 16px;}
a.lBtn:hover{background: #2d5dcc;color: #fff;}
.resWrap{align-items: center; display: flex;flex: 1;flex-direction: column;justify-content: center;}
.rz-result{text-align: center; width: 435px; margin: 0 auto;}
.rz-result h1{font-size: 20px; font-weight: bold; color: #222; margin: 30px 0 10px;}
.rz-result p{color: #999;}
.btnArea{width:100%; margin-top: 30px; text-align: center;}
.btnArea .bigBtn{display: inline-block;  padding: 0 20px; height: 34px; line-height: 34px; text-align: center; border-radius: 3px; font-size: 14px;}
.btnArea a.btnGray{border: 1px solid #DCDEE0;background: none; color: #1D2129;height: 34px; line-height: 34px; width: 64px;}
.btnArea a.btnGray:hover{background: #fff;}
.btnArea a.btnRed{background: #356DEE; height: 36px; line-height: 36px;color: #fff;width: 72px; padding: 0 15px; margin-left: 10px;}
.btnArea a.btnRed:hover{background: #2d5dcc;}

label input[type="checkbox"]{width: 16px;height: 16px; margin-right: 10px;}

.getCodeRed{position: absolute; right: 29px; top: 15px; font-size: 16px; font-weight: 800; border-left: 1px solid #DCDCDC; padding-left: 28px; line-height: 18px;}