.login{width:100%;height:100%;display:flex;flex-direction:column;background-image:linear-gradient(-45deg,#001529,#013768 48%,#226eb7);background-size:cover;background-position:50%;position:relative}.login-con-header{font-size:16px;font-weight:300;text-align:center;padding:30px 0}.login-con .form-con{padding:10px 0 0}.login-con .login-tip{font-size:10px;text-align:center;color:#c3c3c3}.login .left-top{position:absolute;width:368px;height:57px;left:47px;top:36px;display:flex;justify-content:center;align-items:center}.login .left-top .textImg{margin-left:15px}.login .rr_logo{margin-right:10px}.login .login-con{width:433px;background:rgba(0,0,0,.4);box-shadow:0 0 20px 0 hsla(0,0%,100%,.3);border-radius:8px;padding:40px 50px}.login .desc{width:100%;font-size:16px;color:#fff;text-align:center;height:55px;line-height:55px;bottom:15px;position:absolute}.login .login_content{flex:1}.login .desca{height:55px;line-height:55px;text-align:center;font-size:16px;color:#fff}.loginForm .opline{height:20px;width:1px;background-color:hsla(0,0%,100%,.5);margin:0 10px}.loginForm .inputLine{width:100%;padding:8px 20px;height:41px;display:flex;align-items:center;border-radius:45px;background:hsla(0,0%,100%,.3);border-radius:40px;border:none}.loginForm .inputLine input{width:100%;outline:0;height:100%;background-color:transparent;border:0;color:#fff;font-size:18px}.loginForm .inputLine ::-webkit-input-placeholder{color:hsla(0,0%,100%,.5);font-size:16px}.loginForm .inputLine ::-moz-placeholder{font-size:16px;color:hsla(0,0%,100%,.5)}.loginForm .inputLine :-ms-input-placeholder{font-size:16px;color:hsla(0,0%,100%,.5)}.loginForm .loginBtn{width:100%;height:40px;line-height:40px;font-size:16px;color:#fff;border:0;border-radius:45px;background-image:linear-gradient(128deg,#69b8ff,#0086ff);border-radius:40px}.titleHeader{display:flex;align-items:center;justify-content:center;padding-bottom:30px;height:60px}.titleHeader h1{border-left:1px solid hsla(0,0%,100%,.2);font-size:20px;color:#fff;margin-left:36px;padding-left:36px}