.fl{float: left;}
.fr{float: right;}

.login{width: 100%; min-height: 600px; display: flex;padding: 160px 0 100px 0; background: url(../images/login.jpg) center center; background-size: cover; }
.login .form{width: 380px; padding:35px 40px; position: relative; background: #fff; border-radius: 10px;box-shadow: 0 4px 30px rgba(0,0,0,0.5);}
.login .form h3{font-size: 32px;font-weight: 400; padding: 10px 0 25px 0; text-align: center;}
.login .form .inline-box{display: inline-block;}
.login .form .label-box{padding: 5px 5px; font-size: 21px; line-height: 36px;}
.login .form .input-box{padding: 0 10px; height: 40px; border: solid 1px #dadada;}
.login .form .input-box input{width: 100%; line-height: 40px; border: none; font-size: 16px; color: #666;}
.login .form .input-box input:focus{}
.login .form .captcha-box{margin:0 15px;}
.login .form .captcha-box img{width: 120px; height:40px;}

.login .form .login-form{display: none;}
.login .form .wechat-form{text-align: center; line-height: 35px; display: none;}

.login .form .current{display: block;}
.login .form .qrcode{display: block; margin: 20px 50px 0 ;}
.login .form .qrcode img{width: 100%; height: 100%;}
.login .form .captcha{cursor: pointer;}

.login .form button{width: 100%;margin: 25px 0; color:#fff;border:1px #ff5300 solid;background: #ff5300;font-size:21px;
    border-radius:3px;padding: 8px 25px;display:inline-block; cursor: pointer;}

.login .form button:hover{box-shadow: 0 4px 30px rgba(0,0,0,0.2);}

.login .form a{color:#ff5300;}
.login .form a:hover{text-decoration: underline;}

.login .other{margin-top: 35px;}

.login .form .toggle-login{position: absolute;top:0;right: 0;width: 156px;height: 96px;cursor:pointer;}
.wxBg{background: url("../images/weixin_icon.png") no-repeat;}
.userBg{background: url("../images/username_icon.png") no-repeat;}