.login{width:100%;height:100%;background-image:url(../img/login-bg.0899ffa6.jpg);background-size:cover;background-position:50%;position:relative}.login-con{position:absolute;right:160px;top:50%;-webkit-transform:translateY(-60%);transform:translateY(-60%);width:300px}.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}.icp{position:absolute;bottom:0;right:0;margin:10px 0;width:100%;height:36px;white-space:pre;text-align:center;color:grey;z-index:1000}.icp>a{color:grey}.icp>a,.icp>a:hover{text-decoration:none}.icp>a:hover{color:#0ff}*{margin:0;padding:0;-webkit-box-sizing:border-box;box-sizing:border-box}body{height:100vh}.Box{position:fixed;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);display:-webkit-box;display:-ms-flexbox;display:flex}h3{font-size:28px;margin-bottom:20px;letter-spacing:5px;color:#fff}input::-webkit-input-placeholder{color:#fff}input::-moz-placeholder{color:#fff}input:-ms-input-placeholder{color:#fff}input::-ms-input-placeholder{color:#fff}input::placeholder{color:#fff}.desc{margin:0 20px 30px;text-align:center;font-size:12px;color:#d6d6d6}.lf,.loginBtn{width:100%}.loginBtn{cursor:pointer;line-height:36px;text-align:center;font-size:15px;color:#000;background:#fff;outline:none;border:none;margin-top:10px;-webkit-transition:all .1s;transition:all .1s}.loginBtn:hover{border:1px solid #000;font-weight:550;letter-spacing:6px}.no{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;cursor:pointer;text-align:center;font-size:12px;color:#c6c6c6}.login-bg,.login_new{width:100%;height:100%}.login-bg{background:#3e3e3e}