.warpper .login{background-position:50%;position:fixed;width:820px;height:520px;margin-left:-410px;margin-top:-260px;left:50%;top:50%;overflow:hidden;background:#fff;-webkit-box-shadow:0 26px 90px 0 rgba(51,59,69,.2),0 0 20px 0 rgba(182,202,217,.4);box-shadow:0 26px 90px 0 rgba(51,59,69,.2),0 0 20px 0 rgba(182,202,217,.4);border-radius:8px}.warpper .login .login-left{float:left;width:300px;height:520px;-webkit-box-sizing:border-box;box-sizing:border-box;padding:40px}.warpper .login .login-left .logo{width:100px;height:50px;background:url(../img/logolage.07b07def.png) no-repeat 0 0;background-size:100%;margin-bottom:45px}.warpper .login .login-left h1{font-family:PingFangSC-Medium;font-size:28px;color:#242e42;letter-spacing:0;line-height:28px;margin-bottom:10px}.warpper .login .login-left p{font-family:PingFangSC-Regular;font-size:12px;color:#8893a6;letter-spacing:0;line-height:12px;padding-bottom:50px}.warpper .login .login-left .form-con{margin-bottom:90px}.warpper .login .login-left .form-bot span{font-family:PingFangSC-Regular;font-size:12px;color:#999;letter-spacing:0;line-height:12px}.warpper .login .login-right{float:left;width:520px;height:520px;background:url(../img/picture@2x.3e86c530.png) no-repeat;background-size:100%}.warpper .login .beian{position:absolute;display:block;bottom:10px;left:40px;text-align:center;color:#999;letter-spacing:0}.warpper .login .beian a{color:#999;font-size:12px}.warpper .login .beian a:hover{color:#2d8cf0}